Learn‎ > ‎Behind The Scenes‎ > ‎

Website Design Update

posted Oct 9, 2011, 5:10 PM by Greg Smith   [ updated Oct 9, 2011, 5:20 PM ]
Tested on Mobile and Desktop.

I've reworked the website to include the following design elements:

Used a Go board artwork from Wikicommons (License allows use: "The copyright holder of this work allows anyone to use it for any purpose including unrestricted redistribution, commercial use, and modification."). Applied 80/255 transparency so overlapped words can be read. This is the "Page background image": go board (repeat: none, horizontal: right, vertical: top).

Modified the top banner for transparent background, included AGA logo (64 pix taken from usgo.org website)

Also modified "Page Wrapper Background Image" - removed top down to about 150 pixels.

Tools used: Paint.net (Windows) but any program that allows saving full-transparency PNG (alpha-channel) will work.

Rearranged the hierarchy and renamed resources -> additional-resources and resources-1 to resources. This will destroy links I've emailed, but Google Sites has a decent feature that will display "related pages" when a currently-missing page is pulled up.

I moved Behind-The-Scenes and Beginner's Go glossary to subpages below resources (as well as "more go world news" and "additional resources"). A few content updates to Beginner's Go Glossary (handicap/komi). And I moved the Maps to meeting places each to their own page (named after the location). Some computers/browsers did not properly show two maps on the same page. Now the "Meet" page is printable with dates and directions for all meetings.