make jumbotron have transparent black box and remove margin from logo

jukent · Jun 6, 2024 · c06ada6 · c06ada6
1 parent d10deb0
commit c06ada6
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/css/custom.css b/css/custom.css
@@ -51,6 +51,10 @@ a.navbar-brand.nav-link.fw-bold.py-1.px-0.active {
   color: #413622 !important;
 }
 
+a.navbar-brand.nav-link.fw-bold.py-1.px-0.active {
+  margin-right: 0;
+}
+
 /*
  * Jumbotron
  */
@@ -62,6 +66,23 @@ a.navbar-brand.nav-link.fw-bold.py-1.px-0.active {
   color: #ffffff;
   padding-top: 10rem;
   padding-bottom: 18rem;
+  position: relative;
+}
+
+.jumbotron::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.jumbotron h1,
+.jumbotron p {
+  position: relative;
+  z-index: 10;
 }
 
 /*

diff --git a/schedule.html b/schedule.html
@@ -92,7 +92,7 @@ <h1 class="display-4">Let's Party!</h1>
           <div class="col-md-6">
             <h1 class="mt-3">Schedule</h1>
             <img
-              sizes="(max-width: 1000px) 350px, (max-width: 1200px) 450px, (max-width: 1400px) 550px, 630px"
+              sizes="(max-width: 500px) 200px, (max-width: 1000px) 350px, (max-width: 1200px) 450px, (max-width: 1400px) 550px, 630px"
               srcset="
                 images/ringhands_lv8fm3/ringhands_lv8fm3_c_scale,w_200.jpg 200w,
                 images/ringhands_lv8fm3/ringhands_lv8fm3_c_scale,w_497.jpg 497w,