patx/afterdarklabs

use absoulte base urls

Commit 13eb14f ยท patx ยท 2026-07-14T15:48:04-04:00

Changeset
13eb14f9142f141711c1303e41f1dc7b5656d35b
Parents
f8a9d3939480801b859240affef2167583f560af

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 a9b73ea..98737f7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="/favicon.png">
-    <link rel="apple-touch-icon" href="/favicon.png">
-    <link rel="manifest" href="/site.webmanifest">
+    <link rel="icon" type="image/svg+xml" href="https://afterdarklabs.io/favicon.png">
+    <link rel="apple-touch-icon" href="https://afterdarklabs.io/favicon.png">
+    <link rel="manifest" href="https://afterdarklabs.io/site.webmanifest">
     <title>Website Design and Development | After Dark Labs Florida</title>
     <meta name="description" content="Florida website design and development from After Dark Labs. Custom business websites, Shopify stores, apps, SEO, hosting, and integrations. Free demo in 24 hours.">
     <meta name="robots" content="index,follow">
@@ -24,7 +24,7 @@
     <meta name="twitter:description" content="Florida website design and development for custom websites, Shopify stores, apps, SEO, hosting, and integrations.">
     <meta name="twitter:image" content="https://afterdarklabs.io/twitter-card.png?v=2">
     <meta name="twitter:image:alt" content="After Dark Labs Florida website design and development">
-    <link rel="stylesheet" href="index.tailwind.css?v=2">
+    <link rel="stylesheet" href="https://afterdarklabs.io/index.tailwind.css?v=2">
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=Syne:wght@500;600;700;800&display=swap');
 
@@ -242,7 +242,7 @@
             </div>
 
             <div class="hidden items-center justify-between lg:flex">
-                <a href="index.html" class="flex items-center gap-3">
+                <a href="https://afterdarklabs.io/" class="flex items-center gap-3">
                     <div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-xl font-bold">๐ŸŒ‘</div>
                     <div>
                         <span class="logo-font block text-2xl font-semibold tracking-tighter">After Dark</span>
@@ -251,8 +251,8 @@
                 </a>
                 <div class="flex items-center gap-6">
                     <div class="flex items-center gap-7 text-sm font-medium">
-                        <a href="#work" class="transition-colors hover:text-[#ccff00]" data-nav-link>Portfolio</a>
-                        <a href="#services" class="transition-colors hover:text-[#ccff00]" data-nav-link>Services</a>
+                        <a href="https://afterdarklabs.io/#work" class="transition-colors hover:text-[#ccff00]" data-nav-link>Portfolio</a>
+                        <a href="https://afterdarklabs.io/#services" class="transition-colors hover:text-[#ccff00]" data-nav-link>Services</a>
                     </div>
                     <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-colors hover:bg-white">Get A Free Demo</a>
                 </div>
@@ -260,9 +260,9 @@
 
             <div id="mobile-nav-menu" class="hidden lg:hidden">
                 <div class="mt-4 grid gap-2 border-t border-white/10 pt-4 text-sm font-semibold">
-                    <a href="#hero" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Home</a>
-                    <a href="#work" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Portfolio</a>
-                    <a href="#services" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Services</a>
+                    <a href="https://afterdarklabs.io/#hero" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Home</a>
+                    <a href="https://afterdarklabs.io/#work" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Portfolio</a>
+                    <a href="https://afterdarklabs.io/#services" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Services</a>
                 </div>
             </div>
         </div>
@@ -361,7 +361,7 @@
 
     <footer class="border-t border-white/10 bg-black py-16">
         <div class="mx-auto max-w-7xl px-6 text-center">
-            <a href="index.html" class="mb-6 inline-flex items-center justify-center gap-3">
+            <a href="https://afterdarklabs.io/" class="mb-6 inline-flex items-center justify-center gap-3">
                 <div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-2xl">๐ŸŒ‘</div>
                 <span class="min-w-0 text-left">
                     <span class="logo-font block text-3xl font-semibold tracking-tighter">After Dark</span>
@@ -413,7 +413,7 @@
 
             function setActive(href) {
                 navLinks.forEach(link => {
-                    const isActive = link.getAttribute('href') === href;
+                    const isActive = new URL(link.href).hash === href;
                     link.classList.toggle(activeClasses[0], isActive);
                     link.classList.toggle(activeClasses[1], isActive);