Stylorama
- ..raw:: html
-
<html><body><p>Well, here it is. A new look for my site. The stylesheet file itself is called <a href="http://www.ramdyne.nl/green_yellow.css">green-yellow.css</a>, but I'm calling it Spring, although it is more summer I think. Anyway, the old style is now called winter (<a href="http://www.ramdyne.nl/styles-site.css">styles-site.css</a>).
<!--more-->
It was partly inspired by a design from <a href="http://www.csszengarden.com/">css Zen Garden</a> called <a href="http://www.andybudd.com/archives/2004/03/sublime_discussion/">sub:lime</a>. The designer of this Garden entry had it <a href="http://www.mezzoblue.com/archives/2004/03/19/the_price_of/#000531">pulled</a> from the site after too many sites started copying it. I'm still not sure if I stole his design, or used it as an inspiration. I'm very bad in choosing colors, but not too bad in writing my own stylesheets and figuring out a nice structure of the site. So there.
The old design has been reworked to match the new structure of the HTML generated by Movable Type. There are some issues with long entries, which require some work on the image files to make them larger. Unfortunately, I'm not a desinger, so I'm very bad at using Potoshop or similar application.
To make switching styles real easy, I have used a piece of JavaScript from <a href="http://www.alistapart.com/">A List Apart</a>. The code is in a seperate <a href="http://www.alistapart.com/d/alternate/styleswitcher.js">.js</a> file, with an <a href="http://www.alistapart.com/articles/alternate/">explanation</a> in an article on the ALA site.
There's some small tidbits here and there, some were learned while creating the <a href="http://www.ikbepaalzelfwelmetwieikbel.nl/">Ik bepaal zelf wel met wie ik bel . nl</a> website at work.</p></body></html>