State of the Word preview

[iandunn]

This is an overview of the milestone. The goal is to get critical parts of the site ready to demo at the State of the Word. New issues can be broken off of here when necessary.

demo script

Desktop:

1. open browser, maximize it (should be 1320px wide)
2. open w.org/news-test
3. open local nav categories dropdown
4. close local nav categories dropdown
5. scroll down to "latests posts" section
6. click on a post (pick one a specific one few days before)
7. scroll through that post

Mobile:

1. click "News" in local nav bar to go back to homepage
2. open DevTools
3. click responsive mode button
4. Choose ? from the menu (should be 375px wide)
5. Scroll through homepage and single post like you did for mobile

There won't be any interactions with global search, hover states, clicking any other links, etc. it's just the the visual aspects of the above that we're concerned with

Tasks

Visual Polish

The following templates need to be visually polished to match the mockup. They don't need to be any more functionally complete than they already are, though.

• global header - Global & Local Nav Bars visual refinements #86
• local header - Global & Local Nav Bars visual refinements #86, Refine background for local nav banner #90
• front page #96
  • people of wp images flex layout needs to fill width at all viewports - maybe use something similar to "priority navigation" from Global & Local Nav Bars visual refinements #86
  • Enable subscription Jetpack: subscription form shortcode not rendered #35
  • Add podcast icons directly to theme for now, see Gutenberg: Missing icons for the WP Briefing callout #36
• single post #97
  • Hide likes/sharing if Jetpack: Missing like and social sharing buttons #24 isn't done in time
• Choose a post for SotW demo, and make sure all styling is complete #98
• Visual polish of bottom banner for SotW #100
• SotW visual polish and test for global footer #101
• SotW test and visual polish People of WordPress footer block #102

Additional tasks:

• import content Import content to test site #82
• import new posts the friday before the event, so that posts match production
• sync production w/ latest code as needed

Demo video

The demo is to be pre-recorded (by who?)

• Refine the exact sequence of clicks and views based on above (including decisions about which posts and categories to show)
• Write a script
• Record a test video
• Check the video closely and raise issues for anything that needs fixing or refining
• Record the final video