This site was built as part of a self re-education in the world of basic web development. While the site has been built from scratch, over time it has been inspired and helped by many great open source projects and utilities.
Jekyll is a blog-aware, static site generator in Ruby
Jekyll is the underlying engine that generates the static HTML that drives this site. No database or dynamic language support is required to host this site. All pages are static HTML produced with a mixture of template and markdown files.
GitHub offer free hosting for sites that are either static or powered by Jekyll. On Jekyll powered sites a commit to the correct branch is all that is required to redeploy the site with updated changes. They also support custom domain names.
I came across this pretty late on, when I was pretty sure the layout of the site was finalised. I ended up redesigning the page footer and adding social share functionality based on it.
The icons used in the social sharing section as well as the links to my profiles across the internet use this font instead of images. It is very easy to set up, although I am going to need to clean this up a bit as the LESS code is producing a lot of bloat in my CSS file.
I had created a rake based setup that would create a separate page containing the posts for a given tag. After stumbling across this on Twitter I have came to realise that the number of posts this site contains does not warrant that level of granularity. This previous setup also had the downside that every time a new tag was used I had to remember to run this rake task or the site would contain a broken link. I have made a tweak to the liquid code used (Original) so the sort is case-insensitive. My updated version is available here.
When viewing this site on a compatible desktop browser, the background uses the “Carbon” texture from this site. On browsers that do not support the radial gradients, it degrades gracefully to a solid background colour.
This is a layout for Jekyll which removes all whitespace between block level elements. This reduces the size of the file that is to be served, and has other benefits. I wrote a post about this.
Affiliate links are used where applicable when referring to products. This in no way affects the content of this site. I do not have that nasty marketing gene.
- DevWithImagination is a participant in the Amazon EU Associates Programme, an affiliate advertising programme designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.co.uk.