QA/Community/QMO Design/Airbag

Template Design

After reviewing v2 of the mockup from Airbag, I am providing them with template descriptions for the following child pages for the site:

Events & Calendar

• Title should replace "The home of Mozilla QA" with "Community Events"; breadcrumb should be something like "Home > Events > Calendar"
• Left Column:
  • Same as other pages, should include main navigation menu, "Quick Links", and "Need Help?" boxs (Note: We might add something there later, but for now I think those 3 will do)
• Right Column:
  • "Learn more about..." box with collapsable list including:
    • Bug Days, Test Days, Crash Offs, QA Huddles
    • Each item in the list will have a description below it (25-50 words), with links to a dedicated page that has more details.
  • "Partner Events" box with list of partners including:
    • ClubMoz @ Seneca, Sun China, Songbird
    • Each partner will have a short description (20-25 words) with links to their respective partner page.
  • "Recent Forum Topics for Events" box
    • List of 5 topics from the Events section of the forums
• Main Body:
  • "Community Calender" title with month and year, followed by a monthly calendar that spans the width of the center column. (Note: Drupal will allow users to change the calendar view to weekly, daily, or list, but all of that should fit fine if we make the center column flexible)
  • "Upcoming Events" section
    • List that uses 3 columns, first being the date, followed by time, and ending with the event type, title and description (14-20 words). (Note: It will be nice to use either the icons or color to differentiate between different event types, like magnifying glass for Test Day vs bugs/angry heads for Bug Day)
  • "Past Events" section
    • Same as "Upcoming Events", but with a small row below each item with room for event notes and results in smaller text (10-15 words), eg "Over 100 testcases ran; 10 participants"