migrate media to garage, update html references

2026-03-19 22:22:54 -04:00
parent 1ba1fcd463
commit a77da6f755
8 changed files with 1689 additions and 3 deletions
@@ -1,7 +1,86 @@
 <!DOCTYPE html>
-<html>
-<head><title>hcsuzuki.net</title></head>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HC Suzuki Violin Class</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            background-color: #2c1e30; /* Warmer purple-toned background */
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            overflow-x: hidden;
+        }
+        
+        .poster-container {
+            margin-top: 10px; /* Default top margin for desktop */
+            max-width: 800px; /* Updated from 500px to 800px */
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+        
+        .poster-image {
+            width: 100%;
+            height: auto;
+            display: block;
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+        }
+        
+        .signup-link {
+            margin-top: 15px;
+            margin-bottom: 20px;
+            text-align: center;
+        }
+        
+        .signup-link a {
+            color: white;
+            font-weight: bold;
+            font-size: 18px;
+            text-decoration: none;
+            padding: 8px 16px;
+            border-radius: 4px;
+            transition: all 0.3s ease;
+        }
+        
+        .signup-link a:hover {
+            background-color: rgba(255, 255, 255, 0.1);
+        }
+        
+        @media (max-width: 800px) { /* Updated breakpoint to match new width */
+            body {
+                display: block;
+            }
+            
+            .poster-container {
+                max-width: 100%;
+                margin-top: 0; /* Explicitly remove top margin for mobile */
+            }
+            
+            .poster-image {
+                box-shadow: none;
+            }
+            
+            .signup-link {
+                margin-top: 12px;
+                margin-bottom: 15px;
+            }
+        }
+    </style>
+</head>
 <body>
-  <h1>hcsuzuki.net</h1>
+    <div class="poster-container">
+        <img src="/media/poster.jpg" alt="Poster Image" class="poster-image">
+        <div class="signup-link">
+            <a href="https://forms.gle/GD8udtMcHGsY9mfe8">Click here to sign up!</a>
+        </div>
+        <div class="signup-link">
+            <a href="mailto:mschoi@hcsuzuki.net">mschoi@hcsuzuki.net</a>
+        </div>
+    </div>
 </body>
 </html>