Experimental new hero

makigas · Sep 18, 2024 · b1029fc · b1029fc
1 parent 6fbcaba
commit b1029fc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/app/javascript/six/assets/computer.jpg b/app/javascript/six/assets/computer.jpg
diff --git a/app/javascript/six/front/hero.scss b/app/javascript/six/front/hero.scss
@@ -1,12 +1,18 @@
 .fronthero {
-  background-image: url("assets/hero.png");
-  background-color: var(--makigas-brand-darker);
-  background-repeat: repeat;
+  background-image: url("assets/computer.jpg");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
   color: white;
   padding-top: 6rem;
   padding-bottom: 4rem;
   text-align: center;
 
+  @include desktop-layout {
+    padding-top: 10rem;
+    padding-bottom: 8rem;
+  }
+
   &__title {
     font-family: var(--font-title);
     font-size: 1.5rem;

diff --git a/esbuild.mjs b/esbuild.mjs
@@ -12,6 +12,7 @@ const options = {
   target: ["es2020"],
   platform: "browser",
   loader: {
+    ".jpg": "file",
     ".png": "file",
     ".svg": "file",
     ".woff": "file",