ProjectsA list of my personal projects, work, and rabbit-hole deep-dives.Personal projects permalink🎹Pentatonic (v0.1.2)Turn any array of integers into a fun little melody.🐋Bowhead (v0.1.8)Memorable and maintainable design tokens in SCSS.🔬MicratheneSuper Simple PWA for building Microlite20 characters.🐉Waterdeep, A Curated GuideI’m the Game Master for a D&D campaign of Waterdeep: Dragon Heist. This is a chronicle of my players’ time spent in Waterdeep.⛈WeatherNot the most interesting of project titles, this is a personalised weather web app.🍻OwnYour.BeerAn IndieWeb tool to help you pull check-ins from Untappd. Still a work-in-progress.🔗Reptile CMy personal (and automatic) URL-shortening service based on Tantek Çelik’s base-60 numbering system, NewBase60. Note: the homepage just redirects to this website, but you can read about how it works here: LiquidBase60.🐦CorvusMy personal micropub endpoint.🗡BloodBuilderSuper Simple PWA for 1e Pathfinder Pure Core Classes.🎧Media ControlsPlay native web media and utilise keyboard controls à la YouTube.🌠GIFs on GIFs on GIFsA curated list of sick GIFs.📐Viewport DimensionsA very simple tool to measure your viewport dimensions.🌪Feelin’ DizzyFeelin’ dizzy or blue? This should sort you right out.💻My Featured Pens on CodePenPens of mine that were featured on Codepen’s homepage.Work and work projects permalink👩💻National Federation of Women's InstitutesNFWI was one of my favourite projects to work on while I was at Squiz—I worked on the HTML and CSS side of the front-end as well as doing some work for NFWI’s authors in the CMS.🏡One HousingOne Housing was a project while I was at Squiz where I really got to put my knowledge of CSS to the test, so I worked hard to produce a robust framework that was part of the foundation of further front-end development in the One Housing network of sites.🎓Clearing at City, University of LondonThe pressure was truly on with this project at City; we had a relatively short amount of time to turn around a robust, multi-view website to handle the universities entire Clearing period. I was in charge of implementing a lightweight and maintainable design system and contributed towards the Node.js app that handled everything in the background.💻SquizFront-End Developer, 2018–2020UI Developer, 2012–2014🏫City, University of LondonWeb Developer, 2014–2018🚕CabfixWeb Developer, 2011–2012Previous versions of chrisburnell.com permalink🐓Version 2The second version of my personal site that I used for over six years and laid the groundwork and mentality for the next version.🐣Version 1The first-ever version of my personal site. Things have changed slightly since 2009.