patx/afterdarklabs
update logo
Commit bc049f4 · patx · 2026-07-16T17:18:58-04:00
Comments
No comments yet.
Diff
diff --git a/docs/index.html b/docs/index.html
index 98737f7..bc0fc37 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,8 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <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="icon" href="https://afterdarklabs.io/logo_assets/favicon.ico">
+ <link rel="icon" type="image/svg+xml" href="https://afterdarklabs.io/logo_assets/badge.svg">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://afterdarklabs.io/logo_assets/favicon-32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://afterdarklabs.io/logo_assets/favicon-16.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://afterdarklabs.io/logo_assets/apple-touch-icon.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.">
@@ -181,7 +184,7 @@
"@id": "https://afterdarklabs.io/#organization",
"name": "After Dark Labs",
"url": "https://afterdarklabs.io/",
- "logo": "https://afterdarklabs.io/logo.png",
+ "logo": "https://afterdarklabs.io/logo_assets/icon-512.png",
"founder": {
"@type": "Person",
"name": "Harrison Erd",
@@ -232,7 +235,9 @@
<div class="mx-auto max-w-7xl px-4 py-4 sm:px-6 lg:py-5">
<div class="flex items-center justify-between gap-3 lg:hidden">
<button type="button" id="mobile-nav-toggle" class="flex min-w-0 items-center gap-2 rounded-2xl p-1.5 pr-3 text-left text-white transition-colors hover:bg-white/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00]" aria-controls="mobile-nav-menu" aria-expanded="false" aria-label="Open navigation menu">
- <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-lg font-bold">🌑</span>
+ <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black">
+ <img src="https://afterdarklabs.io/logo_assets/mark.svg" width="20" height="20" alt="" aria-hidden="true">
+ </span>
<span class="min-w-0">
<span class="logo-font block truncate text-xl font-semibold tracking-tighter">After Dark</span>
<span class="logo-font -mt-1 block text-xs tracking-[3px] text-[#ccff00]">LABS</span>
@@ -243,7 +248,9 @@
<div class="hidden items-center justify-between lg:flex">
<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 class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black">
+ <img src="https://afterdarklabs.io/logo_assets/mark.svg" width="20" height="20" alt="" aria-hidden="true">
+ </div>
<div>
<span class="logo-font block text-2xl font-semibold tracking-tighter">After Dark</span>
<span class="logo-font -mt-1 block text-sm tracking-[3px] text-[#ccff00]">LABS</span>
@@ -362,7 +369,9 @@
<footer class="border-t border-white/10 bg-black py-16">
<div class="mx-auto max-w-7xl px-6 text-center">
<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>
+ <div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black">
+ <img src="https://afterdarklabs.io/logo_assets/mark.svg" width="20" height="20" alt="" aria-hidden="true">
+ </div>
<span class="min-w-0 text-left">
<span class="logo-font block text-3xl font-semibold tracking-tighter">After Dark</span>
<span class="logo-font -mt-1 block text-sm tracking-[3px] text-[#ccff00]">LABS</span>
diff --git a/docs/logo_assets/UPDATE-YOUR-SITE.html b/docs/logo_assets/UPDATE-YOUR-SITE.html
new file mode 100644
index 0000000..0cefd76
--- /dev/null
+++ b/docs/logo_assets/UPDATE-YOUR-SITE.html
@@ -0,0 +1,69 @@
+<!--
+ AFTER DARK LABS — ORBIT LOGO INTEGRATION
+ Three copy-paste edits to index.html. Your Tailwind classes are unchanged;
+ only the emoji and favicon links are replaced.
+-->
+
+
+<!-- ============================================================
+ EDIT 1 of 3 — <head>: replace your two favicon <link> tags
+ (the ones pointing at favicon.png) with this block.
+ Upload favicon.svg, favicon.ico, favicon-32.png, and
+ apple-touch-icon.png to your site root first.
+============================================================ -->
+<link rel="icon" href="https://afterdarklabs.io/favicon.ico" sizes="48x48">
+<link rel="icon" type="image/svg+xml" href="https://afterdarklabs.io/favicon.svg">
+<link rel="icon" type="image/png" sizes="32x32" href="https://afterdarklabs.io/favicon-32.png">
+<link rel="apple-touch-icon" href="https://afterdarklabs.io/apple-touch-icon.png">
+<!-- Note: rename badge.svg to favicon.svg when uploading, or update the href. -->
+
+
+<!-- ============================================================
+ EDIT 2 of 3 — NAV: the orbit mark replaces the 🌑 emoji inside
+ your existing bordered tile. Two spots in the nav.
+============================================================ -->
+
+<!-- 2a. MOBILE nav — replace this line:
+<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-lg font-bold">🌑</span>
+with: -->
+<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black">
+ <svg width="20" height="20" viewBox="0 0 64 64" fill="none" aria-hidden="true">
+ <circle cx="32" cy="32" r="19" stroke="#ccff00" stroke-width="3.2" stroke-dasharray="0.5 8" stroke-linecap="round" opacity="0.75"/>
+ <circle cx="45.4" cy="18.6" r="6.5" fill="#ccff00"/>
+ </svg>
+</span>
+
+<!-- 2b. DESKTOP nav — replace this line:
+<div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-xl font-bold">🌑</div>
+with: -->
+<div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black">
+ <svg width="20" height="20" viewBox="0 0 64 64" fill="none" aria-hidden="true">
+ <circle cx="32" cy="32" r="19" stroke="#ccff00" stroke-width="3.2" stroke-dasharray="0.5 8" stroke-linecap="round" opacity="0.75"/>
+ <circle cx="45.4" cy="18.6" r="6.5" fill="#ccff00"/>
+ </svg>
+</div>
+
+
+<!-- ============================================================
+ EDIT 3 of 3 — FOOTER: replace this line:
+<div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-2xl">🌑</div>
+ with: -->
+<div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black">
+ <svg width="20" height="20" viewBox="0 0 64 64" fill="none" aria-hidden="true">
+ <circle cx="32" cy="32" r="19" stroke="#ccff00" stroke-width="3.2" stroke-dasharray="0.5 8" stroke-linecap="round" opacity="0.75"/>
+ <circle cx="45.4" cy="18.6" r="6.5" fill="#ccff00"/>
+ </svg>
+</div>
+
+
+<!-- ============================================================
+ OPTIONAL — living-brand version. Add this once anywhere in your
+ <style> block, then add class="adl-fly" to any of the small
+ glow-dot <circle> elements above (the ones with fill="#ccff00").
+ The firefly gently pulses, matching your neon flicker vibe.
+============================================================ -->
+<style>
+@keyframes adl-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
+.adl-fly { animation: adl-pulse 3.2s ease-in-out infinite; }
+@media (prefers-reduced-motion: reduce) { .adl-fly { animation: none; } }
+</style>
diff --git a/docs/logo_assets/apple-touch-icon.png b/docs/logo_assets/apple-touch-icon.png
new file mode 100644
index 0000000..211969c
Binary files /dev/null and b/docs/logo_assets/apple-touch-icon.png differ
diff --git a/docs/logo_assets/badge.svg b/docs/logo_assets/badge.svg
new file mode 100644
index 0000000..80d6d9a
--- /dev/null
+++ b/docs/logo_assets/badge.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="After Dark Labs badge icon">
+ <rect x="1.5" y="1.5" width="61" height="61" rx="15" fill="#0e151d" stroke="#ccff00" stroke-width="3"/>
+ <circle cx="32" cy="32" r="15" stroke="#ccff00" stroke-width="3" stroke-dasharray="0.5 8" stroke-linecap="round" opacity="0.75"/>
+ <circle cx="42.6" cy="21.4" r="5.5" fill="#ccff00"/>
+</svg>
diff --git a/docs/logo_assets/favicon-16.png b/docs/logo_assets/favicon-16.png
new file mode 100644
index 0000000..c9786a6
Binary files /dev/null and b/docs/logo_assets/favicon-16.png differ
diff --git a/docs/logo_assets/favicon-32.png b/docs/logo_assets/favicon-32.png
new file mode 100644
index 0000000..e5df4c5
Binary files /dev/null and b/docs/logo_assets/favicon-32.png differ
diff --git a/docs/logo_assets/favicon.ico b/docs/logo_assets/favicon.ico
new file mode 100644
index 0000000..48c6fba
Binary files /dev/null and b/docs/logo_assets/favicon.ico differ
diff --git a/docs/logo_assets/icon-512.png b/docs/logo_assets/icon-512.png
new file mode 100644
index 0000000..e14c100
Binary files /dev/null and b/docs/logo_assets/icon-512.png differ
diff --git a/docs/logo_assets/lockup.svg b/docs/logo_assets/lockup.svg
new file mode 100644
index 0000000..091deb6
--- /dev/null
+++ b/docs/logo_assets/lockup.svg
@@ -0,0 +1,7 @@
+<svg width="360" height="96" viewBox="0 0 240 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="After Dark Labs logo lockup">
+ <style>@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600&display=swap');</style>
+ <circle cx="32" cy="32" r="19" stroke="#ccff00" stroke-width="2.4" stroke-dasharray="0.5 7" stroke-linecap="round" opacity="0.7"/>
+ <circle cx="45.4" cy="18.6" r="6" fill="#ccff00"/>
+ <text x="64" y="34" font-family="Syne, Verdana, sans-serif" font-weight="600" font-size="24" letter-spacing="-0.5" fill="#ffffff">After Dark</text>
+ <text x="65" y="50" font-family="Syne, Verdana, sans-serif" font-weight="600" font-size="10" letter-spacing="4" fill="#ccff00">LABS</text>
+</svg>
diff --git a/docs/logo_assets/mark-animated.svg b/docs/logo_assets/mark-animated.svg
new file mode 100644
index 0000000..794ab73
--- /dev/null
+++ b/docs/logo_assets/mark-animated.svg
@@ -0,0 +1,11 @@
+<svg width="256" height="256" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="After Dark Labs orbit mark, animated">
+ <style>
+ @keyframes adl-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.55; } }
+ @keyframes adl-drift { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+ .adl-orbit { transform-origin: 32px 32px; animation: adl-drift 40s linear infinite; }
+ .adl-fly { animation: adl-pulse 3.2s ease-in-out infinite; }
+ @media (prefers-reduced-motion: reduce) { .adl-orbit, .adl-fly { animation: none; } }
+ </style>
+ <circle cx="32" cy="32" r="19" stroke="#ccff00" stroke-width="2.4" stroke-dasharray="0.5 7" stroke-linecap="round" opacity="0.7"/>
+ <g class="adl-orbit"><circle class="adl-fly" cx="45.4" cy="18.6" r="6" fill="#ccff00"/></g>
+</svg>
diff --git a/docs/logo_assets/mark-navy.svg b/docs/logo_assets/mark-navy.svg
new file mode 100644
index 0000000..cbeaba7
--- /dev/null
+++ b/docs/logo_assets/mark-navy.svg
@@ -0,0 +1,4 @@
+<svg width="256" height="256" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="After Dark Labs orbit mark, navy version for light backgrounds">
+ <circle cx="32" cy="32" r="19" stroke="#17212b" stroke-width="2.4" stroke-dasharray="0.5 7" stroke-linecap="round" opacity="0.8"/>
+ <circle cx="45.4" cy="18.6" r="6" fill="#17212b"/>
+</svg>
diff --git a/docs/logo_assets/mark.svg b/docs/logo_assets/mark.svg
new file mode 100644
index 0000000..35eb3ce
--- /dev/null
+++ b/docs/logo_assets/mark.svg
@@ -0,0 +1,4 @@
+<svg width="256" height="256" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="After Dark Labs orbit mark">
+ <circle cx="32" cy="32" r="19" stroke="#ccff00" stroke-width="2.4" stroke-dasharray="0.5 7" stroke-linecap="round" opacity="0.7"/>
+ <circle cx="45.4" cy="18.6" r="6" fill="#ccff00"/>
+</svg>