Ongoing design work for my websites
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Ongoing design work for my websites and

I originally put them together in 2011 but I never finalised some of the details of the design and there was a fair bit of hacky code to get them to look the way I wanted. Now I want to be working on them again, or more specifically showing work through them, so I have to get them in a more polished state.

All that would be fine but they were originally put together with a float and percentage-based layout and now we have grid and flexbox, so I'm taking the opportunity to completely overhaul the underlying code rather than just finish them off from where I left them.

Version_1 is all the code that runs the old (current) version of the site.

Version_2 is the first stab I had at a grid-based redesign.

Version_3 is the rewrite of that fixing my beginner's mistakes with Version_2.

Mistakes like, I wanted to put rules in the grid gaps but thought you couldn't, so instead of using grid-gap I used padding on pretty much everything. Then after almost a month of working on the redesign I suddenly thought 'I wonder what would happen if I used negative margins?' Because I'm an idiot.

So, Version_3.