feat(tools): simplify page

src/components/Toolbox.astro

@@ -1,27 +0,0 @@
----
-// Cspell:words astro minmax
-import { Image } from 'astro:assets';
-import Link from './Link.astro';
-
-import type { ToolsProps } from '../data/tools';
-
-export interface Props {
-	tools: ToolsProps[];
-}
-
-const { tools } = Astro.props;
----
-
-<ul
-	class="grid grid-cols-[repeat(auto-fit,_minmax(80px,_1fr))] items-center gap-2 rounded-2 bg-black/5 p-5 mbe-10 dark:bg-white/5 print:block"
->
-	{
-		tools.map(({ name, url, image }) => (
-			<li class="print:[&_img]:!hidden">
-				<Link href={url} title={name}>
-					<Image alt={name} widths={[128]} height={300} src={image} width={300} />
-				</Link>
-			</li>
-		))
-	}
-</ul>

src/data/subnavigation.json

@@ -27,17 +27,13 @@
 	],
 	"misc": [
 		{
-			"title": "Colophon",
-			"url": "/colophon/"
+			"title": "Life Rules",
+			"url": "/life-rules/"
 		},
 		{
 			"title": "Tools",
 			"url": "/tools/"
 		},
-		{
-			"title": "Life Rules",
-			"url": "/life-rules/"
-		},
 		{
 			"title": "Now",
 			"url": "/now/"

src/data/tools.ts

@@ -1,162 +0,0 @@
-export type ToolsProps = {
-	name: string;
-	url?: string;
-	image: string;
-};
-
-export const development = [
-	{
-		name: 'Neovim',
-		url: 'https://neovim.io/',
-		image: '/assets/images/tools/neovim.webp',
-	},
-	{
-		name: 'Ghostty',
-		url: 'https://ghostty.org/',
-		image: '/assets/images/tools/ghostty.webp',
-	},
-	{
-		name: 'Tmux',
-		url: 'https://tmux.github.io/',
-		image: '/assets/images/tools/tmux.webp',
-	},
-	{
-		name: 'Zed',
-		url: 'https://zed.dev/',
-		image: '/assets/images/tools/zed.webp',
-	},
-	{
-		name: 'Kaleidoscope',
-		url: 'https://kaleidoscope.app/',
-		image: '/assets/images/tools/kaleidoscope.webp',
-	},
-];
-
-export const design = [
-	{
-		name: 'Affinity Designer',
-		url: 'https://affinity.serif.com/designer/',
-		image: '/assets/images/tools/affinity-designer.webp',
-	},
-	{
-		name: 'Affinity Photo',
-		url: 'https://affinity.serif.com/photo/',
-		image: '/assets/images/tools/affinity-photo.webp',
-	},
-	{
-		name: 'Affinity Publisher',
-		url: 'https://affinity.serif.com/publisher/',
-		image: '/assets/images/tools/affinity-publisher.webp',
-	},
-	{
-		name: 'Eagle',
-		url: 'https://eagle.cool/',
-		image: '/assets/images/tools/eagle.webp',
-	},
-	{
-		name: 'Procreate',
-		url: 'https://procreate.com/',
-		image: '/assets/images/tools/procreate.webp',
-	},
-	{
-		name: 'Typeface',
-		url: 'https://typefaceapp.com/',
-		image: '/assets/images/tools/typeface.webp',
-	},
-];
-
-export const research = [
-	{
-		name: 'iA Writer',
-		url: 'https://ia.net/writer',
-		image: '/assets/images/tools/ia-writer.webp',
-	},
-	{
-		name: 'iA Presenter',
-		url: 'https://ia.net/presenter',
-		image: '/assets/images/tools/ia-presenter.webp',
-	},
-	{
-		name: 'Obsidian',
-		url: 'https://obsidian.md/',
-		image: '/assets/images/tools/obsidian.webp',
-	},
-	{
-		name: 'DEVONthink',
-		url: 'https://www.devontechnologies.com/apps/devonthink',
-		image: '/assets/images/tools/devonthink.webp',
-	},
-	{
-		name: 'Raindrop.io',
-		url: 'https://raindrop.io/',
-		image: '/assets/images/tools/raindrop.io.webp',
-	},
-	{
-		name: 'Reeder',
-		url: 'https://reeder.app/',
-		image: '/assets/images/tools/reeder.webp',
-	},
-	{
-		name: 'Readwise Reader',
-		url: 'https://readwise.io/read',
-		image: '/assets/images/tools/readwise-reader.webp',
-	},
-	{
-		name: 'Readwise',
-		url: 'https://readwise.io/i/stefan805',
-		image: '/assets/images/tools/readwise.webp',
-	},
-	{
-		name: 'MindNode',
-		url: 'https://www.mindnode.com/',
-		image: '/assets/images/tools/mindnode.webp',
-	},
-	{
-		name: 'BibDesk',
-		url: 'https://bibdesk.sourceforge.io/',
-		image: '/assets/images/tools/bibdesk.webp',
-	},
-];
-
-export const other = [
-	{
-		name: 'Things',
-		url: 'https://culturedcode.com/things/',
-		image: '/assets/images/tools/things.webp',
-	},
-	{
-		name: 'Raycast',
-		url: 'https://www.raycast.com/',
-		image: '/assets/images/tools/raycast.webp',
-	},
-	{
-		name: 'Brave Browser',
-		url: 'https://brave.com/',
-		image: '/assets/images/tools/brave-browser.webp',
-	},
-	{
-		name: 'Proton Mail',
-		url: 'https://proton.me/mail',
-		image: '/assets/images/tools/protonmail.webp',
-	},
-	{
-		name: 'Proton VPN',
-		url: 'https://protonvpn.com/',
-		image: '/assets/images/tools/protonvpn.webp',
-	},
-	{
-		name: 'Proton Pass',
-		url: 'https://proton.me/pass',
-		image: '/assets/images/tools/protonpass.webp',
-	},
-	{
-		name: 'Yoink',
-		url: 'https://eternalstorms.at/yoink/mac/',
-		image: '/assets/images/tools/yoink.webp',
-	},
-	{
-		name: 'Karabiner-Elements',
-		url: 'https://karabiner-elements.pqrs.org/',
-		image: '/assets/images/tools/karabiner-elements.webp',
-	},
-];

src/pages/tools.mdx

@@ -1,58 +1,200 @@
 ---
 layout: ../layouts/PageLayout.astro
 title: Tools
-updated: 2022-01-03
+updated: 2025-01-06
 description: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. On this page, I present my tools.
 intro: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. Here, I present my tools.
 cover: /assets/images/cover/home-office.webp
 backLink: /
 ---
 
-import Toolbox from "../components/Toolbox.astro";
-import { development, design, research, other } from "../data/tools.ts";
 import { mapping } from "../mdx-components.ts";
 export const components = mapping;
 
 ## Home Office
 
-My desk is a [Jarvis Bamboo Standing](https://www.fully.com/standing-desks/jarvis/jarvis-adjustable-height-desk-bamboo.html) Desk by Fully in 140 cm. The chair is a [Capisco](https://www.fully.com/chairs/for-standing-desks/hag-capisco-chair.html) by HÅG with black leather. I use a <ProductLink asin="B07PXDSSZP" text="black leather desk pad" /> in 75 cm. I use an aluminum <ProductLink asin="B01F01DRW6" text="MacBook stand" /> and a <ProductLink asin="B01M8HGTX8" text="bamboo book rest" /> on my desk. The <ProductLink asin="B07GGVNXSW" text="BenQ Screenbar Plus" /> provides good lighting. On top of the light is an <ProductLink asin="B09MFMTMPD" text="Anker PowerConf C200" /> webcam.
+### [Jarvis Bamboo Standing Desk by Fully](https://www.fully.com/standing-desks/jarvis/jarvis-adjustable-height-desk-bamboo.html)
+
+I bought the bamboo version of the desk in 140 cm with a black frame, a cable tray, and a programmable memory handset. The desk is sturdy and has a good height range. The bamboo is beautiful and feels good.
+
+### [Capisco Chair by HÅG](https://www.fully.com/chairs/for-standing-desks/hag-capisco-chair.html)
+
+The chair has black leather and a black frame. It’s a good chair for a standing desk because you can sit in many different positions. It’s comfortable and has a good height range.
+
+### [Black Leather Desk Pad](https://www.amazon.de/dp/B07PXDSSZP)
+
+I use a black leather desk pad in 75 cm. I didn’t care too much about the brand, for me the width was the most important issue.
+
+### [MacBook Stand](https://www.amazon.de/dp/B01F01DRW6)
+
+My MacBook Pro 16" rests on a silver aluminum stand. I usually don’t type on the build-in keyboard, but on a mechanical keyboard. For me my MacBook is a second screen.
+
+### [Bamboo Book Rest](https://www.amazon.de/dp/B01M8HGTX8)
+
+I use a bamboo book rest to hold my iPad Pro or a book. It’s a good stand for reading or watching videos.
+
+### [BenQ Screenbar Plus](https://www.amazon.de/dp/B07GGVNXSW)
+
+The BenQ Screenbar Plus provides fantastic lighting. I use it every day in Winter and in the evening. It has a sensor to adjust the light automatically and can be dimmed. Additionally, you can change the color temperature.
+
+### [Anker PowerConf C200](https://www.amazon.de/dp/B09MFMTMPD)
+
+I’m in quite a few video calls, and don’t want to constantly look to the side on my MacBook. The Anker PowerConf C200 is a good webcam with a good picture quality and a good microphone. And I like that you can immediatly see if the camera is on or off. It’s a good privacy feature.
+
+---
 
 ## Tech
 
-My best computer is a [Mac mini M2 Pro with](https://www.apple.com/mac-mini/) 32 GB RAM and 1 TB SSD. It’s the fastest computer I’ve ever had. For work I use a [MacBook Pro](https://www.apple.com/macbook-pro/) 16", and I have another older MacBook Pro 15".
+### [Mac mini M2 Pro](https://www.apple.com/mac-mini/)
 
-I use two [Apple Magic Mouse](https://www.apple.com/shop/product/MK2E3AM/A/magic-mouse-white-multi-touch-surface), one in white and one in black. My keyboard is a [Keychron K1 Wireless Mechanical Keyboard](https://www.keychron.com/products/keychron-k1-wireless-mechanical-keyboard) with brown [Gateron Low Profile Mechanical Switches](https://www.keychron.com/products/low-profile-gateron-mechanical-switch-set). I bought a wooden hand rest on Etsy.
+My best computer is a Mac mini M2 Pro with 32 GB RAM and 1 TB SSD. It’s the fastest computer I’ve ever had.
 
-The main display is an <ProductLink asin="B08FBH1V9R" text="LG 4K monitor" /> with 31.5”, the notebook display is my second screen. For sound, I use two <ProductLink asin="B07VVP8BGD" text="Creative Pebble" /> loudspeakers, but I have a [Sonos](https://www.sonos.com/) sound system for music. When I am on the road, I use my [Apple AirPods Pro 2](https://www.apple.com/airpods-pro/).
+### [MacBook Pro 16"](https://www.apple.com/macbook-pro/)
 
-I have an [iPhone 13 Mini](https://www.apple.com/shop/buy-iphone/iphone-13) that I use when I’m not at home and an [iPad Pro M2](https://www.apple.com/ipad-pro/) with an [Apple Pencil](https://www.apple.com/apple-pencil/) that I use on the Sofa or when I’m creating digital crafts or notes. I can switch my Keychron keyboard to type on my Macs or the iPad.
+For work I use a MacBook Pro 16", and I have a few older MacBook Pro 15". I still want to put Linux on the oldest of them.
 
-Besides that, I have a few backup hard drives for automatic Time Machine backups. I use a [Synology DiskStation DS220+](https://www.synology.com/en-us/products/DS220+) NAS with two 6 TB hard drives in a RAID system with Docker containers as a media server, cloud backup solution, and for network-wide ad blocking with [Pi-hole](https://pi-hole.net/). Additionally, I use a [Raspberry Pi 4](https://www.raspberrypi.com/products/raspberry-pi-4-model-b/) with 8 GB and [Linux Ubuntu](https://ubuntu.com/) for redundancy for the DNS ad blocking.
+### [Apple Magic Mouse](https://www.apple.com/shop/product/MK2E3AM/A/magic-mouse-white-multi-touch-surface)
+
+I use two Apple Magic Mouse, one in white and one in black. Don’t ask me why, but it has to do with Apple’s design which doesn’t allow me to load the mouse while using it. 😅
+
+### [Keychron K1 Wireless Mechanical Keyboard](https://www.keychron.com/products/keychron-k1-wireless-mechanical-keyboard)
+
+My keyboard is a Keychron K1 Wireless Mechanical Keyboard with brown Gateron Low Profile Mechanical Switches. I love this keyboard so much, I get annoyed when I have to use the build-in keyboard of my MacBook. I bought a wooden hand rest on Etsy.
+
+### [LG 4K Monitor](https://www.lg.com/de/monitore/lg-32ud99-w)
+
+The main display is an LG 4K monitor with 31.5”, the notebook display is my second screen.
+
+### [Creative Pebble Loudspeakers](https://www.creative.com/pebble)
+
+For sound, I two Creative Pebble loudspeakers, it’s impressive how good they sound for the price. I have a sound system for music.
+
+### [Sonos Sound System](https://www.sonos.com/)
+
+For music I use a Sonos sound system. I have a two Sonos Five, a Playbar, a Play:3 and Play:1 speakers in different rooms. I love the sound quality and the app, but Sonos software is not the best lately.😢
+
+### [Apple AirPods Pro 2](https://www.apple.com/airpods-pro/)
+
+When I’m moving, I use my Apple AirPods Pro 2. I love the noise canceling and the sound quality. I use them every day when I do a walk or when I do chores around the flat.
+
+### [iPhone 13 Mini](https://www.apple.com/shop/buy-iphone/iphone-13)
+
+I have an iPhone 13 Mini that I use mostly when I’m not at home. I love the size, but the battery life is now getting poor, so I have to replace it soon.
+
+### [iPad Pro M2](https://www.apple.com/ipad-pro/)
+
+I have an iPad Pro M2 with an [Apple Pencil](https://www.apple.com/apple-pencil/) that I use on the Sofa for surfing, reading, or when I’m creating digital crafts or notes. I love the size and the speed of the device.
+
+### [Apple Watch Series 10](https://www.apple.com/watch/)
+
+I have two Apple Watches, a series 5 I wear at night for sleep tracking and a series 10 I wear during the day. I love the health features and the design. I bought the black titanium version with a black milanese loop.
+
+### [Synology DiskStation DS220+](https://www.synology.com/en-us/products/DS220+)
+
+I use a Synology DiskStation DS220+ NAS with two 6 TB hard drives in a RAID system with Docker containers as a media server, cloud backup solution, and for network-wide ad blocking with Pi-hole.
+
+### [Raspberry Pi 4](https://www.raspberrypi.com/products/raspberry-pi-4-model-b/)
+
+I use a Raspberry Pi 4 with 8 GB and Linux Ubuntu for redundancy for the DNS ad blocking.
+
+---
 
 ## Development
 
-[Neovim](https://neovim.io/) with [LazyVim](https://www.lazyvim.org/) as a plugin manager is my default code editor. I use it in the [Ghostty terminal emulator](https://ghostty.org/) with the [Tmux terminal multiplexer](https://tmux.github.io/). Occasionally, I use [Zed](https://zed.dev/). I use [LazyGit](https://github.com/jesseduffield/lazygit) for Git.
+### [Neovim](https://neovim.io/)
 
-<Toolbox tools={development} />
+I use Neovim with [LazyVim](https://www.lazyvim.org/) as a plugin manager. I love the speed and the simplicity of the editor. I use it for nearly everything. I mostly stopped using Visual Studio Code, because it’s too slow. Occasionally, I use [Zed](https://zed.dev/).
+
+### [Ghostty](https://ghostty.org/)
+
+I use the Ghostty terminal emulator. I have used many Terminals before: iTerm, Kitty, WezTerm, Alacritty, and many others. But I love the design and the speed of the Ghossty terminal. It supports ligatures, transparency, and blur and even allows to customize the dock icon with your own colors. 👻
+
+### [Tmux](https://tmux.github.io/)
+
+I use the Tmux terminal multiplexer. I have a few sessions open with different windows and panes. I love the speed and the flexibility of Tmux. I use [LazyGit](https://github.com/jesseduffield/lazygit) for Git.
+
+---
 
 ## Design
 
-I love the [Affinity](https://affinity.serif.com/) suite by Serif and use it for all my creative work. I ditched Adobe a few years ago and never looked back. Furthermore, I use all Affinity apps on Desktop and iPad. Additionally, I use [Procreate](https://procreate.com/) on my iPad Pro for creative work. Recently, I started using [Eagle](https://eagle.cool/) to organize my media assets, and I love the app! My favorite font app is [Typeface](https://typefaceapp.com/).
+### [Affinity Suite](https://affinity.serif.com/)
 
-<Toolbox tools={design} />
+I use Affinity Designer, Affinity Photo, and Affinity Publisher for all my creative work. I ditched Adobe a few years ago and never looked back. I love the apps and the price. Additionally, I use [Procreate](https://procreate.com/) on my iPad Pro for creative work.
+
+### [Eagle](https://eagle.cool/)
+
+Eagle is my favorite tool to store design assets, like images, videos, fonts, and illustrations. It’s a tool with so many cool features; I use it every day and have over 40,000 assets saved. You can just drag and drop files into Eagle from any website, tag them, and search for them. You can batch save all images or create long screenshots of websites. It even supports OCR text recognition. It’s like DEVONthink but for design assets. You can search for colors, text, and many other things. There are many plugins available, some of which I use, including AI features to search on Pinterest, enhance images, or remove backgrounds.
+
+### [Typeface](https://typefaceapp.com/)
+
+Typeface is my favorite font manager. I have over 1,000 fonts, and I love the simplicity and the speed of the app. I use it to activate and deactivate fonts, to search for fonts, and to organize them in collections.
+
+---
 
 ## Research & Writing
 
-My favorite writing app is [iA Writer](https://ia.net/writer), I write nearly everything with it, but another writing app I use for my note-taking is [Obsidian](https://obsidian.md/). [DEVONthink](https://www.devontechnologies.com/apps/devonthink) is the app where I store everything, from PDF documents, to inspirational items to references. Everything is synchronized encrypted between all my devices.
+### [iA Writer](https://ia.net/writer)
 
-[Raindrop.io](https://raindrop.io/) is my favorite app to save any bookmark and to find anything again in seconds. I have more than 30,000 bookmarks.
+My favorite writing app is iA Writer, I write nearly everything with it, except my notes which I write in Obsidian.
 
-I consume all my content with the [Reeder](https://reeder.app/) app, from RSS Feeds, to 𝕏 or Reddit threads, to YouTube videos. From there, I transfer everything to [Readwise Reader](https://readwise.io/read) to read it and create highlights to remember and review later in [Readwise](https://readwise.io/i/stefan805).
+### [Obsidian](https://obsidian.md/)
 
-<Toolbox tools={research} />
+Obsidian is my favorite note-taking app. I use it for all my 4,000+ notes. I love the graph view and the backlinks and use many plugins, build-in and third-party. Even though you can sync your notes with iCloud, I pay for the encrypted Sync service to have a backup and to support the developers.
+
+### [DEVONthink](https://www.devontechnologies.com/apps/devonthink)
+
+I use DEVONthink for years and store mostly documents and reference material, in it. I used to also store images in DEVONthink, but Eagle is much better suited for that. Everything is synchronized encrypted between all my devices.
+
+### [Reeder](https://reeder.app/)
+
+I consume all my content with the Reeder app, from RSS Feeds, Reddit threads, to YouTube videos. I use [Feedbin](https://feedbin.com/) as my RSS service. From there, I transfer everything I starred automatically (with self-hosted [n8n](https://n8n.io/)) to Raindrop.io.
+
+### [Raindrop.io](https://raindrop.io/)
+
+Raindrop.io is my favorite app to save any bookmark and to find anything again in seconds. I have more than 30,000 bookmarks.
+
+### [Readwise Reader](https://readwise.io/read)
+
+I use Readwise Reader to read articles, ebooks, 𝕏 posts, watch YouTube videos with AI enhanced transcription, or use the AI voice feature to listen to articles. When I highlight something, it’s automatically saved to Readwise.
+
+### [Readwise](https://readwise.io/i/stefan805)
+
+I use Readwise to review all my highlights from books, articles, and notes. I love the daily review and the flashcards.
+
+---
 
 ## Other
 
-I use many extra tools, too many to name them all. Here are a few of my favorites. I’ve been using [Things](https://culturedcode.com/things/) as my to-do app for years; I appreciate its simplicity and design. [Raycast Pro](https://www.raycast.com/pro) is my most-used app, with its ChatGPT feature. I’m a fan of [Brave](https://brave.com/) for its security, privacy, and built-in ad-blocking.
+I use many extra tools, too many to name them all. You can read a longer article about all the [apps, tools & services](https://www.stefanimhoff.de/apps-tools-services/) I use.
 
-<Toolbox tools={other} />
+### [Things](https://culturedcode.com/things/)
+
+I’ve been using Things as my to-do app for years; I appreciate its simplicity and design.
+
+### [Raycast](https://raycast.com/?via=kogakure)
+
+Raycast Pro is my most-used app, with its AI feature. I love the app and use it every day. I pay for the Pro version to get access to a lot of different AI models, like ChatGPT, Claude, Llama, and many others. I wrote a [long article](/raycast/) about how I use Raycast.
+
+### [Brave Browser](https://brave.com/)
+
+I’m a fan of Brave for its security, privacy, and built-in ad-blocking. I used many other browsers, but Brave is just the best for me.
+
+### [Proton Mail](https://proton.me/mail)
+
+I use Proton Mail for all my email communication.
+
+### [Proton VPN](https://protonvpn.com/)
+
+I use Proton VPN for all my internet connections.
+
+### [Proton Pass](https://proton.me/pass)
+
+I use Proton Pass for all my passwords.
+
+### [Yoink](https://eternalstorms.at/yoink/mac/)
+
+I use Yoink to store files temporarily. It’s a good tool to drag and drop files between apps.
+
+### [Karabiner-Elements](https://karabiner-elements.pqrs.org/)
+
+I use Karabiner-Elements to remap keys on my keyboard. I use it to remap the Caps Lock key to the Escape key, to use Vim keybindings in nearly every app, and to type the German Umlauts with a single key press.