-
+
-
-
- -
-

{{ .Page.Title}}

-
{{ .Page.Description}}
-
- +
+ +
+

{{ .Page.Title }}

+
{{ .Page.Description }}
+
+ +
+
diff --git a/static/images/lp-hero-image.svg b/static/images/lp-hero-image.svg new file mode 100644 index 00000000000..4a44a48821a --- /dev/null +++ b/static/images/lp-hero-image.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + From 687bf604400b1e6b5b0c9adc46ab37fd7776e49e Mon Sep 17 00:00:00 2001 From: Olufunke Moronfolu Date: Mon, 11 May 2026 15:24:00 +0200 Subject: [PATCH 2/3] style updates for hero section --- assets/scss/_front-page.scss | 12 ++++++++++-- layouts/landingpage/landingpage.html | 4 ++-- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/assets/scss/_front-page.scss b/assets/scss/_front-page.scss index 48e0f0abc08..36102de033d 100644 --- a/assets/scss/_front-page.scss +++ b/assets/scss/_front-page.scss @@ -39,12 +39,13 @@ div.lp-container { h1.page-title { font-weight: $font-weight-normal; font-size: 2rem; - margin-bottom: 0.75rem; + margin-bottom: 1rem; } -.lp-description { +h5.lp-description { font-size: 1rem; font-weight: 400; + line-height: 1.5; } .lp-container img { @@ -117,6 +118,13 @@ li.lp-panel-list { } +p.rn-date { + color: #FFFFFFD4; + font-size: 0.75rem; + font-weight: 400; + margin-bottom: 0rem; +} + // Mobile hamburger bar on landing page — matches hero background .lp-mobile-bar { background-color: #0A1324; diff --git a/layouts/landingpage/landingpage.html b/layouts/landingpage/landingpage.html index 9465a05f80b..62f4c7c6352 100644 --- a/layouts/landingpage/landingpage.html +++ b/layouts/landingpage/landingpage.html @@ -29,8 +29,8 @@
-

{{ .Page.Title }}

-
{{ .Page.Description }}
+

{{ .Page.Title }}

+
{{ .Page.Description }}
From 973c22fb7800e929b2ede7d9d003d62237ad5521 Mon Sep 17 00:00:00 2001 From: Olufunke Moronfolu Date: Fri, 15 May 2026 15:06:27 +0200 Subject: [PATCH 3/3] feat: hero section updates based on suggestions --- assets/scss/_front-page.scss | 11 +++++++---- layouts/landingpage/landingpage.html | 2 +- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/assets/scss/_front-page.scss b/assets/scss/_front-page.scss index 36102de033d..0bdf7cb71db 100644 --- a/assets/scss/_front-page.scss +++ b/assets/scss/_front-page.scss @@ -24,18 +24,21 @@ div.lp-container { min-height: 400px; margin-left: -2.5rem; margin-right: -2.5rem; - padding-left: 2.5rem; - padding-right: 2.5rem; padding: 2rem 2.5rem; - @media (max-width: 767px) { + @include media-breakpoint-down(md) { min-height: unset; } } .hero-text { - flex: 0 0 60%; + flex: 0 0 100%; + // Stretch out text once image disappears (smaller viewports) + @include media-breakpoint-up(lg) { + flex: 0 0 60%; + } } + h1.page-title { font-weight: $font-weight-normal; font-size: 2rem; diff --git a/layouts/landingpage/landingpage.html b/layouts/landingpage/landingpage.html index 62f4c7c6352..54e124e5b7a 100644 --- a/layouts/landingpage/landingpage.html +++ b/layouts/landingpage/landingpage.html @@ -33,7 +33,7 @@

{{ .Page.Title }}

{{ .Page.Description }}
-
+