[Design] Make embedded visualization interfaces feel more official

[j08lue]

There is a very simple concern for the GHG Center web presence: Since it is to be an authoritative, reliable, reviewed and vetted source of information, all the content and tools we present should look and feel authoritative.

Currently, the embedded apps do not feel like that - mostly because of their external URLs (GitHub pages in the nasa-impact org).

We discussed different fixes for that:

• https://github.com/NASA-IMPACT/veda-config-ghg/issues/199

With the conclusion to keep the apps hosted elsewhere, but prettify the URLs through CloudFront so they give the impression of being an authoritative part of the GHG Center web presence.

Success criteria

• [ ] Moved apps to be embedded into the US GHG Center GitHub org and
• [ ] Prettified the URLs through CloudFront (ghg.center something)

[j08lue]

Perhaps also call the interfaces for the NOAA Global Monitoring Laboratory datasets something more spelled out than noaa-viz, pls.

[slesaad]

Decision from the most recent meeting:

• Avoid cross-origin iframe
  • We will move all embedded apps under the same hostname by configuring the build pipelines to deploy to the same bucket as our page is hosted
  • That way, there is no more use of cross-origin iframe in our site (which was not critical before either, because we were controlling all origins, but avoiding it altogether is better)