@rizom/site-rizom-ai 0.2.0-alpha.264 → 0.2.0-alpha.265

package/dist/index.js

@@ -39062,9 +39062,11 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
    before the opening in the chapters column and sticks at the figure's centre
    line down the whole story (the story is a size container, so nothing in it
    can be fixed to the screen). It stays while the opening is read, an answer
-   included, and the words scroll past it. Once the reading has moved the
-   figure on, it draws into its centre point and the figure's first drawing
-   opens out of that same point; back up the page, the other way round. */
+   included, and the words scroll past it. The handover to the figure follows
+   the scroll (--handover, set by the runtime from the science's top on the
+   screen): as the science comes up the network draws into its centre point,
+   and past the reading line the figure's first drawing opens out of that same
+   point; scrolling back runs it backwards. */
 @media not all and (max-width: 60rem) {
   /* The words are the room's column (the kit scrolls it within the screen);
      the bar and the opening's 4rem of padding above and below stay clear, so
@@ -39085,26 +39087,17 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
       100cqi - max(0px, (100cqi - 80rem) / 2) - clamp(1rem, 5vw, 5rem) -
         var(--words) - var(--words-gap) - clamp(1rem, 6vw, 7rem)
     );
-    /* Back from the point, lit at once. */
-    transition: opacity 0.3s ease;
   }
   :where(.chapters) > .net-layer > * {
     translate: 0 -50%;
-    transition: scale 1.2s cubic-bezier(0.3, 0.7, 0.2, 1);
-  }
-  .story:has(.figure:not([data-stage="0"])) :where(.chapters) > .net-layer > * {
-    scale: 0;
-  }
-  .story:has(.figure:not([data-stage="0"])) :where(.chapters) > .net-layer,
-  .story:has(.figure:not([data-stage="0"])) .net-leads {
-    opacity: 0;
-  }
-  /* Lit while it draws in; out at the point. */
-  .story:has(.figure:not([data-stage="0"])) :where(.chapters) > .net-layer {
-    transition: opacity 0.6s ease 0.6s;
+    scale: calc(1 - clamp(0, var(--handover, 0), 1));
   }
   .net-leads {
-    transition: opacity 0.6s ease;
+    opacity: calc(1 - clamp(0, var(--handover, 0) * 2, 1));
+  }
+  /* The figure's first drawing opens out of the point the network drew into. */
+  .living-org .o-box {
+    scale: clamp(0, var(--handover, 0) - 1, 1);
   }
 }
 .net-svg {
@@ -40487,11 +40480,7 @@ var livingOrganism = organism({
     ...Object.fromEntries(economy.map((_2, i) => [`E${i + 1}`, i % 3 === 0 ? "lantern" : ""]))
   },
   stages: [
-    {
-      T1: [C3, 300, 0, 0],
-      T2: [C3, 300, 0, 0],
-      T3: [C3, 300, 0, 0]
-    },
+    {},
     {
       L: [C3, 300, 8, 1],
       T1: at(team2[0], 6),
@@ -41874,9 +41863,17 @@ function readingLine(viewportHeight, stripBottom) {
   const beside = 0.45;
   return stripBottom === null ? viewportHeight * beside : stripBottom + 1;
 }
+function handoverProgress(nextTop, scrolled, viewportHeight, line) {
+  if (nextTop > line) {
+    return scrolled <= 0 ? 0 : scrolled / (scrolled + nextTop - line);
+  }
+  const span = viewportHeight - line;
+  return span <= 0 ? 2 : 1 + Math.min(1, (line - nextTop) / span);
+}
 var storyRuntimeScript = ASK_ROOM_SCRIPT + `(function () {
   ${currentChapter.toString()}
   ${readingLine.toString()}
+  ${handoverProgress.toString()}
   function init() {
     var story = document.querySelector(".story");
     if (!story) return;
@@ -41929,6 +41926,7 @@ var storyRuntimeScript = ASK_ROOM_SCRIPT + `(function () {
       var current = currentChapter(tops, line);
       var stage = currentChapter(tops, line, stageCount);
       if (figure) figure.dataset.stage = String(stage);
+      if (tops.length > 1) story.style.setProperty("--handover", handoverProgress(tops[1], scrollY, innerHeight, line).toFixed(4));
       chapters.forEach(function (chapter, i) { chapter.classList.toggle("is-current", i === current); });
       // A chapter that lights the network keeps the live drawing in view while it is read.
       story.classList.toggle("is-asked", !!(chapters[current] && chapters[current].hasAttribute("data-lights-network")));
@@ -57982,4 +57980,4 @@ export {
   workSections
 };
 
-//# debugId=5C42B2A5AC99CE6264756E2164756E21
+//# debugId=213DF796E82D7BB964756E2164756E21