feat/docs: marquee

Author: polarhive

go.mod

@@ -4,6 +4,7 @@ go 1.25.3
 
 require (
 	github.com/mangoumbrella/goldmark-figure v1.4.0
+	github.com/mattn/go-isatty v0.0.20
 	github.com/rs/zerolog v1.34.0
 	github.com/spf13/cobra v1.10.2
 	github.com/yuin/goldmark v1.7.16
@@ -16,7 +17,6 @@ require (
 	github.com/inconshreveable/mousetrap v1.1.0 // indirect
 	github.com/kr/pretty v0.3.1 // indirect
 	github.com/mattn/go-colorable v0.1.14 // indirect
-	github.com/mattn/go-isatty v0.0.20 // indirect
 	github.com/rogpeppe/go-internal v1.14.1 // indirect
 	github.com/spf13/pflag v1.0.10 // indirect
 	golang.org/x/sys v0.40.0 // indirect

site/content/developer-guide.md

@@ -1,15 +1,13 @@
 ---
 date: 2024-04-28
 title: Developer Guide
-toc: true
+toc: false
 collections:
   - anna
   - guide
 layout: page_2
 ---
 
-# Developer Guide
-
 This document explains the repository layout, development commands and how to contribute.
 
 ## Repository layout (high level)

site/content/index.md

@@ -14,10 +14,12 @@ Anna is a lightning fast static site generator written in Go, designed for simpl
 
 <script>
 const urls = [
+  "https://adihegde.com",
   "https://hsp-ec.xyz",
   "https://anirudhsudhir.com",
-  "https://adihegde.com",
-  "https://polarhive.net"
+  "https://adhesh.netlify.app",
+  "https://polarhive.net",
+  "https://sameermanvi.me"
 ];
 
 const gallery = document.getElementById('embed-gallery');
@@ -40,6 +42,99 @@ urls.forEach((url, index) => {
   item.appendChild(frame);
   gallery.appendChild(item);
 });
+
+// wrap the gallery in a scrollable marquee container if not already wrapped
+if (!gallery.parentElement.classList.contains('marquee')) {
+  const marquee = document.createElement('div');
+  marquee.className = 'marquee';
+  gallery.parentNode.replaceChild(marquee, gallery);
+  marquee.appendChild(gallery);
+  gallery.classList.add('marquee-track');
+}
+
+// setup auto-scroll + drag timeline
+function setupMarquee() {
+  const container = gallery.parentElement; // .marquee
+  const track = gallery; // .marquee-track
+  const initial = Array.from(track.children);
+  if (!initial.length) return;
+
+  // duplicate items until track width >= 2x container width
+  let totalWidth = initial.reduce((sum, el) => sum + el.getBoundingClientRect().width + parseFloat(getComputedStyle(track).gap || 0), 0);
+  let i = 0;
+  while (totalWidth < container.getBoundingClientRect().width * 2) {
+    const clone = initial[i % initial.length].cloneNode(true);
+    track.appendChild(clone);
+    totalWidth += clone.getBoundingClientRect().width + parseFloat(getComputedStyle(track).gap || 0);
+    i++;
+    if (i > 60) break;
+  }
+
+  const trackWidth = Array.from(track.children).reduce((w, node) => w + node.getBoundingClientRect().width + parseFloat(getComputedStyle(track).gap || 0), 0);
+  const half = trackWidth / 2;
+
+  // auto-scroll state
+  let last = null;
+  const speed = 12; // px/s
+  let isPointerDown = false;
+  let isHover = false;
+  let isFocused = false;
+
+  let startX = 0;
+  let startScroll = 0;
+
+  container.addEventListener('pointerdown', (e) => {
+    isPointerDown = true;
+    container.setPointerCapture?.(e.pointerId);
+    startX = e.clientX;
+    startScroll = container.scrollLeft;
+  });
+
+  container.addEventListener('pointermove', (e) => {
+    if (!isPointerDown) return;
+    const dx = e.clientX - startX;
+    container.scrollLeft = startScroll - dx;
+    if (container.scrollLeft >= half) container.scrollLeft -= half;
+    if (container.scrollLeft < 0) container.scrollLeft += half;
+  });
+
+  container.addEventListener('pointerup', (e) => {
+    isPointerDown = false;
+    try { container.releasePointerCapture?.(e.pointerId); } catch (err) {}
+  });
+
+  container.addEventListener('pointercancel', () => { isPointerDown = false; });
+  container.addEventListener('mouseleave', () => { isPointerDown = false; });
+
+  container.addEventListener('mouseenter', () => { isHover = true; });
+  container.addEventListener('mouseleave', () => { isHover = false; });
+  container.addEventListener('focusin', () => { isFocused = true; });
+  container.addEventListener('focusout', () => { isFocused = false; });
+
+  function step(t) {
+    if (!last) last = t;
+    const dt = (t - last) / 1000;
+    last = t;
+
+    if (!isPointerDown && !isHover && !isFocused) {
+      container.scrollLeft += speed * dt;
+      if (container.scrollLeft >= half) container.scrollLeft -= half;
+    }
+
+    requestAnimationFrame(step);
+  }
+
+  requestAnimationFrame(step);
+
+  // ensure initial scroll is positioned within first half
+  container.scrollLeft = 0;
+}
+
+window.addEventListener('load', setupMarquee);
+window.addEventListener('resize', () => {
+  clearTimeout(window._marqueeTimer);
+  window._marqueeTimer = setTimeout(setupMarquee, 150);
+});
 </script>
 
 ---

site/content/posts/building-anna/index.md

@@ -2,7 +2,7 @@
 title: Building anna
 date: 2024-04-04
 type: post
-toc: true
+toc: false
 description: A lightning-fast static site generator written in Go
 tags: ["acm", "hsp", "go", "tech", "talks", "aiep", "anna"]
 authors: