As part of my 10-year blogiversary, I was hoping to refresh this site with a new look and feel. A few months ago, I contacted my friend Mark Waggoner to see about getting his design help. We promptly worked out a logo/business card/website deal and Gillen's Army went to work.
I picked a logo from numerous choices in late June, finalized a business card for printing in July and received the HTML and CSS for the site on August 2nd. I started converting it to a Roller theme last week and did a whole bunch of other modifications in the process.
- Upgraded to Roller 5.0.1.
- Upgraded wro4j to the latest version (184.108.40.206) to workaround using a → (\2192) in CSS.
- Changed to use jQuery and Lightbox2 for pictures.
- Upgraded to the latest version (3.0.83) of SyntaxHighlighter. You might notice there is no longer a toolbar in this version. However, you can still double-click on code and easily copy/paste it.
The stylesheet switching doesn't happen as fast as I'd hoped (there's a flash even if using cookies), so I'll likely be converting some theme-setting logic to the server-side. The HTML5 version of the FaceBook Like Button requires you to specify the "data-colorscheme" in markup so this further supports moving to the server.
I have other minor adjustments I'd like to make, but more importantly - I wanted to get it out to you all. Tell me what you like and don't like. Among other things, the form inputs for comments and contact forms have backgrounds that might not be great for those color-impaired. Also, you can see how the iframe on the contact page has a white background instead of one based on the theme.
Here's some stats comparing my old andreas08 theme to the new darklight:
|Size and Speed
|167 requests, 3.6MB, 9.89s
|148 requests, 3.2MB, 7.34s
Sweet! It looks like this site is faster than ever. Cheers to Mark and Gillen's Army for the new design. I dig it!