debugging rsvp-submit.php

layouts/_default/wedding.html

@@ -17,10 +17,15 @@ body {
     padding: 2rem;
     font-family: system-ui, sans-serif;
     line-height: 1.6;
+    color: #222;
 }
   .hero {
     text-align: center;
     margin-bottom: 3rem;
+    background-color: rgba(255, 255, 255, 0.65);
+    padding: 1.5rem;
+    border-radius: 12px;
+    backdrop-filter: blur(4px);
   }
 
   .hero img {
@@ -29,17 +34,21 @@ body {
   }
 
   .hero h1 {
-    font-size: 2.5rem;
-    margin-bottom: 0.5rem;
+    font-size: 3.5rem;
+    margin-bottom: 0.7rem;
   }
 
   .hero .date {
-    font-size: 1.2rem;
+    font-size: 2rem;
     color: #666;
   }
 
   .section {
     margin-bottom: 2.5rem;
+    background-color: rgba(255, 255, 255, 0.65);
+    padding: 1.5rem;
+    border-radius: 12px;
+    backdrop-filter: blur(4px);
   }
 
   .section h2 {
@@ -66,6 +75,10 @@ body {
   }
 
   .countdown {
+    background-color: rgba(255, 255, 255, 0.65);
+    padding: 1.5rem;
+    border-radius: 12px;
+    backdrop-filter: blur(4px);
     text-align: center; margin-bottom: 2rem;
     font-size: 5rem;
   }
@@ -99,11 +112,11 @@ body {
 
   <!-- Hero -->
   <div class="hero">
-    <img src="/images/hochzeit-header.jpg" alt="Wedding Header Image">
     <h1>{{ .Title }}</h1>
     <div class="date">
 	    {{ .Params.event.date | time | time.Format ":date_long" }}
     </div>
+    <img src="/images/hochzeit-header.jpg" alt="Wedding Header Image">
   </div>
 
   <!-- Intro -->