Messing with the landing page header

resbazaz · Feb 23, 2024 · 1a5b97b · 1a5b97b
1 parent 90940a8
commit 1a5b97b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 18 deletions.
diff --git a/index.qmd b/index.qmd
@@ -1,9 +1,12 @@
 ---
-title: "Research Bazaar–Arizona"
+title: "Research Bazaar Arizona"
+subtitle: "Community · Skills Sharing · Digital Literacy"
 page-layout: full
 css: styles/index.css
 execute:
   echo: false
+title-block-banner: 'images/mainPageBackground.jpg'
+title-block-banner-color: white
 ---
 
 ```{ojs}

diff --git a/styles/index.css b/styles/index.css
@@ -1,21 +1,15 @@
-.hero-wrapper {
-  position: relative;
-  padding-bottom: 4em;
+.quarto-title-banner {
+  height: 50vw;
+  text-align: center;
 }
-
-.hero-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow: hidden;
-  background-image: linear-gradient(#1b3442b6, #00000000),
-    url('/static/img/mainPageBackground.jpg');
-  background-position: center center;
-  background-repeat: none;
-  background-size: cover;
-  z-index: -1;
+.quarto-title {
+  margin: auto;
+}
+.quarto-title .title {
+  font-size: calc(3rem + 1vw);
+}
+.quarto-title .subtitle {
+  font-weight: 400;
 }
 
 .split-section {