kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update Affinity links

Browse Source
This commit is contained in:
Stefan Imhoff
2025-12-15 16:18:46 +01:00
parent 3e0a2ab878
commit 0668d57d7d
10 changed files with 23 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/humans.txt
View File

@@ -11,4 +11,4 @@ Location: Hamburg, Germany
/* SITE */ /* SITE */
Language: English Language: English
Components: Astro, Preact, Tailwind CSS, PostCSS, TypeScript Components: Astro, Preact, Tailwind CSS, PostCSS, TypeScript
Software: Neovim, Affinity Designer, Git Software: Neovim, Affinity, Git

2
src/content/journal/2020/101-things-you-can-do.mdx
View File

@@ -43,7 +43,7 @@ To help others and make it easier to stay inside, I created this list of **101 t
27. **Learn to Write** – Start with a few words or a short story. Or you could write a book. Learn about the [8-Point Story Arc](https://youtu.be/W0HEqI3pJIM) to improve your writing. 27. **Learn to Write** – Start with a few words or a short story. Or you could write a book. Learn about the [8-Point Story Arc](https://youtu.be/W0HEqI3pJIM) to improve your writing.
28. **Build Yourself a Website** – If you don’t know how to code, do not despair. You can set up a website without technical knowledge on [WordPress](https://wordpress.com) or [Squarespace](https://squarespace.com). 28. **Build Yourself a Website** – If you don’t know how to code, do not despair. You can set up a website without technical knowledge on [WordPress](https://wordpress.com) or [Squarespace](https://squarespace.com).
29. **Start a Blog** – If you have a website, you can start writing a blog. We need more blogs with interesting topics. You might know a few topics better than most people. Write about it. 29. **Start a Blog** – If you have a website, you can start writing a blog. We need more blogs with interesting topics. You might know a few topics better than most people. Write about it.
30. **Learn Design & Illustration** – You don’t need expensive software to start. Try [Affinity Designer](https://affinity.serif.com/designer/). It costs less than €50 and is powerful. I do all my designs with it: Websites, Flyer, Logos, … They have hundreds of [video tutorials](https://affinity.serif.com/learn/) and multiple books. 30. **Learn Design & Illustration** – You don’t need expensive software to start. Try [Affinity](https://www.affinity.studio/). It costs nothing and is powerful. I do all my designs with it: websites, flyers, logos, brochures …
31. **Improve Your Math** – The [Khan Academy](https://www.khanacademy.org/) is a free resource to learn everything about math, from preschool to university levels. The content is better than that in most schools. And they have more than math, courses on science & engineering and arts & the humanities. 31. **Improve Your Math** – The [Khan Academy](https://www.khanacademy.org/) is a free resource to learn everything about math, from preschool to university levels. The content is better than that in most schools. And they have more than math, courses on science & engineering and arts & the humanities.
32. **Learn a Language** – You can learn on [Duolingo](https://www.duolingo.com/) for free. They have courses in so many languages, you can even learn _High Valyrian_, _Klingon_ or _Navajo_. I learn _Spanish_ and _Japanese_ every day. 32. **Learn a Language** – You can learn on [Duolingo](https://www.duolingo.com/) for free. They have courses in so many languages, you can even learn _High Valyrian_, _Klingon_ or _Navajo_. I learn _Spanish_ and _Japanese_ every day.
33. **Learn 3D Creation** – Not long ago, 3D software cost thousands of dollars. But today you can learn for free with [Blender](https://www.blender.org/). Modeling, Sculpting, Animation & Rigging, and Rendering. I’m doing the course [Complete Blender Creator: Learn 3D Modelling for Beginners](https://www.udemy.com/course/blendertutorial/) on Udemy. 33. **Learn 3D Creation** – Not long ago, 3D software cost thousands of dollars. But today you can learn for free with [Blender](https://www.blender.org/). Modeling, Sculpting, Animation & Rigging, and Rendering. I’m doing the course [Complete Blender Creator: Learn 3D Modelling for Beginners](https://www.udemy.com/course/blendertutorial/) on Udemy.

16
src/content/journal/2020/apps-tools-services.mdx
View File

@@ -81,23 +81,19 @@ I use [Apple Numbers](https://www.apple.com/numbers/) for everything I need to d
My main tool for writing is [iA Writer](https://ia.net/writer). I use it on Mac, iPhone, and iPad. It’s the most minimalistic, distraction-free, beautiful writing experience. It supports Markdown, and has tools to analyze your words, and count reading time, characters, words, and sentences. I write my text in Markdown and either open it from DEVONthink in iA Writer or save my texts in iCloud and index the contents of these folders in DEVONthink. My main tool for writing is [iA Writer](https://ia.net/writer). I use it on Mac, iPhone, and iPad. It’s the most minimalistic, distraction-free, beautiful writing experience. It supports Markdown, and has tools to analyze your words, and count reading time, characters, words, and sentences. I write my text in Markdown and either open it from DEVONthink in iA Writer or save my texts in iCloud and index the contents of these folders in DEVONthink.
### Affinity Designer 📱 🖥 ### Affinity 📱 🖥
The British company **Serif** creates the best design tools I know. I worked with and owned Adobe Photoshop and Adobe Illustrator for over 15 years, and use Sketch at work. But [Affinity Designer](https://affinity.serif.com/designer/) is my tool of choice for everything I design: Websites, UI, flyers, and logos. I worked with and owned Adobe Photoshop and Adobe Illustrator for over 15 years, and use Sketch at work. But [Affinity](https://www.affinity.studio/) is my tool of choice for everything I design: Websites, UI, flyers, and logos.
I switched away from Adobe when they started forcing people to their cloud solutions and making it impossible to buy a new version every few years, but instead have to pay monthly “rent”. Serif won multiple awards for Affinity Designer. I switched away from Adobe when they started forcing people to their cloud solutions and making it impossible to buy a new version every few years, but instead have to pay monthly “rent”.
I use the iPad version and soon plan to buy a big iPad Pro with the Apple Pencil to create even cooler things with Affinity Designer. I use the iPad version and soon plan to buy a big iPad Pro with the Apple Pencil to create even cooler things with Affinity.
### Affinity Photo 📱 🖥 I also use it to work on photos or photo manipulations, I use Affinity.
[Affinity Photo](https://affinity.serif.com/de/photo/) is the second tool from **Serif**. I use it less, but when I want to work on photos or photo manipulations, I use Affinity Photo. Serif won multiple awards for Affinity Photo.
It has support for RAW, PSD, 360° photo editing, HDR, batch automation, smart objects, and montage. I’m not a professional photographer, but it’s made for them. It has support for RAW, PSD, 360° photo editing, HDR, batch automation, smart objects, and montage. I’m not a professional photographer, but it’s made for them.
### Affinity Publisher 🖥 Affinity is also an incredibly powerful DTP tool to replace Adobe InDesign or Quark Express. I started working with it, but I plan to create and lay out a book with it.
[Affinity Publisher](https://affinity.serif.com/publisher/) is the newest tool by **Serif**. It’s an incredibly powerful DTP tool to replace Adobe InDesign or Quark Express. I started working with it, but I plan to create and lay out a book with it. It seamlessly integrates with Affinity Designer and Affinity Photo and allows doing nearly everything you can think of.
### Eagle ### Eagle

4
src/content/journal/2020/new-website-2020-design.mdx
View File

@@ -198,9 +198,9 @@ Subtle arrows and icons for specific use cases were left. I removed complex sun
In mid of 2019, I finally started with my design. I spend 3 hours on prototyping and mood boards and nearly 25 hours on the designs. In mid of 2019, I finally started with my design. I spend 3 hours on prototyping and mood boards and nearly 25 hours on the designs.
As my tool of choice, I picked [Affinity Designer](https://affinity.serif.com/designer/). I love the tool since it was first released. I worked for 15 years with Adobes products and owned multiple expensive versions of their designer software. But when Adobe thought it might be a good idea to rent software instead of selling it and forcing people to regularly pay to be able to use the tools, I moved on to other software. As my tool of choice, I picked [Affinity](https://www.affinity.studio/). I love the tool since it was first released. I worked for 15 years with Adobes products and owned multiple expensive versions of their designer software. But when Adobe thought it might be a good idea to rent software instead of selling it and forcing people to regularly pay to be able to use the tools, I moved on to other software.
And working with [Affinity Designer](https://affinity.serif.com/designer/), [Affinity Photo](https://affinity.serif.com/photo/), or [Affinity Publisher](https://affinity.serif.com/publisher/) is much more fun. They are performant and have many nice tools and features. And the price is unbeatable. I own all their products on Mac and iPad and can move between the tools, while designing, with ease. And working with Affinity is much more fun. They are performant and have many nice tools and features. And the price is unbeatable. I own all their products on Mac and iPad and can move between the tools, while designing, with ease.
I decided to use Aaron James Draplin's method of designing. He is a talented designer inspiring millions with his artwork and author of <ProductLink asin="1419720171" text="Draplin Design Co.: Pretty Much Everything" />. I decided to use Aaron James Draplin's method of designing. He is a talented designer inspiring millions with his artwork and author of <ProductLink asin="1419720171" text="Draplin Design Co.: Pretty Much Everything" />.

2
src/content/journal/2020/new-website-2020-development.mdx
View File

@@ -135,7 +135,7 @@ The combination of `min()`, `max()`, and `clamp()` allows responsive typography
At the end of May 2020, I started creating the first page: [The Error 404 page](/404/). I used explicitly positioned content and could test out my grid. At the end of May 2020, I started creating the first page: [The Error 404 page](/404/). I used explicitly positioned content and could test out my grid.
Next, I created the first Markdown page: [Imprint](/imprint/). And then the [About](/about/) page, another explicitly designed page. It was impressive how quick and easy it was to create all the layouts I designed months earlier in Affinity Designer. Each page took me a day. I created the first parts of the [Homepage](/), another explicitly set site. Next, I created the first Markdown page: [Imprint](/imprint/). And then the [About](/about/) page, another explicitly designed page. It was impressive how quick and easy it was to create all the layouts I designed months earlier in Affinity. Each page took me a day. I created the first parts of the [Homepage](/), another explicitly set site.
Then I started with my first data-driven pages: [The Traditional Colors of Japan](/traditional-colors-of-japan/) and [Haiku](/haiku/). Then I started with my first data-driven pages: [The Traditional Colors of Japan](/traditional-colors-of-japan/) and [Haiku](/haiku/).

2
src/content/projects/ai-art.mdx
View File

@@ -4,7 +4,7 @@ date: 2023-06-01
format: 50-start format: 50-start
sort: 10 sort: 10
categories: ["Design", "Writing"] categories: ["Design", "Writing"]
intro: I love experimenting with the Open Source AI image generator Stable Diffusion since 2022. I constantly try new prompts, techniques, extensions and styles, and even trained my own models. Recently, I also started using FLUX. intro: I love experimenting with the Open Source AI image generator Stable Diffusion since 2022. I constantly try new prompts, techniques, extensions and styles, and even trained my own models. I also started using FLUX, FLUX Kontext, GPT Image 1, and Gemini 3 Pro Image.
image: image:
src: /assets/images/projects/thumbnails/ai-art.webp src: /assets/images/projects/thumbnails/ai-art.webp
aspectRatio: 1.43 aspectRatio: 1.43

2
src/content/projects/bamboo-illustration.mdx
View File

@@ -5,7 +5,7 @@ format: 100-end
class: bamboo-illustration class: bamboo-illustration
sort: 90 sort: 90
categories: ["Illustration"] categories: ["Illustration"]
intro: I created the bamboo illustration in 2006 for my Martial Arts website using Adobe Illustrator and the gradient grid tool. 2015 I decided to use my bamboo as SVG on my website. Unfortunately, the gradient tool is not supported in SVG and I needed to recreate my bamboo with linear, radial, and other supported gradients in Affinity Designer. intro: I created the bamboo illustration in 2006 for my Martial Arts website using Adobe Illustrator and the gradient grid tool. 2015 I decided to use my bamboo as SVG on my website. Unfortunately, the gradient tool is not supported in SVG and I needed to recreate my bamboo with linear, radial, and other supported gradients in Affinity.
image: image:
src: /assets/images/projects/thumbnails/bamboo-illustration.svg src: /assets/images/projects/thumbnails/bamboo-illustration.svg
aspectRatio: 1.5 aspectRatio: 1.5

4
src/data/cv.json
View File

@@ -136,9 +136,7 @@
"tags": [ "tags": [
"UX/UI Design", "UX/UI Design",
"Information Architecture", "Information Architecture",
"Affinity Designer", "Affinity",
"Affinity Photo",
"Affinity Publisher",
"Figma", "Figma",
"Sketch", "Sketch",
"Abstract", "Abstract",

6
src/pages/about.mdx
View File

@@ -1,7 +1,7 @@
--- ---
layout: ../layouts/AboutLayout.astro layout: ../layouts/AboutLayout.astro
title: About title: About
updated: 2025-01-23 updated: 2025-12-15
description: I’m Stefan Imhoff, a Web Developer from Hamburg, Germany. description: I’m Stefan Imhoff, a Web Developer from Hamburg, Germany.
backLink: / backLink: /
--- ---
@@ -33,9 +33,9 @@ The source code of this website is available on [GitHub](https://github.com/koga
### Design ### Design
- I designed the website myself in [Affinity Designer](https://affinity.serif.com/designer/), using the Japanese art form of _shibui_ (<nobr>渋い</nobr>) as a source of inspiration. To learn more about the process, please read the essays about the [inspiration](/new-website-2020-inspiration/) and [design](/new-website-2020-design/) - I designed the website myself in [Affinity](https://www.affinity.studio/), using the Japanese art form of _shibui_ (<nobr>渋い</nobr>) as a source of inspiration. To learn more about the process, please read the essays about the [inspiration](/new-website-2020-inspiration/) and [design](/new-website-2020-design/)
- The design uses the variable typeface [Secuela](https://fontlibrary.org/en/font/secuela-variable) by [deFharo](https://github.com/defharo). I use a font scale that is based on the golden ratio, and the font scales automatically to the viewport size - The design uses the variable typeface [Secuela](https://fontlibrary.org/en/font/secuela-variable) by [deFharo](https://github.com/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](https://stability.ai/), [FLUX](https://blackforestlabs.ai/), [ControlNet](https://github.com/lllyasviel/ControlNet), and [Affinity Photo](https://affinity.serif.com/photo/). My portrait photo was generated in Stable Diffusion with a custom LoRa model trainied in [FLUX Dev](https://replicate.com/ostris/flux-dev-lora-trainer/train) - I created the Bonsai image on my homepage and other cover photos with [Stable Diffusion](https://stability.ai/), [FLUX](https://blackforestlabs.ai/), [ControlNet](https://github.com/lllyasviel/ControlNet), [GPT Image 1](https://platform.openai.com/docs/models/gpt-image-1), [Gemini 3 Pro Image](https://deepmind.google/models/gemini-image/pro/), and [Affinity](https://www.affinity.studio/). My portrait photo was generated in Stable Diffusion with a custom LoRa model trainied in [FLUX Dev](https://replicate.com/ostris/flux-dev-lora-trainer/train)
- The minimalistic icons are by [Remix Icon](https://remixicon.com/), which is [Jimmy Cheung](https://github.com/xiaochunjimmy) and [Wendy Gao](https://github.com/wendygaoyuan) - The minimalistic icons are by [Remix Icon](https://remixicon.com/), which is [Jimmy Cheung](https://github.com/xiaochunjimmy) and [Wendy Gao](https://github.com/wendygaoyuan)
### Technology ### Technology

12
src/pages/tools.mdx
View File

@@ -1,7 +1,7 @@
--- ---
layout: ../layouts/PageLayout.astro layout: ../layouts/PageLayout.astro
title: Tools title: Tools
updated: 2025-08-27 updated: 2025-12-15
description: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. On this page, I present my tools. 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. 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 cover: /assets/images/cover/home-office.webp
@@ -17,14 +17,14 @@ export const components = mapping;
- [Capisco Chair by HÅG](https://www.fully.com/chairs/for-standing-desks/hag-capisco-chair.html) – - [Capisco Chair by HÅG](https://www.fully.com/chairs/for-standing-desks/hag-capisco-chair.html) –
black leather and a black frame black leather and a black frame
- [Black Leather Desk Pad](https://www.amazon.de/dp/B07GSC21K8) – 90×50 cm - [Black Leather Desk Pad](https://www.amazon.de/dp/B07GSC21K8) – 90×50 cm
- [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. - [MacBook Stand](https://www.amazon.de/dp/B01F01DRW6) – my MacBook Pro 15" 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.
- [BenQ Screenbar Plus](https://www.amazon.de/dp/B07GGVNXSW) - [BenQ Screenbar Plus](https://www.amazon.de/dp/B07GGVNXSW)
- [Anker PowerConf C200](https://www.amazon.de/dp/B09MFMTMPD) - [Anker PowerConf C200](https://www.amazon.de/dp/B09MFMTMPD)
## Tech ## Tech
- [Mac mini M2 Pro](https://www.apple.com/mac-mini/) – 32 GB RAM, 1 TB SSD - [Mac mini M2 Pro](https://www.apple.com/mac-mini/) – 32 GB RAM, 1 TB SSD
- [MacBook Pro 16"](https://www.apple.com/macbook-pro/) – 16 GB RAM - [MacBook Pro 15"](https://www.apple.com/macbook-pro/) – 16 GB RAM
- 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. Don’t ask me why, but it has to do with Apple’s design decisions. 😅 - 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. Don’t ask me why, but it has to do with Apple’s design decisions. 😅
- [ZSA Voyager](https://www.zsa.io/voyager) – split mechanical keyboard; still learning to type on it - [ZSA Voyager](https://www.zsa.io/voyager) – split mechanical keyboard; still learning to type on it
- [Keychron K1 Wireless Mechanical Keyboard](https://www.keychron.com/products/keychron-k1-wireless-mechanical-keyboard) - [Keychron K1 Wireless Mechanical Keyboard](https://www.keychron.com/products/keychron-k1-wireless-mechanical-keyboard)
@@ -44,14 +44,14 @@ export const components = mapping;
## Development ## Development
- [Neovim](https://neovim.io/) – with [LazyVim](https://www.lazyvim.org/) as a plugin manager - [Neovim](https://neovim.io/) – with [LazyVim](https://www.lazyvim.org/) as a plugin manager
- [Zed](https://zed.dev/) – I use it occasionally - [Zed](https://zed.dev/) – I use it when I use AI agents to write code
- [Ghostty](https://ghostty.org/) – terminal emulator 👻 - [Ghostty](https://ghostty.org/) – terminal emulator 👻
- [Tmux](https://tmux.github.io/) – terminal multiplexer - [Tmux](https://tmux.github.io/) – terminal multiplexer
- [LazyGit](https://github.com/jesseduffield/lazygit) – terminal Git client - [LazyGit](https://github.com/jesseduffield/lazygit) – terminal Git client
## Design ## Design
- [Affinity Suite](https://affinity.serif.com/) – Affinity Designer, Affinity Photo, and Affinity Publisher - [Affinity](https://www.affinity.studio/) – Designer, Photo, and Publisher
- [Procreate](https://procreate.com/) - [Procreate](https://procreate.com/)
- [Eagle](https://eagle.cool/) – storing design assets, like images, videos, fonts, and illustrations; I use it every day and have over 40,000 assets saved (and only 1,000 of those are memes). 🐸 - [Eagle](https://eagle.cool/) – storing design assets, like images, videos, fonts, and illustrations; I use it every day and have over 40,000 assets saved (and only 1,000 of those are memes). 🐸
- [Typeface](https://typefaceapp.com/) – font manager - [Typeface](https://typefaceapp.com/) – font manager
@@ -62,7 +62,7 @@ export const components = mapping;
- [iA Writer](https://ia.net/writer) - [iA Writer](https://ia.net/writer)
- [DEVONthink](https://www.devontechnologies.com/apps/devonthink) – store documents and reference material - [DEVONthink](https://www.devontechnologies.com/apps/devonthink) – store documents and reference material
- [Reeder](https://reeder.app/) – read my RSS feeds - [Reeder](https://reeder.app/) – read my RSS feeds
- [Feedbin](https://feedbin.com/) – my RSS service. From there, I transfer everything I starred automatically (with a self-hosted [n8n](https://n8n.io/)) to Raindrop.io. - [Inoreader](https://www.inoreader.com/) – my RSS service. From there, I transfer everything I starred automatically (with a self-hosted [n8n](https://n8n.io/)) to Raindrop.io.
- [Raindrop.io](https://raindrop.io/) – my favorite app to save any bookmark and to find anything again in seconds. I have more than 30,000 bookmarks. - [Raindrop.io](https://raindrop.io/) – 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) – 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 Reader](https://readwise.io/read) – 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) - review all my highlights from books, articles, and notes. I love the daily review and the flashcards. - [Readwise](https://readwise.io/i/stefan805) - review all my highlights from books, articles, and notes. I love the daily review and the flashcards.