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.
version_2 Add .full_bleed and tidy up the code Oct 10, 2018


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.