This year we choose to do something a little different for our summer reading website. Last year’s website was a single page with me adding custom icons that reacted to being hovered over. Kiera, the head of the Children’s Library, decided that she wanted to go “all online” this year. She wanted to have children to be automatically entered in the drawing whenever they read X amount of minutes. She then discovered that we could use the Evanced Summer Reader software since we are a Connecticut library (check to see if your state library offers any goodies to your library).
Kiera and I attended one in-person training session to learn the product. It was promoted as being easy to customize. Within moments I realized that I would have to do some major overrides in the CSS to get what we wanted out of the system. My first attempts were shaky as the backend is broken down into dozens of CSS stylesheets. It’s somewhat difficult to figure out where you need to make a change to keep it consistent! So I wrote in to Evanced and they gave me some pointers. After that I was able to make changes on my own. I did discover a last minute weird behavior where I could not position the Registration button above the dynamic text. This surprised me to say the least!
You can see in the screenshot above what the initial site looked like and the comparison to our live site. Since the design for this year came in a bit later that I anticipated, the site is not fully customized as to how I’d like.
- The spies/logo was designed by a freelancer that we hired.
- The bright starburst background was originally in the logo, but I edited it out and placed it as the background of the website instead.
- Using more spy language like “Gumshoe” and “Agent Name” was an inspired last minute change on my end.
- The strange placement of items on the page is two fold:
- The system does not recognize between a logged in vs. a logged out user.
- Browser differences.
Overall, I’m pleased with our website. I’m all hyped up with an idea for next year’s theme. Check back then to see if it happens!