Journal entries ¶ Jump to heading
- The last pizza recipe you’ll ever need Posted on March 29, 2021
- Better CSS strikethroughs Posted on March 9, 2021
- The right tool for the wrong person Posted on December 20, 2020
- Instagram is nothing but a highlight reel Posted on August 3, 2020
- Light & dark mode, plus… Posted on July 5, 2020
- A fresh lick of paint Posted on June 11, 2020
- Parkrun changed my life Posted on August 3, 2016
- I’m a triathlete Posted on July 14, 2015
- My first three months at Fueled Posted on October 6, 2014
- Opentype & ::selection don’t mix Posted on April 29, 2014
- Responsive web design techniques Posted on September 30, 2013
Previous incarnations ¶ Jump to heading
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.
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.
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.
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!
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.
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…