chore: add new tags

This commit is contained in:
Stefan Imhoff
2025-01-06 16:15:10 +01:00
parent 175b6eeeba
commit 9abb3df72d
19 changed files with 60 additions and 56 deletions

View File

@@ -4,7 +4,7 @@ slug: gtd
author: Stefan Imhoff author: Stefan Imhoff
date: 2007-11-24 date: 2007-11-24
description: "Ive been working with GTD (Getting Things Done) for 1.5 years: An Introduction to Organization and Self-Management with GTD." description: "Ive been working with GTD (Getting Things Done) for 1.5 years: An Introduction to Organization and Self-Management with GTD."
tags: ["productivity", "self-improvement", "book"] tags: ["productivity", "self-improvement", "book", "minimalism"]
--- ---
## One and a Half Years With GTD ## One and a Half Years With GTD

View File

@@ -5,7 +5,7 @@ author: Stefan Imhoff
date: 2007-12-08 date: 2007-12-08
description: Traditional, Japanese colors as a color palette for Photoshop and Illustrator to download (FREE). description: Traditional, Japanese colors as a color palette for Photoshop and Illustrator to download (FREE).
cover: /assets/images/cover/japanese-colors.webp cover: /assets/images/cover/japanese-colors.webp
tags: ["design", "download", "book", "recommendation"] tags: ["design", "download", "book", "japan", "recommendation"]
--- ---
During a visit to the art exhibition _Japan and the West_ in the [Art Museum Wolfsburg](https://www.kunstmuseum-wolfsburg.de/), I was able to get my hands on a wonderful book about the traditional, Japanese colors. During a visit to the art exhibition _Japan and the West_ in the [Art Museum Wolfsburg](https://www.kunstmuseum-wolfsburg.de/), I was able to get my hands on a wonderful book about the traditional, Japanese colors.

View File

@@ -5,7 +5,7 @@ author: Stefan Imhoff
date: 2007-06-02 date: 2007-06-02
description: Irezumi (Japanese tattooing) is an inspiration for my website and the origin of my design. description: Irezumi (Japanese tattooing) is an inspiration for my website and the origin of my design.
cover: /assets/images/cover/design-koi.webp cover: /assets/images/cover/design-koi.webp
tags: ["design", "book"] tags: ["design", "book", "japan"]
--- ---
## Inspiration and Idea For My Header ## Inspiration and Idea For My Header

View File

@@ -5,7 +5,7 @@ author: Stefan Imhoff
date: 2014-04-18 date: 2014-04-18
description: "Insight into the design of my new logo and Rakkan: idea, research, and a short digression on the Chinese script." description: "Insight into the design of my new logo and Rakkan: idea, research, and a short digression on the Chinese script."
cover: /assets/images/cover/rakkan.webp cover: /assets/images/cover/rakkan.webp
tags: ["design"] tags: ["design", "japan"]
--- ---
Since a logo is one of the essential elements that recognize a website, I wanted from the beginning to design a logo that fits the theme of the rest of the design of the site. Since a logo is one of the essential elements that recognize a website, I wanted from the beginning to design a logo that fits the theme of the rest of the design of the site.

View File

@@ -5,16 +5,17 @@ author: Stefan Imhoff
date: 2016-02-12 date: 2016-02-12
description: "Netflix released a new Japanese TV Show: Underwear (Atelier). I recommend this brilliant work about a young girl starting in an exclusive custom tailoring lingerie store in Tokyo." description: "Netflix released a new Japanese TV Show: Underwear (Atelier). I recommend this brilliant work about a young girl starting in an exclusive custom tailoring lingerie store in Tokyo."
cover: /assets/images/cover/netflix-underwear.webp cover: /assets/images/cover/netflix-underwear.webp
tags: ["film", "recommendation"] tags: ["film", "japan", "recommendation"]
--- ---
## A Fantastic, New Japanese Netflix TV Show ## A Fantastic, New Japanese Netflix TV Show
From time to time, a TV Show gets released, which surprises me. This happened last time in 2007 with _Pushing Daisies_, where I loved everything: the story, the actors, the sets, and every dialog. And now it happened again. I have a new favorite TV Show: [Underwear](http://www.imdb.com/title/tt4790548/) (_Underwear_). From time to time, a TV Show gets released, which surprises me. This happened last time in 2007 with _Pushing Daisies_, where I loved everything: the story, the actors, the sets, and every dialog. And now it happened again. I have a new favorite TV Show: [Underwear](http://www.imdb.com/title/tt4790548/) (_Underwear_).
<cite>Underwear</cite> (<span lang="ja">アンダーウェア</span>) or Atelier, is a mini-television series <cite>Underwear</cite> (<span lang="ja">アンダーウェア</span>) or Atelier, is a mini-television
produced by Netflix and Fuji TV. You can add it to your watch list on Netflix [here](https://www.netflix.com/title/80067618) series produced by Netflix and Fuji TV. You can add it to your watch list on Netflix
or [watch a Trailer on YouTube](https://youtu.be/CSnj2J6aVmI). [here](https://www.netflix.com/title/80067618) or [watch a Trailer on
YouTube](https://youtu.be/CSnj2J6aVmI).
Its a story about a young girl called Mayuko (Mirei Kiritani), coming from a small town. She recently finished her studies in fabric design at the university and starts her first job at an exclusive custom tailoring lingerie store called <cite>Emotion</cite> in Ginza, Tokyo. Its a small shop with a few designers, a few salesmen, and the owner of the workshop, who is a woman in her 50s (Mao Daichi), an honorary named _Shachou_ (President) by her employees. Its a story about a young girl called Mayuko (Mirei Kiritani), coming from a small town. She recently finished her studies in fabric design at the university and starts her first job at an exclusive custom tailoring lingerie store called <cite>Emotion</cite> in Ginza, Tokyo. Its a small shop with a few designers, a few salesmen, and the owner of the workshop, who is a woman in her 50s (Mao Daichi), an honorary named _Shachou_ (President) by her employees.

View File

@@ -6,7 +6,7 @@ date: 2017-11-03
description: A guide on how to get your attention back in the age of constant distraction. description: A guide on how to get your attention back in the age of constant distraction.
featured: true featured: true
cover: /assets/images/cover/attention.webp cover: /assets/images/cover/attention.webp
tags: ["self-improvement"] tags: ["self-improvement", "minimalism"]
--- ---
## How to Win Back Our Time and Minds ## How to Win Back Our Time and Minds

View File

@@ -6,7 +6,7 @@ date: 2017-06-07
featured: true featured: true
description: Minimalism is currently popular, but Minimalism is hard to understand, and many misconceptions can be found. This essay carries my thoughts on Minimalism and my history with it. description: Minimalism is currently popular, but Minimalism is hard to understand, and many misconceptions can be found. This essay carries my thoughts on Minimalism and my history with it.
cover: /assets/images/cover/minimalism.webp cover: /assets/images/cover/minimalism.webp
tags: ["self-improvement", "book"] tags: ["self-improvement", "book", "minimalism"]
--- ---
## The Pursuit of Minimalism ## The Pursuit of Minimalism

View File

@@ -5,7 +5,7 @@ date: 2020-04-18
updated: 2022-04-30 updated: 2022-04-30
author: Stefan Imhoff author: Stefan Imhoff
description: All the apps, tools, and services I use on my iPhone, iPad, Apple Watch, Apple TV, and Mac. description: All the apps, tools, and services I use on my iPhone, iPad, Apple Watch, Apple TV, and Mac.
tags: ["productivity", "technology"] tags: ["productivity", "software"]
--- ---
This is a list of all the tools, apps, and services I use on my iPhone, iPad, Apple Watch, Apple TV, and Mac. Ill update this list from time to time. This is a list of all the tools, apps, and services I use on my iPhone, iPad, Apple Watch, Apple TV, and Mac. Ill update this list from time to time.

View File

@@ -6,7 +6,7 @@ updated: 2023-06-09
author: Stefan Imhoff author: Stefan Imhoff
description: In this essay, I show my Everyday Carries and explain why I carry them. description: In this essay, I show my Everyday Carries and explain why I carry them.
cover: /assets/images/cover/everyday-carry.webp cover: /assets/images/cover/everyday-carry.webp
tags: ["self-improvement", "technology"] tags: ["self-improvement", "technology", "minimalism"]
--- ---
## Things I Carry Around Every Day ## Things I Carry Around Every Day

View File

@@ -5,7 +5,7 @@ slug: new-website-2020-design
author: Stefan Imhoff author: Stefan Imhoff
description: This is the second of three parts in a series of essays about the process of creating my new website. This one shows the design process for my website. description: This is the second of three parts in a series of essays about the process of creating my new website. This one shows the design process for my website.
cover: /assets/images/cover/new-website-2020-design.webp cover: /assets/images/cover/new-website-2020-design.webp
tags: ["design", "book"] tags: ["design", "book", "japan"]
series: new-website-2020 series: new-website-2020
--- ---

View File

@@ -5,7 +5,7 @@ date: 2020-07-14
author: Stefan Imhoff author: Stefan Imhoff
description: This is the first of three parts in a series of essays about the process of creating my new website. This one has a look into the inspiration for my website. description: This is the first of three parts in a series of essays about the process of creating my new website. This one has a look into the inspiration for my website.
cover: /assets/images/cover/new-website-2020-inspiration.webp cover: /assets/images/cover/new-website-2020-inspiration.webp
tags: ["design", "book"] tags: ["design", "book", "japan"]
series: new-website-2020 series: new-website-2020
--- ---

View File

@@ -5,7 +5,7 @@ date: 2020-07-07
author: Stefan Imhoff author: Stefan Imhoff
description: "Finally, after 3 years with 250 hours of work, I finished my longest-running project: A new design and code for my website. Everything is new. I created over 1,400 files with 29,000 lines of code." description: "Finally, after 3 years with 250 hours of work, I finished my longest-running project: A new design and code for my website. Everything is new. I created over 1,400 files with 29,000 lines of code."
cover: /assets/images/cover/new-website-2020.webp cover: /assets/images/cover/new-website-2020.webp
tags: ["code", "design"] tags: ["code", "design", "japan"]
series: new-website-2020 series: new-website-2020
--- ---

View File

@@ -14,19 +14,19 @@ If you want to learn more about the Zettelkasten method, I recommend the essay [
As I wrote in my last essay [Zettelkasten Note-Taking Method With DEVONthink](/zettelkasten-note-taking-devonthink/) I started my Zettelkasten in DEVONthink. But since then, I integrated more tools into my workflow. This essay describes which tools I use for my notes and why. As I wrote in my last essay [Zettelkasten Note-Taking Method With DEVONthink](/zettelkasten-note-taking-devonthink/) I started my Zettelkasten in DEVONthink. But since then, I integrated more tools into my workflow. This essay describes which tools I use for my notes and why.
## DEVONthink or Obsidian? Both! ## DEVONthink or Obsidian? Both
After using DEVONthink for a while, a few of its disadvantages for the Zettelkasten method became obvious: The linking of notes was time-consuming manual work, it is missing backlink and graph features, and the WikiLink auto-complete does _only_ work if I know the note ID. But as I use DEVONthink not only for note-taking but for archiving documents, or inspirational material, I found myself in a dilemma. I gave [Obsidian](https://obsidian.md/) another try and was impressed. It had tremendously improved after I first tested it. I felt frustrated to not be able to have the features of both tools in one tool. And as there is never _one_ tool that fulfills all wishes, why not combine tools? After using DEVONthink for a while, a few of its disadvantages for the Zettelkasten method became obvious: The linking of notes was time-consuming manual work, it is missing backlink and graph features, and the WikiLink auto-complete does _only_ work if I know the note ID. But as I use DEVONthink not only for note-taking but for archiving documents, or inspirational material, I found myself in a dilemma. I gave [Obsidian](https://obsidian.md/) another try and was impressed. It had tremendously improved after I first tested it. I felt frustrated to not be able to have the features of both tools in one tool. And as there is never _one_ tool that fulfills all wishes, why not combine tools?
I use 7 different tools: 😅 I use 7 different tools: 😅
1. [DEVONthink](https://devontechnologies.com/apps/devonthink) Holding all my reference material, synchronizing notes across devices, and easy filtering by tags. 1. [Obsidian](https://obsidian.md/) Creating, writing, linking, and analyzing notes
2. [DEVONthink to Go](https://apps.apple.com/app/devonthink-to-go/id395722470) Adding notes on mobile devices like my phone or tablet. 2. [iA Writer](https://ia.net/writer) Writing essays or longer notes
3. [Obsidian](https://obsidian.md/) Creating, writing, linking, and analyzing notes. 3. [DEVONthink](https://devontechnologies.com/apps/devonthink) Holding all my reference material, synchronizing notes across devices, and easy filtering by tags
4. [Raycast](https://www.raycast.com/) Creating snippets (ID, or templates). 4. [DEVONthink to Go](https://apps.apple.com/app/devonthink-to-go/id395722470) Adding notes on mobile devices like my phone or tablet
5. [iA Writer](https://ia.net/writer) Writing essays or longer notes. 5. [BibDesk](https://bibdesk.sourceforge.io/) Manage my bibliography
6. [GitHub](https://github.com/) Version-controlled history of all my note changes. 6. [Raycast](https://www.raycast.com/) Creating snippets (ID, or templates)
7. [BibDesk](https://bibdesk.sourceforge.io/) Manage my bibliography. 7. [GitHub](https://github.com/) Version-controlled history of all my note changes
The following sections describe my workflow and how I integrate the various tools into my note-taking process. The following sections describe my workflow and how I integrate the various tools into my note-taking process.
@@ -34,6 +34,20 @@ The following sections describe my workflow and how I integrate the various tool
## Tools ## Tools
### Obsidian
[Obsidian](https://obsidian.md/) is incredible, doesnt matter whether you use the Zettelkasten note-taking method or any other method. Its built for _offline first_. Even though its in Beta, it outstrips its competitors. It has 18 official plugins (as of writing) and will add community plugins with version 1.0.
One of the best features is Backlinks. Users of [Roam Research](https://roamresearch.com/) are familiar with this feature. If you link a note via the WikiLink syntax, e.g., `[[note]]`, the connected note will show this connection in a special backlink drawer. The creation of backlinks has fuzzy auto-complete, which is incredibly helpful. Linking another note is a matter of seconds.
Obsidian has a Quick Switcher that allows jumping between notes in seconds and supports a fuzzy search for files.
The Graph View is a cool feature! It displays all notes as dots (depending on the zoom level with or without the note name) and all connections between notes are visualized as lines. This allows us to see how good (or bad) the notes are connected. You can drag notes around and all connected notes will follow.
### iA Writer
I like writing long texts with iA Writer, because of its minimalistic interface, focus mode, and nice features to write better texts. I found an easy way of editing any Markdown note on-demand from DEVONthink or Obsidian in [iA Writer](https://ia.net/writer) and saving the changes back. Both tools allow setting shortcuts to open a file with its default application, which is for me iA Writer for Markdown files.
### DEVONthink ### DEVONthink
[DEVONthink](https://devontechnologies.com/apps/devonthink) is a fantastic document management system. It allows any type of content to be stored, archived, sorted, and analyzed. Databases can be synced via Bonjour, WebDAV, USB connection, or cloud providers such as Dropbox, or iCloud. The databases are automatically encrypted on external servers. [DEVONthink](https://devontechnologies.com/apps/devonthink) is a fantastic document management system. It allows any type of content to be stored, archived, sorted, and analyzed. Databases can be synced via Bonjour, WebDAV, USB connection, or cloud providers such as Dropbox, or iCloud. The databases are automatically encrypted on external servers.
@@ -46,16 +60,6 @@ One thing I changed to my previous DEVONthink-_only_ workflow is that I use an *
I use [DEVONthink to Go](https://apps.apple.com/app/devonthink-to-go/id395722470s) to quickly create new notes, and add photos, or other media to my databases. These files get automatically synced with all connected devices and are added to my Macs the next time I open DEVONthink. Additionally, I use the mobile version to search and read the content of my database when Im not on my computer. I use [DEVONthink to Go](https://apps.apple.com/app/devonthink-to-go/id395722470s) to quickly create new notes, and add photos, or other media to my databases. These files get automatically synced with all connected devices and are added to my Macs the next time I open DEVONthink. Additionally, I use the mobile version to search and read the content of my database when Im not on my computer.
### Obsidian
[Obsidian](https://obsidian.md/) is incredible, doesnt matter whether you use the Zettelkasten note-taking method or any other method. Its built for _offline first_. Even though its in Beta, it outstrips its competitors. It has 18 official plugins (as of writing) and will add community plugins with version 1.0.
One of the best features is Backlinks. Users of [Roam Research](https://roamresearch.com/) are familiar with this feature. If you link a note via the WikiLink syntax, e.g., `[[note]]`, the connected note will show this connection in a special backlink drawer. The creation of backlinks has fuzzy auto-complete, which is incredibly helpful. Linking another note is a matter of seconds.
Obsidian has a Quick Switcher that allows jumping between notes in seconds and supports a fuzzy search for files.
The Graph View is a cool feature! It displays all notes as dots (depending on the zoom level with or without the note name) and all connections between notes are visualized as lines. This allows us to see how good (or bad) the notes are connected. You can drag notes around and all connected notes will follow.
<Figure caption="Obsidian Graph View of my 3,500 notes" size="wide"> <Figure caption="Obsidian Graph View of my 3,500 notes" size="wide">
<Image <Image
src="/assets/images/posts/obsidian-graph-view.webp" src="/assets/images/posts/obsidian-graph-view.webp"
@@ -77,24 +81,20 @@ If you write daily notes, there is support for that. A note can be automatically
The Random Note feature is helpful to open a random note. I use it to connect every day one or two notes to other notes. The Random Note feature is helpful to open a random note. I use it to connect every day one or two notes to other notes.
### Raycast
I use [Raycast](https://www.raycast.com/) for more than snippets, but this would be another blog post. In my note-taking process, I use Raycast to create unique note IDs (e.g., `202008311912` and fill in different note templates).
### iA Writer
I like writing long texts with iA Writer, because of its minimalistic interface, focus mode, and nice features to write better texts. I found an easy way of editing any Markdown note on-demand from DEVONthink or Obsidian in [iA Writer](https://ia.net/writer) and saving the changes back. Both tools allow setting shortcuts to open a file with its default application, which is for me iA Writer for Markdown files.
### GitHub
Putting my notes in a folder on the hard disk has the advantage of additionally adding version control with Git. I created a private repository in [GitHub](https://github.com/) and added the Zettelkasten notes folder. I commit once per day to all changes to my notes. I dont need to push/pull on other devices, as the files are synced via DEVONthink. But its a pleasant addition to seeing how the notes changed over time.
### BibDesk ### BibDesk
I use [BibDesk](https://bibdesk.sourceforge.io/) to manage my citations, as described in the essay [Manage Citations for a Zettelkasten](https://zettelkasten.de/posts/bibliography-zettelkasten/). For every book, webpage, or video I want to reference, I create a new entry. Its a quick process, but immensely helpful later to find the source again. I use [BibDesk](https://bibdesk.sourceforge.io/) to manage my citations, as described in the essay [Manage Citations for a Zettelkasten](https://zettelkasten.de/posts/bibliography-zettelkasten/). For every book, webpage, or video I want to reference, I create a new entry. Its a quick process, but immensely helpful later to find the source again.
I updated the citation template mentioned in the essay to my wishes (to support URLs). I updated the citation template mentioned in the essay to my wishes (to support URLs).
### Raycast
I use [Raycast](https://www.raycast.com/) for more than snippets, but this would be another blog post. In my note-taking process, I use Raycast to create unique note IDs (e.g., `202008311912` and fill in different note templates).
### GitHub
Putting my notes in a folder on the hard disk has the advantage of additionally adding version control with Git. I created a private repository in [GitHub](https://github.com/) and added the Zettelkasten notes folder. I commit once per day to all changes to my notes. I dont need to push/pull on other devices, as the files are synced via DEVONthink. But its a pleasant addition to seeing how the notes changed over time.
## Note Creating Workflow ## Note Creating Workflow
If I sit at one of my Mac computers, I press a shortcut in Obsidian to automatically create a new Zettelkasten note, automatically suffixed with a timestamp ID. I enter a title for the note, and a template feature of Obsidian automatically fills in the basic structure of a note. I use Raycast to create other types of notes. My note template is as simple as it gets: If I sit at one of my Mac computers, I press a shortcut in Obsidian to automatically create a new Zettelkasten note, automatically suffixed with a timestamp ID. I enter a title for the note, and a template feature of Obsidian automatically fills in the basic structure of a note. I use Raycast to create other types of notes. My note template is as simple as it gets:

View File

@@ -7,7 +7,7 @@ author: Stefan Imhoff
description: As a minimalist Im interested in how much stuff I own. I counted all the things I own. description: As a minimalist Im interested in how much stuff I own. I counted all the things I own.
charts: true charts: true
cover: /assets/images/cover/i-counted-everything-i-own.webp cover: /assets/images/cover/i-counted-everything-i-own.webp
tags: ["self-improvement"] tags: ["self-improvement", "minimalism"]
--- ---
import { DoughnutChart } from "../../../components/DoughnutChart.tsx"; import { DoughnutChart } from "../../../components/DoughnutChart.tsx";

View File

@@ -6,7 +6,7 @@ date: 2022-03-17
description: I created a preview template for my favorite writing app iA Writer. description: I created a preview template for my favorite writing app iA Writer.
featured: true featured: true
cover: /assets/images/cover/ia-writer-template-nanzan.webp cover: /assets/images/cover/ia-writer-template-nanzan.webp
tags: ["code", "design", "download"] tags: ["code", "design", "download", "japan"]
series: ia-writer-templates series: ia-writer-templates
--- ---

View File

@@ -6,7 +6,7 @@ date: 2022-03-18
description: I created a preview template for my favorite writing app iA Writer. description: I created a preview template for my favorite writing app iA Writer.
featured: true featured: true
cover: /assets/images/cover/ia-writer-template-shibui.webp cover: /assets/images/cover/ia-writer-template-shibui.webp
tags: ["code", "design", "download"] tags: ["code", "design", "download", "minimalism", "japan"]
series: ia-writer-templates series: ia-writer-templates
--- ---

View File

@@ -5,7 +5,7 @@ date: 2023-03-08
author: Stefan Imhoff author: Stefan Imhoff
description: The Japanese word “shokunin” describes an artisan or craftsman. In this essay, I investigate the meaning and history of the word and show a variety of examples. description: The Japanese word “shokunin” describes an artisan or craftsman. In this essay, I investigate the meaning and history of the word and show a variety of examples.
cover: /assets/images/cover/shinto-gate.webp cover: /assets/images/cover/shinto-gate.webp
tags: ["philosophy", "design", "film"] tags: ["philosophy", "design", "film", "japan"]
--- ---
I first came across the Japanese word _shokunin_ (職人) when I watched a [documentary](https://www.youtube.com/watch?v=NfdGGTb5_Ts) about the accomplished bonsai artist Ryan Neil, the founder of [Bonsai Mirai](https://bonsaimirai.com/) outside Portland, Oregon. I first came across the Japanese word _shokunin_ (職人) when I watched a [documentary](https://www.youtube.com/watch?v=NfdGGTb5_Ts) about the accomplished bonsai artist Ryan Neil, the founder of [Bonsai Mirai](https://bonsaimirai.com/) outside Portland, Oregon.
@@ -259,5 +259,6 @@ The silent videos with surrounding noises and the clicking of the keys from his
I hope this short reflection of my thoughts of _shokunin kishitsu_ will help the one or other person to see work and profession in a different light or to admire things made _well_ more. A society that is centered around cheaply made, quickly exchanged goods needs this old, Japanese philosophy. I hope this short reflection of my thoughts of _shokunin kishitsu_ will help the one or other person to see work and profession in a different light or to admire things made _well_ more. A society that is centered around cheaply made, quickly exchanged goods needs this old, Japanese philosophy.
[^matsuyama2018aa]: Sachiko Matsuyama (2018): _Shokunin and Devotion_, https://www.kyotojournal.org/culture-arts/shokunin-and-devotion/. [^matsuyama2018aa]: Sachiko Matsuyama (2018): [Shokunin and Devotion](https://www.kyotojournal.org/culture-arts/shokunin-and-devotion/).
[^millerzeke2014]: Miller, Zeke J (2014): Barack Obama Just Ate The Best Sushi In The World, https://time.com/73570/barack-obama-just-ate-the-best-sushi-in-the-world/.
[^millerzeke2014]: Miller, Zeke J (2014): [Barack Obama Just Ate The Best Sushi In The World](https://time.com/73570/barack-obama-just-ate-the-best-sushi-in-the-world/).

View File

@@ -18,7 +18,7 @@ Previously, many pages were difficult to access, hidden on subpages. To make the
The journal pages received a bigger update. I removed the grouping by years, since most of my essays are timeless, and instead introduced a new card design for each essay. On the journal page and the essays, I added the ability to filter by tags. The journal pages received a bigger update. I removed the grouping by years, since most of my essays are timeless, and instead introduced a new card design for each essay. On the journal page and the essays, I added the ability to filter by tags.
I also introduced some new pages, such as a [Colophon](/colophon/) page listing all the [tools](/tools/) I use to build my website, and a tools page listing my work equipment, hardware, and software. I also introduced some new pages, such as the [tools](/tools/) listing my work equipment, hardware, and software, and a page with all [rules, beliefs, and princibles](/life-rules) I live by.
## Artificial Intelligence ## Artificial Intelligence
@@ -43,8 +43,8 @@ Recreating my previous website with [Astro](https://astro.build/) was a lot of f
<Image src="/assets/images/posts/unlighthouse.webp" alt="unlighthouse results for my website" /> <Image src="/assets/images/posts/unlighthouse.webp" alt="unlighthouse results for my website" />
</Figure> </Figure>
I opted for [Preact](https://preactjs.com/) for components, even though many didn't need interactivity. I'm glad I could use [MDX](https://mdxjs.com/) and map components to markdown elements. I opted for [Preact](https://preactjs.com/) for components, even though many didn't need interactivity. I'm glad I could use [MDX](https://mdxjs.com/) and map components to markdown elements. **Update:** I moved now to Astro components with a few interactive React components in the meantime.
It was my first time using [Tailwind CSS](https://tailwindcss.com/). Initially, I was skeptical because I didnt like the idea of writing CSS in HTML. But after using it, I really like it. Writing CSS is much faster and I dont have to think about naming classes. Additionally, I reduced the CSS size by 30%. It was my first time using [Tailwind CSS](https://tailwindcss.com/). Initially, I was skeptical because I didnt like the idea of writing CSS in HTML. But after using it, I really like it. Writing CSS is much faster and I dont have to think about naming classes. Additionally, I reduced the CSS size by 30%.
If you're interested in the plugins, tools, and libraries I used, take a look at the [Colophon](/colophon/) page or the [source code](https://github.com/kogakure/website-astro-stefanimhoff.de) on GitHub. If you're interested in the plugins, tools, and libraries I used, take a look at the [About](/about/) page or the [source code](https://github.com/kogakure/website-astro-stefanimhoff.de) on GitHub.

View File

@@ -18,6 +18,8 @@ export const journal = defineCollection({
'design', 'design',
'download', 'download',
'film', 'film',
'japan',
'minimalism',
'philosophy', 'philosophy',
'poetry', 'poetry',
'politics', 'politics',