Updated Css, and Css Rewrite started
New
What & Why?
I actually uploaded css improvements in april, but forgot to say anything (I know, it took a while)
I've been making steady progress on a total rewrite using SCSS, which means that i can now split things up into seperate files, and use some fancy stuff to make my life easier.
This rewrite has honestly been long over due
The curent CSS is almost 800 lines and its disorganized and hard to understand.
What is currently done for the new CSS
-
NEW (kinda): Sticky headers! See the title of the current section at all times.
This was actually one of the last things i added to the current css before i started the rewrite, its still a little janky, but I'm focused on the rewrite
- Basic Desktop/tablet layout is in par with the current css (mostly)
- Alot of it is placeholder stuff just copied from a previous rewrite and split apart into seperate files to get the basics
What needs to be done before it goes live
- Test on mobile
- Make the sticky headers adapt to font size and multi line titles, the distance from the top of the screen might as well be hardcoded
- Get some better filler content to test how different types of pages will look.
Whats next?
- Add back some of the nicer gradients for the bg and link hover effects.
- Switch to a 3 column layout, with the 2 outer columns being skinnier (and will turn into panels that slide over the main content on mobile), the left is navigation, and at least for now the right will still be an image gallery
- Restructure the page layout & remove uneccessary pages to make it easier to maintain