Website Update

Author: Modelized

docs/assets/css/style.css

@@ -1100,7 +1100,7 @@ a {
 }
 
 .js body.hero-ready .hero-text--glow {
-  animation: hero-glow-sweep 1100ms cubic-bezier(0.2, 0.88, 0.24, 1) forwards;
+  animation: hero-glow-sweep 1140ms cubic-bezier(0.2, 0.88, 0.24, 1) forwards;
   animation-delay: calc(var(--line-index, 0) * 180ms + 260ms);
 }
 
@@ -1139,7 +1139,7 @@ a {
     opacity: 0.34;
   }
 
-  70% {
+  76% {
     width: 100%;
     opacity: 0.18;
     filter: blur(4px);
@@ -1278,52 +1278,6 @@ a {
   line-height: 1;
 }
 
-.about-operator-word::after {
-  content: none;
-}
-
-.about-operator-word--glow::after {
-  content: attr(data-word);
-  position: absolute;
-  inset: 0 auto 0 0;
-  display: block;
-  width: 0;
-  overflow: hidden;
-  color: var(--hero-fill-color);
-  white-space: nowrap;
-  opacity: 0;
-  filter: blur(10px);
-  text-shadow:
-    0 0 22px rgba(255, 157, 77, 0.46),
-    0 0 18px rgba(89, 109, 255, 0.32);
-  pointer-events: none;
-  animation: about-operator-glow 1100ms cubic-bezier(0.2, 0.88, 0.24, 1) forwards;
-}
-
-@keyframes about-operator-glow {
-  0% {
-    width: 0;
-    opacity: 0;
-    filter: blur(12px);
-  }
-
-  18% {
-    opacity: 0.34;
-  }
-
-  70% {
-    width: 100%;
-    opacity: 0.18;
-    filter: blur(4px);
-  }
-
-  100% {
-    width: 100%;
-    opacity: 0;
-    filter: blur(0);
-  }
-}
-
 .discipline-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));

docs/assets/js/shell.js

@@ -1116,19 +1116,14 @@
 
     const finalIndex = words.length - 1;
     const transitionDuration = 620;
-    const holdDuration = 520;
+    const holdDuration = 440;
     const initialHold = 280;
-    const finalGlowDelay = 180;
-    const timers = [];
     let activeIndex = 0;
     let started = false;
     let metrics = { height: 0, widths: [] };
-
-    const clearTimers = () => {
-      while (timers.length) {
-        window.clearTimeout(timers.pop());
-      }
-    };
+    let sequenceFrame = 0;
+    let nextStepAt = 0;
+    let lastStepAt = 0;
 
     const setImmediateTransitions = (enabled) => {
       const value = enabled ? "none" : "";
@@ -1174,16 +1169,34 @@
       }
     };
 
-    const triggerFinalGlow = () => {
-      const finalWord = words[finalIndex];
-      finalWord.classList.remove("about-operator-word--glow");
-      void finalWord.offsetWidth;
-      finalWord.classList.add("about-operator-word--glow");
-      timers.push(
-        window.setTimeout(() => {
-          finalWord.classList.remove("about-operator-word--glow");
-        }, 1150)
-      );
+    const stopSequence = () => {
+      window.cancelAnimationFrame(sequenceFrame);
+      sequenceFrame = 0;
+    };
+
+    const tickSequence = (now) => {
+      if (!started || activeIndex >= finalIndex) {
+        sequenceFrame = 0;
+        return;
+      }
+
+      if (!nextStepAt) {
+        lastStepAt = now;
+        nextStepAt = now + initialHold;
+      }
+
+      if (now >= nextStepAt) {
+        applyIndex(activeIndex + 1);
+        lastStepAt = now;
+        nextStepAt = now + transitionDuration + holdDuration;
+
+        if (activeIndex >= finalIndex) {
+          sequenceFrame = 0;
+          return;
+        }
+      }
+
+      sequenceFrame = window.requestAnimationFrame(tickSequence);
     };
 
     const runSequence = () => {
@@ -1201,33 +1214,18 @@
 
       updateMetrics();
       applyIndex(0, { immediate: true });
-
-      let elapsed = initialHold;
-
-      for (let index = 1; index <= finalIndex; index += 1) {
-        const currentIndex = index;
-
-        timers.push(
-          window.setTimeout(() => {
-            applyIndex(currentIndex);
-          }, elapsed)
-        );
-
-        if (currentIndex === finalIndex) {
-          timers.push(
-            window.setTimeout(() => {
-              triggerFinalGlow();
-            }, elapsed + transitionDuration + finalGlowDelay)
-          );
-        }
-
-        elapsed += transitionDuration + holdDuration;
-      }
+      nextStepAt = 0;
+      stopSequence();
+      sequenceFrame = window.requestAnimationFrame(tickSequence);
     };
 
     const refreshLayout = () => {
       updateMetrics();
       applyIndex(started ? activeIndex : 0, { immediate: true });
+
+      if (started && activeIndex < finalIndex && lastStepAt) {
+        nextStepAt = performance.now() + Math.max(140, transitionDuration - (performance.now() - lastStepAt));
+      }
     };
 
     const settledRefresh = createSettledScheduler(refreshLayout);

docs/index.html

@@ -8,7 +8,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700;800&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="assets/css/style.css?v=20260408r">
+  <link rel="stylesheet" href="assets/css/style.css?v=20260408s">
 
   <link rel="icon" type="image/svg+xml" href="favicon.svg">
   <link rel="icon" sizes="192x192" href="android-chrome-192x192.png">
@@ -163,6 +163,6 @@ <h2>Open Repositories and Direct Channels</h2>
 
   <div id="footer-slot"></div>
 
-  <script src="assets/js/shell.js?v=20260408q" defer></script>
+  <script src="assets/js/shell.js?v=20260408s" defer></script>
 </body>
 </html>