Wagtail demo pages

[kristinashu]

We need a quick and easy way to show staff and contractors what components we have and how they look.

We should create a few demo pages to show efficiently show off all the possible components and their variations. We should at least create pages for these popular templates:

• Overview page to give high level intro to templates
• Sketch out page first, where it lives
• Page of all the different components

Maybe these?

• Publications: update this demo to include one page with all the components
• Banner page(s)
• Blog page(s)

Once the pages are build

• Add links to https://foundation.mozilla.org/en/docs/how-do-i-wagtail/
• Add links to some nice real world examples of these templates in use

Bonus of this is that it can also help us efficiently test components to see if a push broken component.

[beccaklam]

Redpen with wireframes for template and component pages: https://redpen.io/p/rx483107cd514a81ce
I'm thinking that these pages would live as child pages of "How Do I Wagtail"? But I'm not sure how that works with Article pages or the Component page design that's similar to this. Let me know what you think! @kristinashu @nancyt1

[beccaklam]

Gathering feedback on reiterated wireframes: https://redpen.io/p/rx483107cd514a81ce
Also created content doc for these pages to gather collective wagtail knowledge: https://docs.google.com/document/d/1hY-clLhI0N56v8oWNN5Z1DaYovYK8E2yQsxObVrdK30/edit

@Pomax ☝️ These are the places you can drop in feedback, thanks!

[kristinashu]

w00t this is done! https://foundation.mozilla.org/en/docs/how-do-i-wagtail/page-types/ & https://foundation.mozilla.org/en/docs/how-do-i-wagtail/streamfield-blocks/