patx/afterdarklabs

update hero to full name

Commit 7a32c61 · patx · 2026-09-04T00:32:29-04:00

Changeset

7a32c6183c53e74014b63d528dddca7ef320250c

Parents

ebe575f9252af4acd695bc05f21e3a47a5c817cd

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 41193e2..cc2b9ad 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -318,14 +318,21 @@
         }
 
         .hero-content h1 {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
             width: max-content;
             padding-right: 0.1em;
-            font-size: 53vw;
-            font-size: min(53vw, calc((100svh - var(--site-nav-height)) * 1.25));
+            font-size: 31vw;
+            font-size: min(31vw, calc((100svh - var(--site-nav-height)) * 0.4));
             line-height: 0.8;
             letter-spacing: -0.075em;
         }
 
+        .hero-word {
+            display: block;
+        }
+
         .hero-letter {
             display: inline-block;
             opacity: var(--hero-letter-opacity, 1);
@@ -866,7 +873,7 @@
 
             <div class="hero-content mx-auto grid w-full max-w-7xl justify-items-center gap-10 px-6 py-32 text-center">
                 <div>
-                    <h1 class="heading text-7xl font-bold leading-none tracking-tighter md:text-8xl lg:text-7xl xl:text-8xl" aria-label="ADL"><span class="hero-letter" aria-hidden="true">A</span><span class="hero-letter" aria-hidden="true">D</span><span class="hero-letter" aria-hidden="true">L</span></h1>
+                    <h1 class="heading text-7xl font-bold leading-none tracking-tighter md:text-8xl lg:text-7xl xl:text-8xl" aria-label="After Dark Labs - Custom websites and apps"><span class="hero-word hero-letter" aria-hidden="true">After</span><span class="hero-word hero-letter" aria-hidden="true">Dark</span><span class="hero-word hero-letter" aria-hidden="true">Labs</span></h1>
                 </div>
             </div>