About
I’m Stefan Imhoff, a Senior Web UI Engineer from Hamburg, Germany.
I find inspiration in a wide variety of media, from reading challenging and heterodox books about philosophy, science, and economics to listening to podcasts, watching TV shows and movies, and indulging in Korean and Japanese dramas on Netflix.
As a passionate enthusiast of storytelling, I am convinced that humans understand the world and find meaning through narratives. This fascination has led me to contribute to the propagation of impactful ideas through my writing. Whether I am crafting essays, Sketchnotes, or Haiku, I aim to use the power of storytelling to communicate messages that resonate with readers. I have even written a free book about Ninja and Ninjutsu.
In my spare time, I enjoy exploring nature through activities such as walking and cycling, and doing Calisthenics. I have a keen appreciation for the beauty of everyday life and find joy in the small things. Whether it’s the peacefulness of a forest, the vastness of the sea, or the grandeur of a mountain, I am constantly inspired by nature’s magnificence. I enjoy both the power of thunderstorms and the warmth of sunny days.
I see myself as a 🔲 Minimalist, 🏛️ Stoic, 🎧 Introvert, 🐍 Libertarian, and ⛩️ Japanophile.
🧭 These are the rules, beliefs, and principles I live by.
🛠️ These are the tools I use.
⏳ See what I’m doing now.
About the Site
The source code of this website is available on GitHub. You are welcome to learn from the source code and reuse code for your projects. Don’t steal it. Learn from it. Remix. Reuse. Build your own things. 🤘
Design
- I designed the website myself in Affinity Designer, using the Japanese art form of shibui (
渋い ) as a source of inspiration. To learn more about the process, please read the essays about the inspiration and design - The design uses the variable typeface Secuela by deFharo. I use a font scale that is based on the golden ratio, and the font scales automatically to the viewport size
- I created the Bonsai image on my homepage and other cover photos with Stable Diffusion, FLUX ControlNet, and Affinity Photo. My portrait photo was generated in Stable Diffusion with a custom LoRa model trainied in FLUX Dev
- The minimalistic icons are by Remix Icon, which is Jimmy Cheung and Wendy Gao
Technology
- The website is built with Astro, the all-in-one web framework
- I write the code in Neovim, using GitHub Copilot, and Raycast AI.
- The layouts, templates, and components are written in Astro and React
- My content is written in MDX, which allows using components in the Markdown
- I use Tailwind CSS for my styling and tailwindcss-logical to get logical properties.
- My site search is build with Pagefind using the Astro-Pagefind integration
- I use YouTube Lite, provided by Astro Embed
- Astro SEO makes it easy to add the SEO relevant information
- I use Astro Webmanifest and Astro Service Worker to optimize the website
- To generate charts, I use Chart.js, react-chartjs-2, and chartjs-plugin-autocolors
- I use reading-time to add the reading time to Remark.
- To parse and format dates I use Moment.js
- I use Plop to generate content from templates
- The website is self-hosted with Coolify