Difference between revisions of "Website Project"

From Audacity Wiki
Jump to: navigation, search
(Link to color corrected versions)
(US color)
 
(10 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
 +
==Wordpress Logo Button==
 +
 +
===Proposed Logo for our Wordpress site===
 +
[[Image:LogoAudacityWordpress.png]]
 +
 +
* Icon is small.
 +
* Text is in 'wrong' color.
 +
 +
===Revised Proposal===
 +
[[Image:LogoAudacityWordpress2.png]]
 +
 +
  
 
==Logo Customization==
 
==Logo Customization==
  
Including social media there are nine sites we control with our logo on them.   
+
Including social media there are ten 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 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.   
+
The suggestion is to create a series of ten modern looking stylised logo customisers, so that we can differentiate the logos on the eight sites.   
 
 
* [http://manual.audacityteam.org/index.html Manual] - Book (for the wiki manaual)
 
* [http://wiki.audacityteam.org/wiki/Audacity_Wiki_Home_Page Wiki] - ?? for general wiki.
 
* [http://bugzilla.audacityteam.org/ Bugzillla] - A bug (for the bugzilla site)
 
* [https://www.facebook.com/AudacityTeamOfficial/ FaceBook] - Black-and-white FB logo for facebook.
 
* [https://plus.google.com/u/0/b/108226440145001840649/+audacity Google+] - Black-and-white Google+ logo for Google+
 
* [https://twitter.com/getaudacity Twitter] - Black-and-white Twitter-bird-symbol for Twitter
 
* [http://www.audacityteam.org/ Wordpress Site] - Black-and-white Wordpress logo for main site.
 
* [http://forum.audacityteam.org/ Forum] - ?? for general forum.
 
* [http://doxy.audacityteam.org/ Doxygen] - Flowchart-symbol for doxygen
 
  
 +
* [https://manual.audacityteam.org/index.html Manual] - Open book (for the wiki manaual)
 +
* [https://wiki.audacityteam.org/wiki/Audacity_Wiki_Home_Page Wiki] - Bookshelf or pile of books (for general wiki).
 +
* [https://bugzilla.audacityteam.org/ Bugzillla] - A bug or a bug seen through magnifying glass (for the bugzilla site)
 +
* [https://www.facebook.com/AudacityTeamOfficial/ FaceBook] - Black-and-white FB logo (for facebook).
 +
* [https://plus.google.com/u/0/b/108226440145001840649/+audacity Google+] - Black-and-white Google+ logo (for Google+).
 +
* [https://twitter.com/getaudacity Twitter] - Black-and-white Twitter-bird-symbol (for Twitter).
 +
* [http://www.audacityteam.org/ Wordpress Site] - Black-and-white Wordpress logo or a house or home (for main site).
 +
* [https://forum.audacityteam.org/ Forum] - Parthenon icon (for general forum).
 +
* [http://doxy.audacityteam.org/ Doxygen] - Flowchart-symbol or compressed air cylinders (for doxygen).
 +
* [http://hub.audacityteam.org/ Question 2 Answer] - Q&A lettering (for q2a site).
 +
{{ednote|'''Gale 01Apr17:''' Although we don't control it, we have engaged with https://www.reddit.com/r/audacity/ and have an account at https://www.reddit.com/user/audacityteam. }}
  
 
==Logos on the Sites==
 
==Logos on the Sites==
Line 23: Line 37:
 
This is how a corner of each of the websites currently (Mar-2017) looks.   
 
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 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.
+
* We'd like to have customizing icons to overlay the Audacity logo, to show which site we are on.
  
 
[[File:ManualSite.png]]  
 
[[File:ManualSite.png]]  
Line 37: Line 51:
 
== Color Correction==
 
== Color Correction==
  
Some colour corrected versions of what we currently have are shown [[Web_Properties|here]].
+
Some color corrected versions of what we currently have are shown [[Web_Properties|here]].
  
 
'''[[User:James|James]] ([[User talk: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.  "
 
'''[[User:James|James]] ([[User talk: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.  "
Line 105: Line 119:
 
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.
 
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.
  
[[Category:Graphics]][[Category:Webdev]]
+
[[Category:Graphics]][[Category:Webdev]][[Category:Projects]]

Latest revision as of 19:03, 25 November 2019

Wordpress Logo Button

Proposed Logo for our Wordpress site

LogoAudacityWordpress.png

  • Icon is small.
  • Text is in 'wrong' color.

Revised Proposal

LogoAudacityWordpress2.png


Logo Customization

Including social media there are ten 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 ten modern looking stylised logo customisers, so that we can differentiate the logos on the eight sites.

  • Manual - Open book (for the wiki manaual)
  • Wiki - Bookshelf or pile of books (for general wiki).
  • Bugzillla - A bug or a bug seen through magnifying glass (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 or a house or home (for main site).
  • Forum - Parthenon icon (for general forum).
  • Doxygen - Flowchart-symbol or compressed air cylinders (for doxygen).
  • Question 2 Answer - Q&A lettering (for q2a site).
Gale 01Apr17: Although we don't control it, we have engaged with https://www.reddit.com/r/audacity/ and have an account at https://www.reddit.com/user/audacityteam.

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 customizing icons to overlay the Audacity logo, to show which site we are on.

ManualSite.png WikiSite.png BugzillaSite.png FacebookSite.png GPlusSite.png TwitterSite.png WordpressSite.png ForumSite.png DoxySite.png

Color Correction

Some color 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?

BookIcon.png BugIcon.png DoxyIcon.png


How Customisation Could Work

AudacityWp.png


Older Sites/Logos

MainSite.png



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.