SITE HISTORY

click on an image to see that version live

Site layout with a header across the top, a navigation menu on the left, and the main content on the right. It is very simple with clean edges.

version 1: thorns and roses

the beginning of this site as it is now! this was quickly whipped up after a url change by staring at the code of sadgrl's layout builder.

very basic- i didn't really understand how divs or flexbox worked. it's not bad visually, but it's just not what i wanted from the site.

Site layout with a header above the main, a navigation menu on the left, and a changelog on the right. The images and styling on the page evoke a scrapbook-esque feel.

version 2: scrapbook

i distinctly remember having to fight flexbox to make the header not span the whole container. this layout was way more difficult than it needed to be, because i overestimated my css skills just a litte.

it was my first attempt at putting more thought into the mobile layout, and it's servicable, but doesn't look that great or show the visual ideas behind the site.

Site layout with a small header and several asides layered over the main, inlcuding a theme switcher. The site does not align to any clear grid.

version 3: firey gates

the first gridbox layout! i had experimented with it previously, but this was where i actually got it working.

i learned a lot about how to make responsive layouts that still had that personal website swag. protip: use gridbox, code in safari, and define sizes with px, not % in the desktop layout.