diff --git a/public/humans.txt b/public/humans.txt index e371502..e01b487 100644 --- a/public/humans.txt +++ b/public/humans.txt @@ -11,4 +11,4 @@ Location: Hamburg, Germany /* SITE */ Language: English Components: Astro, Preact, Tailwind CSS, PostCSS, TypeScript -Software: Neovim, Affinity Designer, Git +Software: Neovim, Affinity, Git diff --git a/src/content/journal/2020/101-things-you-can-do.mdx b/src/content/journal/2020/101-things-you-can-do.mdx index 0383999..0ff8770 100644 --- a/src/content/journal/2020/101-things-you-can-do.mdx +++ b/src/content/journal/2020/101-things-you-can-do.mdx @@ -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. 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. -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. 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. diff --git a/src/content/journal/2020/apps-tools-services.mdx b/src/content/journal/2020/apps-tools-services.mdx index aee6885..13657f7 100644 --- a/src/content/journal/2020/apps-tools-services.mdx +++ b/src/content/journal/2020/apps-tools-services.mdx @@ -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. -### 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 📱 🖥 - -[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. +I also use it to work on photos or photo manipulations, I use Affinity. 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 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. +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. ### Eagle diff --git a/src/content/journal/2020/new-website-2020-design.mdx b/src/content/journal/2020/new-website-2020-design.mdx index 0b94261..5567e77 100644 --- a/src/content/journal/2020/new-website-2020-design.mdx +++ b/src/content/journal/2020/new-website-2020-design.mdx @@ -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. -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 . diff --git a/src/content/journal/2020/new-website-2020-development.mdx b/src/content/journal/2020/new-website-2020-development.mdx index a808b99..fa19b25 100644 --- a/src/content/journal/2020/new-website-2020-development.mdx +++ b/src/content/journal/2020/new-website-2020-development.mdx @@ -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. -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/). diff --git a/src/content/projects/ai-art.mdx b/src/content/projects/ai-art.mdx index 2bcca17..6c4795f 100644 --- a/src/content/projects/ai-art.mdx +++ b/src/content/projects/ai-art.mdx @@ -4,7 +4,7 @@ date: 2023-06-01 format: 50-start sort: 10 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: src: /assets/images/projects/thumbnails/ai-art.webp aspectRatio: 1.43 diff --git a/src/content/projects/bamboo-illustration.mdx b/src/content/projects/bamboo-illustration.mdx index ed002d6..de2f0fd 100644 --- a/src/content/projects/bamboo-illustration.mdx +++ b/src/content/projects/bamboo-illustration.mdx @@ -5,7 +5,7 @@ format: 100-end class: bamboo-illustration sort: 90 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: src: /assets/images/projects/thumbnails/bamboo-illustration.svg aspectRatio: 1.5 diff --git a/src/data/cv.json b/src/data/cv.json index 3569a38..0bf753e 100644 --- a/src/data/cv.json +++ b/src/data/cv.json @@ -136,9 +136,7 @@ "tags": [ "UX/UI Design", "Information Architecture", - "Affinity Designer", - "Affinity Photo", - "Affinity Publisher", + "Affinity", "Figma", "Sketch", "Abstract", diff --git a/src/pages/about.mdx b/src/pages/about.mdx index 16f8f80..12a1b8b 100644 --- a/src/pages/about.mdx +++ b/src/pages/about.mdx @@ -1,7 +1,7 @@ --- layout: ../layouts/AboutLayout.astro title: About -updated: 2025-01-23 +updated: 2025-12-15 description: I’m Stefan Imhoff, a Web Developer from Hamburg, Germany. backLink: / --- @@ -33,9 +33,9 @@ The source code of this website is available on [GitHub](https://github.com/koga ### Design -- I designed the website myself in [Affinity Designer](https://affinity.serif.com/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](/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_ (渋い) 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 -- 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) ### Technology diff --git a/src/pages/tools.mdx b/src/pages/tools.mdx index aae8ba7..05857ad 100644 --- a/src/pages/tools.mdx +++ b/src/pages/tools.mdx @@ -1,7 +1,7 @@ --- layout: ../layouts/PageLayout.astro 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. 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 @@ -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) – black leather and a black frame - [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) - [Anker PowerConf C200](https://www.amazon.de/dp/B09MFMTMPD) ## Tech - [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. 😅 - [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) @@ -44,14 +44,14 @@ export const components = mapping; ## Development - [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 👻 - [Tmux](https://tmux.github.io/) – terminal multiplexer - [LazyGit](https://github.com/jesseduffield/lazygit) – terminal Git client ## 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/) - [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 @@ -62,7 +62,7 @@ export const components = mapping; - [iA Writer](https://ia.net/writer) - [DEVONthink](https://www.devontechnologies.com/apps/devonthink) – store documents and reference material - [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. - [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.