diff --git a/frontera-cms/secrets.py b/frontera-cms/secrets.py index 4b2ff14b..a945d9c0 100644 --- a/frontera-cms/secrets.py +++ b/frontera-cms/secrets.py @@ -16,6 +16,9 @@ _CMS_TEMPLATES = ( ('frontera-cms/templates/fullwidth.html', 'Fullwidth'), ('fullwidth.html', 'DEPRECATED Fullwidth'), + + ('frontera-cms/templates/home.html', 'Homepage'), + ('guide.html', 'Guide'), ('guides/getting_started.html', 'Guide: Getting Started'), ('guides/data_transfer.html', 'Guide: Data Transfer'), diff --git a/frontera-cms/snippets/system-monitor.html b/frontera-cms/snippets/system-monitor.html index fe453686..7831b4b0 100644 --- a/frontera-cms/snippets/system-monitor.html +++ b/frontera-cms/snippets/system-monitor.html @@ -1,15 +1,7 @@ - +

diff --git a/frontera-cms/static/frontera-cms/css/src/_imports/settings/color.css b/frontera-cms/static/frontera-cms/css/src/_imports/settings/color.css new file mode 100644 index 00000000..46133e24 --- /dev/null +++ b/frontera-cms/static/frontera-cms/css/src/_imports/settings/color.css @@ -0,0 +1,6 @@ +/* SETTINGS: Color */ + +:root { + /* Distinct Hues */ + --global-color-accent--normal: #877453; +} diff --git a/frontera-cms/static/frontera-cms/css/src/_imports/trumps/s-home.css b/frontera-cms/static/frontera-cms/css/src/_imports/trumps/s-home.css new file mode 100644 index 00000000..89c0373d --- /dev/null +++ b/frontera-cms/static/frontera-cms/css/src/_imports/trumps/s-home.css @@ -0,0 +1,112 @@ +/* TACC TRUMPS: Home (Page) */ +@import url("../../../../../../../../taccsite_cms/static/site_shared/css/src/_imports/tools/x-center.css"); +@import url("../../../../../../../../taccsite_cms/static/site_shared/css/src/_imports/tools/media-queries.css"); + + + +/* Banner */ +/* Introduction */ + +.s-home__banner, +.s-home__intro { + --banner-margin-horz: 25px; +} + + + +/* Banner */ + +.s-home__banner { + position: relative; /* for `position: absolute` children */ +} +@media (--medium-and-below) { + .s-home__banner { height: auto; } +} +@media (--medium-and-above) { + .s-home__banner { height: 40.5rem; } +} + +.s-home__banner .o-section__banner-overlay { + font-size: 2.4rem; + font-weight: var(--bold); + + padding: 1em 3.0rem; /* GH-99: Use standard spacing value */ + margin: 0 var(--banner-margin-horz); + + @extend .x-center--vert-inline-multiline--flex; +} +.s-home__banner .o-section__banner-overlay p { + @extend .x-truncate--many-lines; + --lines: 11 !important; /* WARNING: Fixing unclear specificity issue */ +} +@media (--wide-and-above) { + .s-home__banner .o-section__banner-image { + /* The offset is to align image at 1200px to position in design */ + top: calc(50% - 6%); /* overwrite `.o-section__banner-image` */ + } +} + + + +/* Introduction */ + +.s-home__intro p { + font-size: 1.8rem; + font-weight: var(--bold); +} +@media (--wide-and-above) { + .s-home__intro p { + /* Forces width to match design */ + padding-right: 3.0rem; /* GH-99: Use standard spacing value */ + } +} + +.s-home__intro .s-sysmon { + align-self: center; + + display: flex; + align-items: center; + justify-items: center; + + overflow-x: auto; +} +@media (--narrow-and-below) { + .s-home__intro .s-sysmon { + padding-top: 0.5rem; /* GH-99: Use standard spacing value */ + padding-bottom: 0.5rem; /* GH-99: Use standard spacing value */ + } +} +@media (--narrow-and-above) { + .s-home__intro div { + /* Forces smaller width, like design */ + /* Uses consistent space, unlike design */ + padding: 1.0rem; /* GH-99: Use standard spacing value */ + + margin: 0 var(--banner-margin-horz); + } +} + + + +/* News */ + +.s-home__news { + padding-top: 2.0rem; + padding-bottom: 2.5rem; +} +.s-home__news article { + margin-bottom: 3.0rem; +} + + + +/* Other */ + +.s-home__other [class*="s-article-list--"] { + min-height: 45.0rem; +} + +/* To make user guides links take entire row when layout is 50/50 */ +@media (--narrow-to-medium), (--x-narrow-to-narrow) { + .s-home__other > :first-child { grid-column: 1 / -1; } +} diff --git a/frontera-cms/static/frontera-cms/css/src/site.css b/frontera-cms/static/frontera-cms/css/src/site.css index 01a6deb7..e470d1ce 100644 --- a/frontera-cms/static/frontera-cms/css/src/site.css +++ b/frontera-cms/static/frontera-cms/css/src/site.css @@ -4,7 +4,7 @@ /* SEE: https://confluence.tacc.utexas.edu/x/IAA9Cw */ /* SETTINGS */ -/* … */ +@import url("_imports/settings/color.css"); /* GENERICS */ /* … */ diff --git a/frontera-cms/static/frontera-cms/css/src/template.home.css b/frontera-cms/static/frontera-cms/css/src/template.home.css new file mode 100644 index 00000000..b138f33c --- /dev/null +++ b/frontera-cms/static/frontera-cms/css/src/template.home.css @@ -0,0 +1,12 @@ +/* DO NOT ADD STYLES HERE; ONLY IMPORT OTHER STYLESHEETS */ + + +/* NOTE: This file exists so that the Portal and User Guide can load isolated header styles */ + +/* Organize via ITCSS */ +/* SEE: https://confluence.tacc.utexas.edu/x/IAA9Cw */ + +/* TRUMPS */ +@import url("_imports/trumps/s-home.css"); +@import url("../../../../../../taccsite_cms/static/site_cms/css/src/_imports/trumps/s-article-list.css"); +@import url("../../../../../../taccsite_cms/static/site_cms/css/src/_imports/trumps/s-article-preview.css"); diff --git a/frontera-cms/static/frontera-cms/fonts/archive/BentonSans-Regular.otf b/frontera-cms/static/frontera-cms/fonts/archive/BentonSans-Regular.otf new file mode 100644 index 00000000..68c33948 Binary files /dev/null and b/frontera-cms/static/frontera-cms/fonts/archive/BentonSans-Regular.otf differ diff --git a/frontera-cms/templates/home.html b/frontera-cms/templates/home.html new file mode 100644 index 00000000..a548bf3b --- /dev/null +++ b/frontera-cms/templates/home.html @@ -0,0 +1,24 @@ +{% extends "./fullwidth.html" %} +{% load cms_tags staticfiles %} + +{% block assets_custom %} + + + + + +{% endblock assets_custom %} + +{# FAQ: Common practice but unused, and template is unnecessary long-term #} +{# {% block page_type_class %}s-home{% endblock page_type_class %} #}