create a shared layout for all pages

[thescientist13]

Summary

We will have a common layout for all pages that will need to include the theme CSS, footer, header, etc.

Depends on #23 , #26, #27

Summary

1. Create a src/templates/app.html
2. Should incorporate the theme.css file for all design system branding
3. Should include the common header component
4. Should have a <page-outlet></page-outlet> placeholder for all pages content
5. Should include the common footer component
6. Should have all <meta> tags from the current website

Open Items

1. Depends on Styleguide and Design System #23 , Header Component #26, and Footer Component #27
2. (nice to have) Grid lines / graph paper aesthetic - create a shared layout for all pages #32 (comment) - nvm, this is only on the Home Page #30

[thescientist13]

@Auhseh
Had a question coming out of #44 where-in I wanted make sure as part of this ticket we account for the "grid lines" / graph paper aesthetic in our design, because I'm not actually sure if that's just part of Figma, or if its actually meant to be part of our designs?

If it is part of our design, it does feel / look similar to the Vercel and Next home pages, so not sure if that was intentional or not.

I don't feel too strongly about it, but in particular if it's already part of someone elee's design, I would prefer not to use it.

[Auhseh]

Just seeing this…. it’s part of the design
It’s actually closer to Cal than Vercel/Next. (Adds a little oomph to the design)

But I totally understand you 🥲

[thescientist13]

No worries, we can evaluate at the time of working on this particular task how we feel about it based on if it's much effort or not to achieve.