Back in 2015, I began the task of re-designing my home troop’s “Eagles Nest” page. Up to that point, the “Eagles Nest” was a page on the main site where we could list the names of all the scouts that had earned Scouting’s highest honor, the Eagle Scout Award.
(Wayback Machine/Internet Archive)
By 2015, the number of scouts that had ‘eagled out’ in the Troop had grown to around 40 scouts, and the list was getting long and unwieldy. It was also, primarily, a text-based list that displayed the scout’s name, which linked to a full resolution image of the Eagle scout behind an American flag, their Board of Review date, Court of Honor date, the number of merit badges and Eagle palms that the scout had earned, and a link to a ‘thank you’ page, if the scout requested such. The webpage was not responsive and did not utilize the full width of the webpage.
Recognizing that this was a chance to convert a somewhat dated looking webpage that was hard to edit – essentially one would edit the html3 code, then push the change to the server, I moved the site to WordPress.com, converting the text-based list into a list that put the Eagle scout’s name and photo, front and center, then added several new pages of content, including a color-coded, embedded map of all Eagle Scout projects that had been completed to date.
This profile photo theme highlights each photo on mouseover, from a greyscale picture to a full-color preview, with the scout’s name and order on mouseover. Scouts without a photo are listed only by this. Each photo was taken at the scout’s Eagle Court of Honor.
Clicking on the scout’s picture directs the viewer to a ‘profile page’ of the Scout, with more information about their accomplishment, including their full name and a full resolution image. (image not to scale)
The ‘mini-site’ contains information on the Eagle Scout Award, earning the Award, planning and executing an Eagle Project, as well as holding an Eagle Court of Honor, from the previous webmaster and adults in the Troop.
After completing the re-design, I added content, such as a color-coded, satellite, Google map that displayed past scouts’ Eagle Project. In creating the map, I tried to put each pin on the exact location of the project, listing the scout that completed it, as well as a brief description of the project beneficiary and the project itself. The map is embedded in the site and easily updateable as new scouts complete new projects.
As a way for frequent visitors to see what new updates have been added, I included an ‘update log’ with planned features and recent additions.