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.
All Pages
- Check-in diff of all changes made to live site made while staging site has been up (bug 512159)
- Confirm home-pages and main section pages validate
- Make sure all CVS committers to the site have SVN access (bug 509712)
Home Page
- Setup cron job for front-page news item feeds (Bug 512232)
Sub-Pages
- Left-nav issues
- 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)
- What to do with news.html? Archive, redirect to somewhere, or back fill?
- 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)
- Make sure pages that are automatically updated work in SVN repository
Post-Launch Tweaks
We can wait until after the new site goes live before fixing these issues.
All Pages
- Set up smaller group with access to home page and templates and more?
- 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.
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
- 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?
- Refresh site favicon?
Sub-Pages
- 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?
- 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.
- ul class="snav" no longer has the desired effect (see Calendar - Holiday Files for example)
- 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
div class="key-point" not covered in new design -- see for instance the Easy Ways to Donate section on the Donate page on the current site and live siteported over key-point css and updated style to match the new site
Hook up news feeds (using about:mozilla) and community ticker (using lizard feeder) -- bug 493099Done - just needs Bug 512232 fixed.
Sidebars have too much right margin (should be aligned with right side of search box)
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.
Is it wanted behaviour that <h2 id="abcd"></h2> looks different than <h2><a name="abcd"></h2>???Fixed in r49882. Though in the long run, we should use IDs rather than A/name
Remove or fix up VARIABLES (bug 477085)Fixed in r49884.
Verified issues have been removed.