A Visual History of eclectic

Since the point of this site is self-expression, I sporadically change the way the site looks.


Layout #1

version 1: Chez Anne revisited

September 2002 - November 17, 2002
This one was "recycled": I made it for the site when it was still hosted at Geocities. I modified an old black and white photo of myself using the Chalk and Charcoal option on Microsoft Photo Editor. The black font in the graphics is Papyrus - I can't remember the name of the font that says "Chez Anne."


Layout #2

version 2: shoe collection

November 17, 2002 - May 27, 2003
I visited art.com for inspiration for a new design and I typed in "black and white photographs." Examples of Kim Anderson's work appeared in the results, and I really liked them. (For some reason I find a lot of them particularly "eclectic.") I edited the picture using Paint Shop Pro, version 7. The fonts for the signs are Typecase - which is from a fonts CD - and Courier New.


Layout #3

version 3: Summer 2003

May 27, 2003 - September 20, 2003
This design featured the painting Santorini by artist Marino Kounias. (See also.) It's from my "two-pixel line" phase, where I'm using a border, a picture, and blank space ... Giving credit where credit is due, I got the idea from one of Alison's designs. Her site offers free layouts for those of us that are, shall we say, "graphically challenged."


Layout #4

version 4: Amélie

September 20, 2003 - August 4, 2006
This design features a screencap from the movie Amélie. I really like that picture because I can very much relate to longing for someone from afar. I know the background color is a bit bright . . . hopefully it's not too painful. *g* I edited the picture using Fireworks; the fonts for the graphics are Mistral and OCRA Extended.

In retrospect, this design *was* too bright. Apologies to visitors who endured it. I won't make that mistake again.


Layout #5

version 5: my so-called life

August 4, 2006 - June 9, 2009
This design is in a style that I either added or planned to add to my other sites. I like this style because it requires fewer graphics than some I've done, plus it's expandable to fit the two common screen sizes - 800x600 and 1024x768. For visitors with even larger screen sizes, the text area widens, but the banner starts to repeat. (Hey, it's complicated enough to try to make a banner that looks decent in only two sizes!)

I had the idea for a "she's real" theme with that My So-Called Life quote. I think of that quote as a celebration of imperfection, and, being an imperfect person, I can certainly appreciate that. Making the layout was fun because if something didn't look quite right, it fit in with the "she's real" line of thinking. I assembled the banner using Paint Shop Pro; the fonts for the graphics are DomCasual (quote) and MisterEarl (eclectic). The pictures used in the banner are from the now-defunct www.jared-leto.org.


Layout #6

version 6: less like scars

June 9, 2009 - November 26, 2016
I started a new layout for the site no less than four times before I finally remembered one of my favorite songs, "Less Like Scars" by Sara Groves. The song basically says to God that "in Your hands, the pain and hurt look less like scars and more like character." I think that is such a profound thought, and trying to look at my own "scars" that way reminds me that they've often served the purpose of being a Lesson Learned. For the layout, I really wanted to use the "in Your hands..." phrasing, but I couldn't fit it into the graphic, so I paraphrased. (Plus, I wrote to Sara at her myspace to ask permission, but didn't hear back from her - I know she's very busy. So, I thought it best if I went with the paraphrase.)

This design took advantage of the larger screen sizes that showed up in my site statistics as being used by most visitors. The style sheet was built from one by Dave Shea with modifications by Matthew Mullenweg and One Fine Jay. I found the style sheet as part of a free blog layout and modified it *heavily* for use here with the CSS/XHTML help of: HTMLDog, HTMLGoodies, the W3 tutorials, and the W3 Validator. The picture in the banner was part of a free layout package offered in 2003 by a site then known as Weblog Design. The band-aids and text were added by me using Paint Shop Pro. The font in the graphics is Jot Medium.


Layout #7

November 26, 2016 - present
Details and credits for the current layout are here.

F O O T · N O T E D