HTML and CSS Timeline Expirement

I have been on the hunt for timeline software that would for tracking my fictional characters. My partner-in-crime devised a beautiful timeline in Photoshop, but it was a real chore to keep updated. On Sunday night, I hit upon looking up a HTML and CSS version and came across this version on the dev.Opera website. I modified the code to come up with a version that closely mimics the work of my friend.

I worked feverishly for a few hours on my timeline but eventually became overwhelmed with the difficulty of maintaining this version as well. The problems:
Some issues I would like to bounce off others:

To create the five year time spans (indicted by the thicker border), there are five divs. I have to continuously copy and paste this five div structure to keep going sideways (I will have over a thousand cells when I am done!). When I add a character into the timeline, I have to go into each “year” div and then create the character’s div. If another character was also born in that year, I have to add them inside the same year div.



Then in the CSS, I have to create a simple margin-top rule to tell the new div/bar how far down to move. The problem becomes apparent when I think of every time a new character is added, every character below them will need to have their margin-top rule adjusted. This is clearly an issue!
The second problem is that those “types” on the side (e.g. Fire) will also need to be pushed further down the page with every new addition. So for instance, if there is a new character added in Fire, Water will need to be pushed down the page.

An ideal thing I would like to ultimately do would be to have a drop down selection box which would then only show characters of that type (or clicking on the text of a “type” would cause those characters to appear). Then someday I’d like to be able to simply type in character names and have only those listed appear. But those are bigger dreams waiting for me to learn advanced coding!


“I have not failed seven hundred times. I have not failed once. I have succeeded in proving that those seven hundred ways will not work. When I have eliminated the ways that will not work, I will find the way that will work.”

supposedly said by Thomas Edison.

I spent most of the day working on Display Suite trying to get the Book List module to display the actual book list fields. When that failed, I worked on styling the post, and then trying to build a content type that would let me having repeating blocks of inline images. No dice.

First Day as an Archivist

I spent this morning doing research on records retention policies for non-profits and eventually realized that I’ll end up writing a records management guide for the local YWCA chapter before it’s over. I then went to lunch with my practicum supervisor who is all kinds of amazing. She’s very supportive of me and genuinely interested in what I’m doing with my career. I’m going to become a strong librarian thanks to the support of my mentors like her.

Greensboro, NC

Greensboro, NC

The above photo was taken while waiting for the executive director to arrive. I watched an officer talk to several people telling them the parking lot was closed because of some sort of festival that was being set up in the grounds behind the lot. The executive director and him spoke for a long moment while I stashed my book back in my bag (a book on writing!). When she got to me, we walked up up the long entrance way and she pointed out that the trash that was laying around was from homeless people who weather storms under the walkway.

We walked through the building and in some ways it reminded me vaguely of Sweet Juniper’s posts about abandoned buildings in Detroit. When we went upstairs, there was no light, so we walked up with the aid of the handrail and the tops of the faintly illuminated stair. We spent most of our time in one room going through a closet’s worth of boxes. While the director sat going intensively through one box and organizing it into several piles, I made folder lists of the remaining boxes. She told me that there was no particular order to why the items were group together since they had been shoved in the boxes prior to the move. I talked a bit about historical vs. financial vs. administrative type of records. My favorite part was finding some Y-Matrons directories from the 1960s. They looked like they were in brand new condition.

We then wandered from room to room taking a quicker inventory of the remaining offices. Most of the things in those rooms are ready to be destroyed and some of boxes were even labeled with “destroy by dates” that had long-since passed. As we were leaving she wondered aloud if anyone could possibly want to see lists of who the former employees were. I told her that there might be legal issues with that since those records are from within the last few decades.

So, the next tasks are to come in and remove the boxes which are obviously ready to be destroyed then move the promising ones to the new facility (with a/c! I was turning into a puddle on the ground in the direct, broad sunlight from the two floor to ceiling windows!) where I can go over them more at a leisurely pace. I also need to work with their IT person to see if we can get OMEKA running or if I should push for a pro Flickr account as ways to share the archives with the public. As well, I need to convince them that a 3-in-1 machine is not going to create archival (or even just HQ) copies of their documents!

What I want to be in the future

via The Best is Yet to Come

I saw this in my Peanuts book today. I thought it fit me perfectly! It’s a good thing someone else has already scanned it so I can share it with you since I’m not destroying my book!

This is especially beneficial since I just got an email saying I did not make the “short list” of applicants for a job in Oregon. I am glad that they took the time to notify me of their decision though!


This image of Rapunzel by Henriette Sauvant for Rapunzel and Other Magic Fairy Tales just made my heart pitter patter. My dear friend Blondie was the first to nickname me that (I have about 42″ of hair which is almost 73 miles of hair!)* when we were in the 8th grade.

I’ve made a promise to keep my hair till I graduate from library school (7 months and 1 week from now), but sometimes it’s fun to fantasize about very short hair or ankle length hair.

110,000 hairs since I’m a brunette
X 42 inches
/ 63360 inches in a mile