Website Project
Contents
Logo Customization
Including social media there are nine sites we control with our logo on them.
The wiki site that we use for a manual has a 'tome' underneath it. This isn't good for our image!
The suggestion is to create a series of nine modern looking stylised logo customisers, so that we can differentiate the logos on the eight sites.
- Manual - Book (for the wiki manaual)
- Wiki - ?? for general wiki.
- Bugzillla - A bug (for the bugzilla site)
- FaceBook - Black-and-white FB logo for facebook.
- Google+ - Black-and-white Google+ logo for Google+
- Twitter - Black-and-white Twitter-bird-symbol for Twitter
- Wordpress Site - Black-and-white Wordpress logo for main site.
- Forum - ?? for general forum.
- Doxygen - Flowchart-symbol for doxygen
Logos on the Sites
This is how a corner of each of the websites currently (Mar-2017) looks.
- We'd like to have all the two-tone colors matching.
- We'd like to have customising icons to overlay the Audacity logo, to show which site we are on.
Color Correction
Some colour corrected versions of what we currently have are shown here.
James (talk) 15:08, 29 August 2015 (EDT): "As I see it, we would do well to choose colors from Audacity and from the (current) logo. Blues and grays, if we are projecting a sober look and 'reliability' and more of the color accents, e.g. the yellow from the logo, the button colors from the toolbar, if we want to project a more fun and funky look. "
In order to correct the colors (sober choices of blues and grays) we require the following css:
Bugzilla, global.css
/* titles (begin) */
#titles {
width: 100%;
background-color: #3b5998;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 110%;
margin: 0;
padding: 0.5em;
vertical-align: bottom;
}
phpBB style.php
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #3b5998;
/* background-image: url("./styles/prosilver-audacity/theme/images/bg_header.gif"); */
color: #FFFFFF;
}
.navbar {
background-color: #d4d6d8;
}
html, body {
color: #536482;
background-color: #f6f6f6;
}
Possible Customisers
Used as overlay in bottom right hand corner?
How Customisation Could Work
Older Sites/Logos
Favicons for the Sites
At the moment we use the same favicon (audacity logo) for all our sites. Particularly when there are several Audacity site pages open in a browser, it would be very helpful to modify the favicon too, to indicate which site.
