---
layout: ../layouts/PageLayout.astro
title: Colophon
intro: In publishing, a colophon is a brief statement containing information about the publication.
---

import { mapping } from "../mdx-components.ts";
export const components = mapping;

The source code of this website is available on [GitHub](https://github.com/kogakure/website-astro-stefanimhoff.de). 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](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/).
- 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 Bonsai image on my homepage took [Norio Nakayama](https://www.flickr.com/photos/norio-nakayama/9156103138).
- 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

- The website is built with [Astro](https://astro.build/), the all-in-one web framework.
- I write the code in [Neovim](https://neovim.io/), using [GitHub Copilot](https://github.com/features/copilot).
- My essays are written in [MDX](https://mdxjs.com/), which allows the usage of components in the [Markdown](https://daringfireball.net/projects/markdown/) content.
- The layouts, templates, and components are written in Astro with a few sprinkles of [Svelte](https://svelte.dev/) here and there.
- I use [Tailwind CSS](https://tailwindcss.com/) for my styling.
- The website is hosted on Netlify.
- TODO: JS Libraries
- TODO: Astro Plugins
- TODO: Components Examples
