website: redesign part 13

2026-06-21 03:58:24 -07:00 · 2026-06-07 00:54:50 +02:00
parent 6cbe09af23
commit c68d1d1fda
33 changed files with 855 additions and 341 deletions
@@ -1,14 +1,20 @@
 /**
 * @param {Element} element
- * @param {() => void} callback
+ * @param {{ show: () => void, hide: () => void }} lifecycle
 */
-export function onFirstIntersection(element, callback) {
-  const observer = new IntersectionObserver((entries) => {
-    if (!entries[0].isIntersecting) return;
-
-    observer.disconnect();
-    callback();
-  });
+export function onChartVisibility(element, lifecycle) {
+  const observer = new IntersectionObserver(
+    (entries) => {
+      if (entries[0].isIntersecting) {
+        lifecycle.show();
+      } else {
+        lifecycle.hide();
+      }
+    },
+    {
+      rootMargin: "800px 0px",
+    },
+  );

  observer.observe(element);
 }