An archive of old posts and iterations

A blast from the past!

robsterlini.co.uk has gone through a few (a lot) of revisions over time, and with some poking and prodding I’ve been able to rescue a few notable years. They’re to be consumed as seen, no fixes (other than ensuring the builds ran) were made, so be kind while you’re judging me!

Journal entries  Jump to heading

Previous incarnations  Jump to heading

A screenshot from the 2020 build

2020 Turn it up to Eleventy!  Jump to heading

Built with
Eleventy
; 
Type
P22 Mackinac, Clone Rounded

The site as you see it now is the 2020 incarnation of robsterlini.co.uk. It started as a single, unprocessed HTML file and grew into the feature-rich site as it is now.

A screenshot from the 2019 build

2019 Dev, triathlete, master builder V2  Jump to heading

Built with
Vue
; 
Type
Grad, Clone Rounded

V2 swapped the Freight family for Grad, and added a life page. It also ditched the random colour in favour of a dark/light mode taken from the user’s OS preferences, and removed the finicky hover states for the home h1 > spans.

A screenshot from the 2018 build

2018 Dev, triathlete, master builder V1  Jump to heading

Built with
Vue
; 
Type
Freight Text & Sans, Clone Rounded

With a new-found love for Vue, and whilst testing out the capabilities of Fueled’s vue-init boilerplate that we were developing for easy project setup.

A screenshot from the 2017 build

2017 Implementing a baseline grid  Jump to heading

Built with
Middleman (Ruby)
; 
Type
Skolar

A baseline grid was underpinned all design through my degree, and in 2017 I took it to the web. I wrote a series of Scss mixins to keep the vertical rhythm with some JavaScript to resize the images to have a bottom margin that was a multiple of the baseline grid too. It was complex and buggy, but a fun experiment nonetheless!

A screenshot from the 2015 build

2015 A year of the triathlons  Jump to heading

Built with
Middleman (Ruby)
; 
Type
Skolar

2015 was the year I really dived into the world of triathlon and my site was updated to match that. I was fundraising at the time, so had an ever-present banner to try and drum up extra donations. I’d begun to play with parallax at Fueled, so subtly introduced it into the large images that I’d added to the site.

A screenshot from the 2014 build

2014 The detail mattered  Jump to heading

Built with
Gulp
; 
Type
Skolar

Except it didn’t really! This one looks to have been left unfinished – lots of 404s, no <title> or <description> tags to be seen…