Tweaks

src/index.html

@@ -214,8 +214,6 @@
           As flowing particles trace layers in a translucent human form, the audience and artwork interact by natural motion to co-create a meditative experience.
 
           <small>To explore aspects of the artwork, you can scroll down, turn and zoom the 3D scene, and open the points highlighted with "**+**".</small>
-
-          <small>You can also dive into deeper details in [aesthetic references](#aesthetic-references) and [progress](#progress).</small>
         </section>
         <section class="exhibit-info exhibit-info-flip"
           data-exhibit-camera="PerspectiveCamera1" md>
@@ -279,6 +277,13 @@
 
           ***`NFT` series:***{.info title="Non-Fungible Token, a cryptocurrency asset"} Editions varying across the artwork's range of aesthetics and themes; *driven by on-chain data*{.info title="Each NFT edition's aesthetics respond to information from its blockchain network, reacting to its owner and how it and the collection are traded"} and collectors' input. Early supporters and installation attendees earn rewards that interact with these `NFT`{.info title="Non-Fungible Token, a cryptocurrency asset"} editions.
         </section>
+        <section class="exhibit-info exhibit-info-flip" md>
+          ### Explore more
+
+          Explore the [aesthetic references and inspiration](#aesthetic-references-inspiration) for a fuller impression of how *Locus* will appear.
+
+          See the [progress and development](#progress-development) achieved so far, our team and exhibition partners.
+        </section>
       </article>
       <article id="locus-artizen" class="artizen-info jump bleed-inset">
         <figure md inline class="artizen-laurel">
@@ -543,7 +548,8 @@
           </figure>
         </section>
       </article>
-      <article id="aesthetic-references" class="references jump bleed-full">
+      <article id="aesthetic-references-inspiration"
+        class="references jump bleed-full">
         <section md>
           ### Aesthetic references and inspiration
 
@@ -819,30 +825,25 @@
           </figcaption>
         </figure>
       </article>
-      <article id="progress" class="jump">
+      <article id="progress-development" class="jump">
         <section>
           <md>## Progress and development</md>
           <section md>
             ### Approach and intention
 
             Embracing subjective experience and interaction through digital media, this project engages people to deeply explore their own consciousness and subjective experiences.
 
-            Embodying meditative experiences – exploring by interaction, art and audience affect each other in reciprocal dialogue to create together.
+            Embodying meditative experiences, and exploring by interaction – artwork and audience affect each other in a reciprocal dialogue, to create the experience together.
           </section>
           <section id="team-partners" class="jump" md>
             ### Team and partners
 
             We've assembled talented people into a multi-disciplinary creative team to bring this project to life:
-
-            *Creative Consultant*, *Technical Producer*, *Designers*, *Photographers*, *Public Engagement Consultant*...
-
-            *Sound-Designer* and *Musician* collaborating on experimental generative sound...
-
-            *Steel & Form* metalwork studio for set-design and fabrication...
-
-            *Innovation Creative Director* support by *Amplify* creative agency...
-
-            *Meditation Consultant*, interviewing other meditative practitioners and audiences to keep this artistic interpretation authentic.
+            - *Creative Consultant*, *Technical Producer*, *Designers*, *Photographers*, *Public Engagement Consultant*.
+            - *Sound-Designer* and *Musician* collaborating on experimental generative sound.
+            - *Steel & Form* metalwork studio for set-design and fabrication.
+            - *Innovation Creative Director* support by *Amplify* creative agency.
+            - *Meditation Consultant*, interviewing other meditative practitioners and audiences to keep this artistic interpretation authentic.
           </section>
           <section md>
             ### Milestones reached
@@ -860,9 +861,9 @@
           <section md>
             ### Exhibitions confirmed and expected
 
-            - BETA
-            - Peckham Digital
-            - Among others to be confirmed...
+            - [BETA Festival](https://betafestival.ie/){target="_blank"} in Dublin, Ireland.
+            - [Peckham Digital](https://www.peckhamdigital.org/){target="_blank"} in London, United Kingdom.
+            - Among others expecting confirmation...
           </section>
         </section>
       </article>

src/index.js

@@ -219,14 +219,14 @@ function peelOff(e) {
 function peelMove(e) {
   const { clientX: cx, clientY: cy } = e;
   const { y: bt, right: br, bottom: bb, x: bl } = $peel.getBoundingClientRect();
-  const [v0, v1] = (cache.peelMove ?? [range(2, Infinity), []]);
+  const [v0, v1] = cache.peelMove ?? [range(2, Infinity), []];
   const [x1, y1] = setC2(v1, fit(cx, br, bl, 1, 0), fit(cy, bb, bt, 0, 1));
 
   if(distSq2(v0, v1) < 5e-2) { return; }
 
   const x = clamp01(x1)*($peelLayers.length+1);
   const y = clamp01(y1);
-  const w = mix(3e-2, 1.1, y);
+  const w = mix(1.1, 3e-2, y);
   const d = $peelStyle.disabled;
 
   $peelStyle.textContent = reduce((to, $l, i) => {
@@ -443,6 +443,8 @@ function exhibitScroll() {
 }
 
 function exhibitAnimate() {
+  if(!exhibitOn) { return requestAnimationFrame(exhibitAnimate); }
+
   const { camera, scene } = exhibitPlayer;
 
   if(!exhibitInteract) {
@@ -555,7 +557,7 @@ addEventListener('scroll', throttle(2e2, exhibitScroll));
 exhibitScroll();
 
 const exhibitReady = () =>
-  (document.readyState === 'interactive') && setTimeout(exhibitLoad, 500);
+  (document.readyState === 'interactive') && setTimeout(exhibitLoad, 1e3);
 
 ((exhibitReady() === false) &&
   document.addEventListener('readystatechange', exhibitReady));