Spike/update home page to lit2

[thescientist13]

Related Issue

#11 / #12

Summary of Changes

Throwing together a quick spike just to measure the effort of getting the home page upgraded to Lit@2 + Bootstrap + API calls, still quite a lot to do though.

TODOs

1. Bootstrap
2. Font Awesome
3. Header - deferred to header styles do not match production #21
4. Footer
5. Banner
6. Events Calendar
7. Posts Lists
8. Bundle CSS / Font Awesome / Bootstrap for develop and production
   • create a general purpose copy mechanism like what is being used for assets/ directory copy ProjectEvergreen/greenwood#543
   • assets (fonts) with query strings not loading correctly with production build (greenwood serve) ProjectEvergreen/greenwood#764
   • plugin-postcss extendConfig option is broken with PostCSS error ProjectEvergreen/greenwood#767
   • Octal literals and escape sequences are not allowed in template strings (only in development) ProjectEvergreen/greenwood#766
9. Deploy preview API requests not working? - works here though? this is a test ContributaryCommunity/www.contributary.community#100
   
10. Misc Style Issues - deferred to home page styles are slightly off #22
    • refactor SCSS @include mixin usages, likely the culprit for
      • home page banner width
      • posts lists / events calendar height not matching
      • header / navigation styles
      • solid fill for center page content
    • refactor SCSS functions darken, transparentize
    • very large FOUC (in development anyway)
    • restore lint:css to top level lint task and fix stylelint warnings
11. Restore tests
12. October 2021 is missing the 31st 📆. (opportunity for Temporal API?) - differed to some months (October 2021) are missing the 31st day #23
    
13. Restore Storybook (fix issue resolving nested font-awesome.svg files) - deferred tohttps://github.com/restore storybook #24
14. Restore Google Analytics - deferred to restore Google Analytics for SPA #25
15. Track discussion for Case study / major CSS refactor (Greenwood + design systems, start a discussion) - [WIP] Phase 1 Case Study #20
16. perf before and after -deferred to Lighthouse and general DX performance benchmarks and analysis  #27
17. Future CSS enhancements (SASS plugin) - deferred to CSS bundling / refactoring (SASS plugin?) #28
18. Publish a Greenwood Font Awesome Plugin - deferred to publish font awesome plugin to NPM #26

[netlify]

✔️ Deploy Preview for practical-fermat-fa2c48 ready!

🔨 Explore the source changes: c9bc117

🔍 Inspect the deploy log: https://app.netlify.com/sites/practical-fermat-fa2c48/deploys/618d42564d56250007ca47f2

😎 Browse the preview: https://deploy-preview-17--practical-fermat-fa2c48.netlify.app/