Reboot 2019 - Jekyll, Codenvy, and CSS

Posted on Sat 27 April 2019 in Updates

Here we are, nearly 2 years later. I've changed jobs (and actually my career as a whole), gotten married, and a dozen other smaller but equally important things. And yet this place has been relative neglected, always a consideration but not something I've put the time into picking back up.

So first thing's first - the site has been ported into a fork of pool/hyde, with some customization of the fonts in use. In particular, we've got Cinzel Decorative, Cinzel, and Raleway, three beautiful fonts from Google Fonts. I've additionaly made some shifts to get things up to the latest version of Github.io support -- moving from pygments to rouge in particular mitigated several critical errors keeping the site from running.

Mind you, a lot of this came about because I've finally gotten a new computer - my 2013 laptop, while still running, just isn't cutting it, and can't be pulled from power anymore. In addition, it doesn't always like to start, or just gives a black screen on startup, which is downright terrifying. So I broke down and got myself a Pixelbook - circa 2017, these guys are still killer, and with the Chrome OS paradigm, everything lives in the cloud. But that means... Where's the runtime environment?

I've managed to stumble my way into Codenvy with Jekyll, surprising even myself in that I've never really worked with Docker, and it seems like a lot of the initial love for it has faded in the last year. Google searches only got me part of the way, and the rest was a fumble trying to get things working.

Step one: a custom stack to run Jekyll. Turns out, you need something with at least 2.4.0 Ruby, plus jekyll and maybe bundler, depending on the site structure. So my stack definition came out to be:

{% highlight unix %} FROM eclipse/ruby_rails RUN sudo gem install jekyll EXPOSE 4000

Step two: create the workspace, including specifying your projects from Github. What's great is that in my case, I ended up renaming my original github.io site as sitename_old, then forking hyde to be sitename. Fortunately I had the foresight to create my Codenvy account with Github credentials, so that authentication was trivialized.

Step three: get it working! Realisically, that meant running the forked hyde site, getting the right gems installed locally, and resolving the startup errors that happened from progression of the github.io support (specifically moving the highlighter engine from pygments to rouge).

Step four: copy over the posts, resolve the errors, run, and validate. In this case, I got lucky - most of the posts were clean and didn't require any sort of tweaks on their yaml definitions. I'm not thrilled with having the whole darned post showing up instead of snippets, but there's lots of time for tweaks and adjustments.

There are a ton more little additions I've got, both completed and in the works. My favorite so far is tholman's github-corners -- you'll see him up at the top (where you can find the link to the source of this site). It's purely SVG based, and with a couple tweaks, I was able to get it to follow the dynamic theme of the site as well!

More coming soon!