I have been the webmaster for the people holding that office since 2009.
The challenge for this website was to present the information in a straight-forward fashion, while including medieval elements in the design. I reorganized all the information on the previous website into 6 categories.
2009: I used an excerpt from the Bayeau Tapestry as a header for the page. All the colors were chosen to complement the graphic.
Using CSS, when a user hovers over a navigation link, the
color changes and details about that link appear in a box in the upper left corner of the page.
This menu was adapted from a design at
Eric A. Meyer's CSS Edge website.
2013: when the office changed hands, the new officer asked for a new look for the website. It was simple to alter the CSS to change the color settings.
Because so many people were using phones and tablets to view websites, I reworked the site with "responsive" code.
CSS detects the size of the device the visitor is using, and presents either full-size
page,
or a smaller header image and a "menu" button that links to the menu at
the bottom of the page.
2017: The incoming officer asked for another redesign, based purple, green and gold. I used Google Fonts to give the headers a hand-written look.