Colophon

This page aims to showcase the tools I used to build this website.

I used to build my websites with Jekyll but this time, I went with Eleventy. No other reason than… I was curious to try something else.

I deploy with Netlify from Github which is super newb-friendly. Highly recommend. Netlify deploys my updates everytime I push to my main branch on Github so I don’t need to worry about anything else.

For styling, I rely on CSS. I use Custom Properties so I can make themes easily (you can switch by clicking the little colored boxes in the footer). You can do this by defining your theme variables in :root and then changing said variables in the relevant theme attribute selector as follow:

:root {
  --bg: #fdf8f6; 
  --text: #2a201f;
}

[data-theme="solarized"] {
  --bg: #fdf6e3;
  --text: #313c41;
}

body {
  background-color: var(--bg);
  color: var(--text);
}

For typefaces, I use a system font stack for two themes. My “terminal” theme uses IBM Plex Mono for body text and Bebas Neue for headings. VSCode is my code editor of choice.