patx/afterdarklabs

update hero for mobile viewing

Commit 7f27895 · patx · 2026-08-25T11:12:37-04:00

Changeset

7f2789588c4aa5578f2da60a52562015f205a685

Parents

51a0b3eec4d3c8ff202a23891bc74985f9247197

View source at this commit

Comments

No comments yet.

Log in to comment

Diff

diff --git a/docs/index.html b/docs/index.html
index 4b5954b..0d5cebe 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -228,6 +228,35 @@
             box-shadow: 0 0 0.5rem rgba(204,255,0,0.3);
         }
 
+        @media (max-width: 767px) {
+            #hero {
+                box-sizing: border-box;
+                min-height: 100svh;
+                align-items: flex-start;
+                padding-top: 5.75rem;
+                padding-bottom: calc(3.75rem + env(safe-area-inset-bottom));
+            }
+
+            .hero-content {
+                gap: 0;
+                padding-top: clamp(1.25rem, 4svh, 2rem);
+                padding-bottom: 1rem;
+            }
+
+            .hero-content h1 {
+                font-size: clamp(3.25rem, 17vw, 4.5rem);
+            }
+
+            .hero-ticker {
+                padding-bottom: env(safe-area-inset-bottom);
+            }
+
+            .hero-ticker-group {
+                padding-top: 0.95rem;
+                padding-bottom: 0.95rem;
+            }
+        }
+
         @keyframes hero-ticker-scroll {
             to { transform: translate3d(calc(0px - var(--ticker-distance, 50%)), 0, 0); }
         }