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
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.
