Skip to content
Source code for my blog, hosted at https://cergos.io
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
content
src
.eslintrc.json
.gitignore
LICENSE
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
netlify.toml
package-lock.json
package.json

README.md

blog

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

"Screenshot of Blog Homepage"

"Screenshot of example Blog Post"

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.

You can’t perform that action at this time.