From 1cf61e3a51979e017b810bb837ef5f218a2f6cc2 Mon Sep 17 00:00:00 2001
From: shockrah <dev@shockrah.xyz>
Date: Thu, 21 Sep 2023 20:54:19 -0700
Subject: [PATCH] Simplifying things

---
 main-site/themes/temper/layouts/index.html         |  4 +---
 .../temper/layouts/partials/main-buttons.html      |  2 +-
 main-site/themes/temper/static/css/style.css       | 14 +++-----------
 3 files changed, 5 insertions(+), 15 deletions(-)
diff --git a/main-site/themes/temper/layouts/index.html b/main-site/themes/temper/layouts/index.html
index 21fcec5..396e839 100644
--- a/main-site/themes/temper/layouts/index.html
+++ b/main-site/themes/temper/layouts/index.html
@@ -3,9 +3,7 @@
 {{ partial "head.html" . }}
 <body>
 <div class="banner-container">
-  <div class="fade-in-image">
-    <img class="bg-img" src="/img/bg.png">
-  </div>
+  <img class="bg-img fade-in-image" src="/img/bg.png">
 	<div class="headline">
 		<h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
 		<p class="one-liner reveal-text">{{.Site.Params.Description}}</p>
diff --git a/main-site/themes/temper/layouts/partials/main-buttons.html b/main-site/themes/temper/layouts/partials/main-buttons.html
index 7c69f19..594a04d 100644
--- a/main-site/themes/temper/layouts/partials/main-buttons.html
+++ b/main-site/themes/temper/layouts/partials/main-buttons.html
@@ -1,5 +1,5 @@
 {{ range .Site.Params.Launchpad }}
-  <button type="button" class="launchpad-button btn btn-light">
+  <button type="button" class="fade-in-image launchpad-button btn btn-light">
       <h5 class="card-title">{{ .uri }}</h5>
       <p class="card-text">{{ .description }}</p>
   </button>
diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css
index 6daa507..bbe8b02 100644
--- a/main-site/themes/temper/static/css/style.css
+++ b/main-site/themes/temper/static/css/style.css
@@ -14,16 +14,15 @@ html {
 .banner-container {
   position: relative;
   text-align: center;
-  max-width: 100%;
 }
 
 .bg-img {
-  background-image: url("/img/bg.png");
   height: 100%;
 
-  background-position: center;
+  background-image: url("/img/bg.png");
+  background-position: center center;
   background-repeat: no-repeat;
-  background-size: cover;
+  background-size: 100% 100%;
 }
 
 .fade-in-image {
@@ -58,13 +57,6 @@ html {
   100% {opacity:1;}
 }
 
-.fluid {
-	width: 100%;
-	max-height: 100vh;
-	object-fit: cover;
-	opacity: 0.6;
-}
-
 .headline {
     position: absolute;
     top: 10%;
