Update hero background.

broadinstitute · Oct 3, 2024 · 1339a07 · 1339a07
1 parent 57a9078
commit 1339a07
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -8,11 +8,24 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  background-image: url('/img/heroBackground.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+[data-theme='light'] .heroBanner {
+  color: white;
+}
+
+[data-theme='dark'] .heroBanner {
+  color: white;
 }
 
 @media screen and (max-width: 996px) {
   .heroBanner {
     padding: 2rem;
+    background-size: cover; /* this makes the background size responsive to the window size */
   }
 }
 

diff --git a/website/static/img/heroBackground.jpg b/website/static/img/heroBackground.jpg