/colophon

About this page

How this portfolio is technically structured and what it runs on.

Tech stack

This site is a completely static site, built using Astro. It is not based on any JavaScript framework – Astro renders everything as HTML; a small client-side script is only embedded where necessary (currently: contact form with proof-of-work spam protection).

The styling is based on pure CSS using custom design tokens (CSS custom properties). No utility framework, no component library.

Hosting

The created dist/ folder is delivered via SSH push to a self-hosted Cloudron Pages instance. Cloudron runs on my own server.

Miscellaneous

  • Contact form backend: PHP on a Cloudron LAMP app, with a server-side verified proof-of-work CAPTCHA – no cookies or third-party providers.
  • Email rotation: The contact address shown in the legal notice rotates automatically every 14 days via another GitHub Actions workflow.
  • Font: The OG preview images use Inter by Rasmus Andersson, licensed under the SIL Open Font License 1.1 – bundled locally, no external font service.

A colophon is an old tradition in book printing – the final page containing details of the typeface, printer and paper. On the web, it is the page that explains how a page was created.