From 5deea5664eb3d5d99af33c10aa2a6014d85b4390 Mon Sep 17 00:00:00 2001
From: shdrs <ferryisworking@gmail.com>
Date: Mon, 1 Jun 2026 20:19:37 +0800
Subject: [PATCH] Disable scroll-snap on landing page

---
 docs/index.html     | 14 +++++++++++---
 static/landing.html | 14 +++++++++++---
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 8c6a21d89..00b37d5a4 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -25,9 +25,17 @@
     --radius: 8px;
   }
   * { box-sizing: border-box; }
-  html { scroll-behavior: smooth; scroll-snap-type: y mandatory; scroll-padding-top: 60px; }
-  /* Each section is a full-viewport "page" with its content centered, so only
-     one shows at a time and the snap is obvious. */
+  html { scroll-behavior: smooth; scroll-padding-top: 60px; }
+  /* REMOVED: "scroll-snap-type: y mandatory"
+     The idea was: >>Each section is a full-viewport "page" with its content centered,
+     so only one shows at a time and the snap is obvious.<<
+
+     PROBLEM: sections easily grow taller than 100vh IRL
+     This cause forced jumps mid-read. It's intrusive UX.
+
+     Preserved: CSS snap-points to avoid destroying code meta-data
+     Less intrusive version: "scroll-snap-type: y proximity"
+     For now: fully removed (bad UX)*/
   .hero, section {
     scroll-snap-align: start; min-height: 100vh;
     display: flex; flex-direction: column; justify-content: center;
diff --git a/static/landing.html b/static/landing.html
index f98378621..e1f12f7ef 100644
--- a/static/landing.html
+++ b/static/landing.html
@@ -25,9 +25,17 @@
     --radius: 8px;
   }
   * { box-sizing: border-box; }
-  html { scroll-behavior: smooth; scroll-snap-type: y mandatory; scroll-padding-top: 60px; }
-  /* Each section is a full-viewport "page" with its content centered, so only
-     one shows at a time and the snap is obvious. */
+  html { scroll-behavior: smooth; scroll-padding-top: 60px; }
+  /* REMOVED: "scroll-snap-type: y mandatory"
+     The idea was: >>Each section is a full-viewport "page" with its content centered,
+     so only one shows at a time and the snap is obvious.<<
+
+     PROBLEM: sections easily grow taller than 100vh IRL
+     This cause forced jumps mid-read. It's intrusive UX.
+
+     Preserved: CSS snap-points to avoid destroying code meta-data
+     Less intrusive version: "scroll-snap-type: y proximity"
+     For now: fully removed (bad UX)*/
   .hero, section {
     scroll-snap-align: start; min-height: 100vh;
     display: flex; flex-direction: column; justify-content: center;