Colophon

While this site has cycled it’s tech stack a few times, it’s always been built on the hard work of the open source community. While it’s entirety is available on github, I would like to recognize the tools I am using now, as well as others I have used through the years, to build this site.

Version 7 (current)

2018 - current

I decided home grown static site generators are a pain, so I switched gears and went with Gatsby. This is also the first version in a while where I got out of the business of operations work for the site. I’m now using Netlify (after an aborted attempt to get it working in serverless fashion with AWS Lambdas and S3).

  • Gatsby: This seems an interesting tool, that handles a lot of the PWA boilerplate. That seems like a useful framework to have mastery over.
  • Netlify: Free hosting (for my size site, it’s just simpler, does PR previews, auto publishing based on github master branch, all the things)
  • NPM: Package manager extraordinaire (now v6)
  • Atom: Still enjoying atom and while I’m using all the usual culprits for plugins, a couple are worth mentioning that may be off the beaten path

    • Dark Mode: This may be my favorite one right now. It toggle between 2 themes based on ambient light detected by the onboard light sensor on my computer. As I tend to swap working inside and outside a fair bit, this is great for selecting a dark theme for indoors (solarized dark), and a bright theme for outdoors (solarized light);
    • file-icons: Cause I like pretty pictures
    • Autocomplete for modules: Having my IDE give me the relative path is a great way to make sure I’m never referencing a package that does not exist
  • Git: This tool has changed how I work and allows me to be productive no matter where I am.
  • Github: This tool has changed how I work and allows me to be productive no matter where I am.
  • Docker: Containerization has really simplified how I deploy and portability of my site.
  • ESLint: Linting protects and style checking makes my code conform to standards.
  • EditorConfig: Config sharing tool to normalize code style across IDEs and users.
  • stylelint: CSS linter and fixer
  • PrismJS: Lightweight syntax highlighter
  • Solarized: I use light and dark for terminal and IDE.

Version 6 (current)

2016 - 2018

This was a home grown version of a static site generator, because, why not? I stripped down the visual style on this version (or, more accurately, I didn’t bother building it back in).

  • Gulp: While I often just go NPM scripts, this is handy for the metadata it uses about files. Plus, the plugin community is strong (and it’s a lot faster than Grunt).
  • Digital Ocean: Quite reasonably-priced cloud hosting
  • NPM: Package manager extraordinaire
  • CloudFlare: DNS and performance tuning of the site.
  • Atom: I moved from Sublime to Atom after Sublime 3 was in beta longer than it’s plugins and just became frustrating.
  • ImageOptim: Great GUI for batch lossless compression of various image formats.
  • ImageAlpha: Still one of the best lossy PNG compressors that does PNG8+alpha transparency.
  • Git: This tool has changed how I work and allows me to be productive no matter where I am.
  • Docker: Containerization has really simplified how I deploy and portability of my site.
  • ESLint: Linting protects and style checking makes my code conform to standards.
  • SVG: From svgo to svgstore, vector graphics have really crispened up my site.

Version 5

2012 - 2016

This is the current version of the site and represents a lot of the go-tos in my current toolkit. I have tried several different static site generators, starting off with Octopress, tried out Github Pages, a bunch of aborted attempts of rolling my own, and eventually have settled on Hugo. Here’s my current set of tools:

  • Hugo: Go-based static site generator.
  • Digital Ocean: Quite reasonably-priced cloud hosting
  • NPM: Package manager extraordinaire
  • Postcss: Trying out a little alternative to Sass, Less, & Stylus these days

    • cssnext: Trying to learn the new and emerging syntaxes
    • cssnano: Appears to be latest and greatest css compressor
  • CloudFlare: DNS and performance tuning of the site.
  • Atom: I moved from Sublime to Atom after Sublime 3 was in beta longer than it’s plugins and just became frustrating.
  • ImageOptim: Great GUI for batch lossless compression of various image formats.
  • ImageAlpha: Still one of the best lossy PNG compressors that does PNG8+alpha transparency.
  • Gulp: While I often just go NPM scripts, this is handy for the metadata it uses about files. Plus, the plugin community is strong (and it’s a lot faster than Grunt).
  • Git: This tool has changed how I work and allows me to be productive no matter where I am.
  • Docker: Containerization has really simplified how I deploy and portability of my site.
  • ESLint: Linting protects and style checking makes my code conform to standards.
  • JSBeautify: I like my code looking consistent.
  • SVG: From svgo to svgstore, vector graphics have really crispened up my site.

Version 4

2009 - 2012

This is where this site gets a bit more relevant. I rebuilt this site several times and went from Wordpress (self hosted) -> Tumblr -> Wordpress (hosted) -> Django -> Rails -> Node (express). I believed I needed a big, powerful site to host all of my dynamic content. Hindsight is truly 20/20.

Version 3

2005 - 2009

Aaahh, the discovery of Wordpress. The main topics here were more focused on food recipes and slow pitch softball. The one post that is preserved from this era is the Bidet post. Still my most popular post, ever.

Version 2

2003 - 2005

Movable Type. Aaahh… that was fun. I launched craveytrain.com in this time. I have some, terrible, terrible blog posts that are not worth preserving, hence they are not here. This was before I was fully aware how long things would be on the internet.

Version 1

2001 - 2003

This was just built on blogger. I recall almost nothing about this site and there is, thankfully, no content available from it. This actually predates the domain.