feat: WP-197 migrate frontera portal

[wesleyboar]

Overview

Migrate Frontera project from Core-CMS-Resources.

Status

• [ ] verify no unexpected changes
  • [ ] fix different fonts on "Full Width" pages
• [x] deploy on a Core-CMS#856 container
• [ ] test on a Core-CMS#856 container
• [ ] re-evaluate whether css build process is necessary

Related

• WP-197
• requires https://github.com/TACC/Core-CMS/pull/840
• requires https://github.com/TACC/Core-CMS/pull/856
• requires https://github.com/TACC/Core-Portal-Deployments/pull/46

Changes

• added frontera_assets
• added first use of TACC/Core-Styles API to this repo

Testing

1. npm ci
2. npm run build
3. Verify no errors.
4. Deploy to a Frontera staging server.
5. Add snippet to Home page:

   <style>
   @import url("https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@feat/WP-197-migrate-frontera/frontera_assets/css/build/template.home.css");
   </style>

6. Change Home page template to "(Core-CMS) Full Width".
7. Add snippet to System page:

   <style>
   @import url("https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@feat/WP-197-migrate-frontera/frontera_assets/css/build/template.standard.css");
   </style>

8. Change System page template to "(Core-CMS) Standard".
9. Verify no major style differences[^1][^2] from production site:
   • Home ("Full Width" w/ snippet) ^{https://pprd.frontera-portal.tacc.utexas.edu/}
   • System ("Standard" w/ snippet) ^{https://pprd.frontera-portal.tacc.utexas.edu/system/}
   • Training ("Full Width") ^{https://pprd.frontera-portal.tacc.utexas.edu/training/}
   • … ("Full Width") ^{https://pprd.frontera-portal.tacc.utexas.edu/…/}

UI

	Before	After
home	…
system	…
training	…

Notes

[!WARNING] Loads Core-CMS stylesheet at a version that will not auto-sync with version of Core-CMS being run.

[!IMPORTANT] On Home and System pages, some font weight is thinner.[^1] See Core-Styles v2.26.1.

[!NOTE] Saves three extra css/build files, because of a Core-Styles limitation.

[^1]: Expected style differences: some slightly thinner font weight, icon on system monitor status pill. [^2]: Content is expected to be different, but within the same layout. Some home page news images on staging do not load (because they hotlink to old TACC site).