New Website

My site has changed significantly since this was written. It’s now hosted in an S3 bucket fronted by a CloudFront distribution. I’ve consolidated settings into a single file and use environment variables to apply overrides where necessary. I’ve gotten rid of InstantClick to reduce my bandwidth usage, and I’ve stopped using FastClick. CSS is inlined to prevent it from blocking rendering.

I’ve spent the last two months working on a new static site with the intention of posting more regularly. My old site was built in a rush using tools I wasn’t too comfortable with, namely Ruby, Jekyll, and Liquid templates.

This new site is generated using Pelican, a static site generator written in Python, in combination with a custom theme I created using Jinja2 templates and Sass. I’m more familiar with these tools than those used to build my old site. I’ve extended Pelican to do things like build a sitemap and link to related content at the end of posts.

Management commands used to develop and publish the site are Make targets, several built on top of the Pelican CLI. Configuration details are stored in Python modules, which I prefer to the YAML settings file Jekyll depends on; I’m now able to have my production configuration inherit from a base set of development settings.

The site itself continues to be hosted on GitHub Pages. I attempt to reduce latency by using InstantClick to preload pages, as well as FastClick to remove click delays in browsers with touch UIs. The new logo is a 529 byte SVG (!) I designed in Sketch, inspired by the work of Tom Geismar. Images are all compressed using TinyPNG.

The web fonts used by the site – Roboto and Fira Mono – were downloaded from Google Fonts. They are bundled with and served alongside the site to avoid fetching resources from third-party servers unnecessarily. Every favicon imaginable was generated with the help of RealFaviconGenerator.

The source for the site is available on GitHub. If this sounds like something you’d like to build for yourself, go for it! Let me know if you have questions.

Was this helpful? Buy me a coffee!