landing page

[toloudis]

as designed.

Link to design:
https://www.figma.com/file/EJCCnElvRvObznBhN519sl/Components---CFE-%2B-3DWV?type=design&node-id=215%3A546&mode=design&t=L8nMtmh7C0xfVPfJ-1

[toloudis]

see if we can include opengraph tags

[toloudis]

note: to maintain an embeddable version consider this change set: simularium/simularium-website#474

[lynwilhelm]

@ShrimpCryptid Link to designs added above

[ShrimpCryptid]

TODO thought dump of stuff that still needs to be done:

• Copy in the code from the colorizer
• Add styling variables to match with designs, and clean up/update the CSS variables already in the project
• Add background video for the volume viewer.
  • Host the video somewhere else, or in the project? (it's 15 MB...) -> hosted in project for now
  • Make it responsive to prefers-reduced-motion
• Update fonts to Helvetica + Open Sans to match the designs
  • Update font embeddings to include Open Sans
• Loading volumes from landing page load buttons... discuss w/ Cameron how files should be loaded, will likely be affected by current PRs (Allow multiple data sources for zarr volumes #207)