patx/afterdarklabs
improve portfolio order and ticker order more
Commit b969798 · patx · 2026-08-25T20:52:11-04:00
Comments
No comments yet.
Diff
diff --git a/docs/index.html b/docs/index.html
index df5c49e..bcc22b9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -183,7 +183,7 @@
.hero-ticker-track {
display: flex;
width: max-content;
- animation: hero-ticker-scroll var(--ticker-duration, 35s) linear infinite;
+ animation: hero-ticker-scroll var(--ticker-duration, 20s) linear infinite;
will-change: transform;
}
@@ -482,10 +482,7 @@
<li class="hero-ticker-item">Custom Websites</li>
<li class="hero-ticker-item">Shopify Stores</li>
<li class="hero-ticker-item">Mobile Apps</li>
- <li class="hero-ticker-item">Subscription Platforms</li>
- <li class="hero-ticker-item">Customer Portals</li>
- <li class="hero-ticker-item">Internal Tools</li>
- <li class="hero-ticker-item">SaaS & APIs</li>
+ <li class="hero-ticker-item">Custom Software</li>
<li class="hero-ticker-item">Brand Identity</li>
<li class="hero-ticker-item">AI Integrations</li>
</ul>
@@ -493,10 +490,7 @@
<li class="hero-ticker-item">Custom Websites</li>
<li class="hero-ticker-item">Shopify Stores</li>
<li class="hero-ticker-item">Mobile Apps</li>
- <li class="hero-ticker-item">Subscription Platforms</li>
- <li class="hero-ticker-item">Customer Portals</li>
- <li class="hero-ticker-item">Internal Tools</li>
- <li class="hero-ticker-item">SaaS & APIs</li>
+ <li class="hero-ticker-item">Custom Software</li>
<li class="hero-ticker-item">Brand Identity</li>
<li class="hero-ticker-item">AI Integrations</li>
</ul>
@@ -510,35 +504,35 @@
<div class="work-stage-content">
<div id="work-scroller" class="no-scrollbar flex snap-x snap-mandatory gap-5 overflow-x-auto scroll-smooth pb-2">
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://voldservices.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Vold Services website">
- <img src="voldservices.webp" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Vold Services exterior cleaning website with a scroll-animated hero, designed by After Dark Labs">
+ <a href="https://vegy.app/" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Vegy website">
+ <img src="https://afterdarklabs.io/vegy.webp?v=1" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Vegy wholesale ordering platform project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Vold Services • Business Website • Scroll-animated hero</p>
+ <p class="text-sm font-medium text-[#ccff00]">Vegy • SaaS Platform • Wholesale ordering, AI and email integrations, real-time updates, and advanced analytics</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://frontlineboats.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Frontline Boat Services website">
- <img src="https://afterdarklabs.io/frontlineboats.webp?v=1" width="1200" height="700" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Frontline Boat Services marine services website project by After Dark Labs">
+ <a href="https://gardenfreshwholesale.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Garden Fresh Wholesale website">
+ <img src="https://afterdarklabs.io/gardenfresh.webp?v=2" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Garden Fresh Wholesale ecommerce web app project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Frontline Boat Services • Business Website • Marine services</p>
+ <p class="text-sm font-medium text-[#ccff00]">Garden Fresh Wholesale • Business Website • Local SEO strategy that increased customer acquisition by 50%</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://miadruck.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Mia Druck website">
- <img src="https://afterdarklabs.io/miadruck.webp?v=3" width="1200" height="681" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Mia Druck real estate website project by After Dark Labs">
+ <a href="https://invoiceotter.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Invoice Otter website">
+ <img src="https://afterdarklabs.io/invoiceotter.webp?v=1" width="1200" height="673" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Invoice Otter SaaS project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Mia Druck • Website • Real estate</p>
+ <p class="text-sm font-medium text-[#ccff00]">Invoice Otter • SaaS Platform • Subscriptions, integrated payments, a custom AI chatbot, and per-user customization</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://gardenfreshwholesale.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Garden Fresh Wholesale website">
- <img src="https://afterdarklabs.io/gardenfresh.webp?v=2" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Garden Fresh Wholesale ecommerce web app project by After Dark Labs">
+ <a href="https://miadruck.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Mia Druck website">
+ <img src="https://afterdarklabs.io/miadruck.webp?v=3" width="1200" height="681" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Mia Druck real estate website project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Garden Fresh Wholesale • Business Website • SEO</p>
+ <p class="text-sm font-medium text-[#ccff00]">Mia Druck • Real Estate Website • SEO and a custom API for current listings and sales</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
@@ -546,47 +540,39 @@
<img src="https://afterdarklabs.io/coralvibe.webp?v=1" width="1200" height="678" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Shopify store for Coral Vibe Florida project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Coral Vibe • Shopify • E-Commerce</p>
+ <p class="text-sm font-medium text-[#ccff00]">Coral Vibe • Shopify Store • Ecommerce, ongoing product management, and social media marketing</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://invoiceotter.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Invoice Otter website">
- <img src="https://afterdarklabs.io/invoiceotter.webp?v=1" width="1200" height="673" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Invoice Otter SaaS project by After Dark Labs">
- </a>
- <div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Invoice Otter • SaaS • Subscriptions</p>
- </div>
- </article>
- <article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://vegy.app/" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Vegy website">
- <img src="https://afterdarklabs.io/vegy.webp?v=1" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Vegy wholesale ordering platform project by After Dark Labs">
+ <a href="https://prima.vegy.app/" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Prima Produce website">
+ <img src="https://afterdarklabs.io/prima.webp?v=1" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Prima Produce business website project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Vegy • SaaS • Wholesale ordering</p>
+ <p class="text-sm font-medium text-[#ccff00]">Prima Produce • Business Website • End-to-end web design, SEO, and brand identity</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://prima.vegy.app/" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Prima Produce website">
- <img src="https://afterdarklabs.io/prima.webp?v=1" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Prima Produce business website project by After Dark Labs">
+ <a href="https://frontlineboats.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Frontline Boat Services website">
+ <img src="https://afterdarklabs.io/frontlineboats.webp?v=1" width="1200" height="700" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Frontline Boat Services marine services website project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">Prima Produce • Business Website • Produce logistics</p>
+ <p class="text-sm font-medium text-[#ccff00]">Frontline Boat Services • Business Website • Local SEO, payment links, and an owner-managed photo gallery</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://954boatlifts.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit 954 Boat Lifts website">
- <img src="https://afterdarklabs.io/954boatlifts.webp?v=1" width="1200" height="696" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="954 Boat Lifts marine services website project by After Dark Labs">
+ <a href="https://voldservices.com" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit Vold Services website">
+ <img src="voldservices.webp" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="Vold Services exterior cleaning website with a scroll-animated hero, designed by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">954 Boat Lifts • Business Website • Marine services</p>
+ <p class="text-sm font-medium text-[#ccff00]">Vold Services • Business Website • Scroll-animated hero and an owner-managed photo gallery</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://makeitpdf.org/" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit MakeItPDF website">
- <img src="https://afterdarklabs.io/makeitpdf.webp?v=2" width="1200" height="694" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="MakeItPDF image-to-PDF web app project by After Dark Labs">
+ <a href="https://gitman.io" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit GitMan.io website">
+ <img src="gitman.webp" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="GitMan.io open-source Git repository hosting platform by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">MakeItPDF • Web App • Privacy First</p>
+ <p class="text-sm font-medium text-[#ccff00]">GitMan.io • Web App • Free, developer-first Git hosting with an old-school minimalist interface</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
@@ -594,15 +580,15 @@
<img src="micropie.webp" width="1200" height="694" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="MicroPie ultra-micro ASGI framework project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">MicroPie • Open Source • Python framework</p>
+ <p class="text-sm font-medium text-[#ccff00]">MicroPie • Python Framework • A lightweight, open-source ASGI framework for Python</p>
</div>
</article>
<article class="w-[82vw] shrink-0 snap-start overflow-hidden rounded-3xl bg-zinc-950 sm:w-[28rem] md:w-[38rem]">
- <a href="https://gitman.io" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit GitMan.io website">
- <img src="gitman.webp" width="1200" height="702" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="GitMan.io open-source Git repository hosting platform by After Dark Labs">
+ <a href="https://makeitpdf.org/" target="_blank" rel="noopener noreferrer" class="block w-full overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" aria-label="Visit MakeItPDF website">
+ <img src="https://afterdarklabs.io/makeitpdf.webp?v=2" width="1200" height="694" loading="lazy" decoding="async" class="aspect-video w-full object-cover" alt="MakeItPDF image-to-PDF web app project by After Dark Labs">
</a>
<div class="p-6">
- <p class="text-sm font-medium text-[#ccff00]">GitMan.io • Developer Platform • Git hosting</p>
+ <p class="text-sm font-medium text-[#ccff00]">MakeItPDF • Web App • A privacy-first, open-source tool for creating PDFs</p>
</div>
</article>
</div>