Mozilla.org/Redesign/Template tweaks

This pages lists the set of tweaks we want to make to the new version of the www.mozilla.org site. Please feel free to add any issues you think need to be fixed or open a bug and help us fix things.

Launch Date

We are planning on going live on Tuesday, August 25 (bug 510267)

Staging Information

The staging site is at: http://www-stage.mozilla.org/

The staging code is at: http://svn.mozilla.org/projects/mozilla.org/trunk/

If you'd like to help by editing the HTML or CSS and don't have SVN access, you can either create patches that someone else can check in or you can start the process to get commit access.

Pre-Launch Tweaks

We'd like to make these tweaks before making the new site live.

Post-Launch Tweaks

We can wait until after the new site goes live before fixing these issues.

All Pages

• Make sure all CVS committers to the site have SVN access (a couple of people couldn't have their CVS accounts converted because of they didn't have LDAP accounts) (bug 509712)

• Set up smaller group with access to home page and templates and more?

• Remove duplicate css and style in top-level of repository (instead of a symlink why don't we just use the css directory instead of using the newly created style dir?)

• Sidebarsusing different design (see Happy Cog sub-page design for comparison)

• Font size/color changes (see bug 225639 and 511900 for details)

• Optimize the site for small and large screens using media queries (tracking bug 492609).

• Look into better way to collapse left and right margins

• Sync styles of pages with and without left hand nav (for example, gray line at top of content area is applied inconsistently (see Community and Projects)

• Tighten header by a few pixels (we should see how things look if we tighten up the header a bit -- even a few pixels will help address people's concern with the header size) and other tweaks to polish (header not quite like design, for example is font bold in design but not bold in code?)

• Add language picker (can wait since the only localized content on the site, the Manifesto and Mozilla Brochure, link to avaialble localizations in the body of the page). Also copy or move language selector above the fold into space on sub-page templates where the Edit this page link is?

• Have 'Edit This Page' link bring up Bespin instead of pointing to [Edit This Page SVN docs] or perhaps we want an interstitial page that talks about the two editing options and then links to the docs or Bespin (or Bespin can come up and that can link to the SVN docs) (bug 487108)

• Fix horizontal scrolling issues

• Implement a localization architecture (bug 507577)

• Add last modified date to footer where the current 'Page History' link is.

• Close site bugs referring to old site designs and styling

• Refresh site favicon?

Home Page

• Add question(s) to comment area next to header and figure out where this should point

• "We're building" rotating with "We believe" -- bug 501963

• Clean up any left over issues with Community ticker scrolling and functionality

• Turn twitter back on in Community Ticker (with obscenity filtering or filtering by community member instead of pulling in anything with certain keywords?)

• Project slider
  • Rotate order of projects on home page?
  • Have project arrows on home page wrap around, so if you get to the end you can keep going instead of having to go back?
    • NOTE: Seems to me that these two issues should lead to a re-think of the project slider - what are the goals? Is equality important? The UI can follow from that -- StevenGarrity 13:25, 26 August 2009 (UTC)

• For Latest News From Mozilla for about:mozilla items maybe we just need the titles and then a link to read more? Right now the beginning of the body text just duplicates the title text.

• Rearrange things so that "We believe" doesn't split into two lines in narrower screens

Sub-Pages

• Make sure pages that are automatically updated work in SVN repository
  • Owners (bug 482079)

• Left menu shadow borders not long enough on pages with long menus (note: this may be by design, so we don't necessarily change it although we certainly can)

• Page title use is inconsistent: h1 is sometimes inside, sometimes outside of
  and sometimes missing (is being set in PHP instead of HTML). Seems to be difference between section main pages (such as Projects and other pages (such as Mozilla Technologies) Note that sidebar positioning changes and header changes positions vertical (compare Causes main page and another Cause page)

• Header is missing some elements from the design -- Last modified date and Edit this page link.

• Hook up Manifesto principle rotation in template footer?

• Add manifesto principle graphics to Causes sub-pages and also Causes main page?

• Key point style has two different shades of grey (at least for David on his Mac -- not everyone is seeing this):
  • the top and bottom graphics are: #E1E1E1
  • the background color is: #E7E7E7

• Separate out sidebar styles from main body key-point styles (use style from happy cog sub-page mockup or something else?)

• Remove left nav from Donate and Donate FAQ pages?

• Switch generated mirrors.html page to Community left-nav

• Work on content-specific Getting Involved links in template (similar to content-specific IRC channels in MDC)

• Minimize use of ALL CAPS styling

• Create sub-nav for Security section?

• The h2 on e.g. “Mozilla Roles and Leadership” and “Mozilla Organizations” have different bottom margin (or so it seems).

• On “Mozilla Roles and Leadership” the paragraphs below the lead are indented, which look weird.

• Is there a global "languages" ID in the site stylesheet that I can no longer use?

• The “Support for Mozilla Software” is narrower than the other pages.

• The TOC boxes look much better now, but I think the padding is too big. There is padding on both the li tags and the a tags. I think it would look nicer, especially for “selected” li tags, if the whole li background was blue, i.e. the padding on the li tags were dropped and the padding on the a tags increased (if needed). Further, some TOC items strech over three rows, which seem a bit unnecessary.

• From the “Mozilla Community” page, the link to “Official Developer Forums” completely replaces the TOC box. Also the main menu “Our community” is not highlighted on that page.

Resolved Issues

• Projects slider polish -- first few logos look bigger than last few logos now and slider doesn't fill all of the space (at least in Firefox 3.5) Polished!

• Move over rewritten missing.pl to stage (bug 512160) Reed fixed this.

• Turn twitter off in Community Ticker to avoid obscenity

• Home page, About main page, Community main page, Projects main page and Causes main page passed HTML validation

• Check-in diff of all changes made to live site made while staging site has been up (bug 512159)

• Community Ticker text has a bit too much margin above it Fixed in r50164.

• Might need a bit more spacing between right side of latest news box and left side of community ticker Fixed in r50165.

• Tweak blockquote styling? Had some margin on left and top before. See blockquote text on this page, for example Done in r50167.

• ul class="snav" no longer has the desired effect (see Calendar - Holiday Files for example) Fixed in r50168.

Verified issues have been removed.