From 3ffcc3fb466938aa5653a201f1067a28a9d8d896 Mon Sep 17 00:00:00 2001 From: lwjohnst86 Date: Wed, 16 Oct 2024 09:29:04 +0000 Subject: [PATCH 1/2] chore(sync): :hammer: created local '404.qmd' from remote '404.qmd' --- 404.qmd | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 404.qmd diff --git a/404.qmd b/404.qmd new file mode 100644 index 0000000..9a29f89 --- /dev/null +++ b/404.qmd @@ -0,0 +1,11 @@ +--- +title: "You’ve entered the garden of missing pages" +--- + +Let's get you back to greener grounds. + +👉 Go to [homepage](/index.qmd). + +![](/_extensions/seedcase-project/seedcase-theme/images/404.svg){fig-alt="An illustration of the number 404 surrounded by trees and mountains"} + +## Illustration by [Storyset](https://storyset.com/web) {.appendix} From dffebedb957d8f6371b1eacdc3691b3b6c9a5d58 Mon Sep 17 00:00:00 2001 From: lwjohnst86 Date: Wed, 16 Oct 2024 09:29:05 +0000 Subject: [PATCH 2/2] chore(sync): :hammer: synced local '_extensions/seedcase-project/seedcase-theme/' with remote '_extensions/seedcase-theme/' --- .../seedcase-theme/images/404.svg | 1 + .../seedcase-theme/landing-page-theme.css | 11 ----- .../seedcase-theme/theme.scss | 46 ++++++++++++++++--- 3 files changed, 41 insertions(+), 17 deletions(-) create mode 100644 _extensions/seedcase-project/seedcase-theme/images/404.svg delete mode 100644 _extensions/seedcase-project/seedcase-theme/landing-page-theme.css diff --git a/_extensions/seedcase-project/seedcase-theme/images/404.svg b/_extensions/seedcase-project/seedcase-theme/images/404.svg new file mode 100644 index 0000000..9e443b3 --- /dev/null +++ b/_extensions/seedcase-project/seedcase-theme/images/404.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_extensions/seedcase-project/seedcase-theme/landing-page-theme.css b/_extensions/seedcase-project/seedcase-theme/landing-page-theme.css deleted file mode 100644 index 35d55be..0000000 --- a/_extensions/seedcase-project/seedcase-theme/landing-page-theme.css +++ /dev/null @@ -1,11 +0,0 @@ -h2 { - border-bottom: none; -} - -@media(min-width: 1200px) { - .wider-grid { - width: calc(100% + 400px); - margin-left: -200px; - margin-right: -200px; - } -} diff --git a/_extensions/seedcase-project/seedcase-theme/theme.scss b/_extensions/seedcase-project/seedcase-theme/theme.scss index 09e977b..d07fbdc 100644 --- a/_extensions/seedcase-project/seedcase-theme/theme.scss +++ b/_extensions/seedcase-project/seedcase-theme/theme.scss @@ -57,13 +57,47 @@ figcaption { padding: 10px 0px 0px 0px !important; } -.full-width-banner { - /* negative margin trick from https://css-tricks.com/full-browser-width-bars/#aa-using-negative-margin */ - margin: 0 -9999rem; - /* add back negative margin value */ - padding: 0.25rem 9999rem; +.landing-page-block { + padding-top: 10px; + padding-bottom: 10px; + margin-left: 30px; + margin-right: 30px; +} + +@media(min-width: 900px) { + .landing-page-block { + margin-left: 50px; + margin-right: 50px; + } +} + +@media (min-width: 1200px) { + .landing-page-block { + max-width: 1100px; + margin-left: auto; + margin-right: auto; + } +} + +.hero-banner { + position: relative; background: rgba($secondary, 0.5); - padding-bottom: 30px; + display: flex; + justify-content: center; +} + +.hero-banner .landing-page-block { + display: flex; + flex-direction: row; +} + +.hero-text { + width: 90%; +} + +.hero-text>h2 { + margin-top: 0.5rem; + border-bottom: none; } .landing-page-card {