blog

Source code for my blog, built using the Gatsby static site generator.

Technologies Used

The core technologies used are React and Gatsby.

I used a few different technologies to style this site:

• normalize.css is used to give a more consistent starting point.
• Typography.js is used to set up the basis for things like font sizes and margins.
• styled-components is used for a taste of some sweet CSS-in-JS controversy. Oh, and I used it for styling everything else too.

The header / banner uses Trianglify to generate a new cool background every time it is re-rendered. The version of Trianglify that's used on this site is my own fork. The fork removes a lot of the rendering functionality provided by the original library. I found this to be necessary as Gatsby was not able to bundle static binaries. Essentially, the fork makes it so I'm provided with the paths for the background and I use those paths in React to generate an <svg> component. A demo site showcasing Trianglify is available here.

Posts are written in Markdown and converted to HTML using gatsby-transformer-remark which uses remark under the hood. Code blocks are handled by Prism with Solarized Dark as the theme.

For typefaces, I'm using

• Spectral as my main font (serif);
• Lato as my secondary font used on headings, buttons, etc (sans-serif);
• Fira Mono as the monospace font used in code blocks and inline code.

As a substitute for people telling me how bad my code is, I'm using ESLint with the Airbnb ruleset.