i

Author: i1li

dist/bundle-50705.css

@@ -258,19 +258,18 @@ article {min-height:80vh; border: dotted 1px rgba(255,255,0,.1);}
     backdrop-filter: brightness(90%) contrast(250%) grayscale(50%) blur(.1em) saturate(120%);}
 .article-content:hover {background: radial-gradient(rgba(128, 128, 128, 0.1), rgba(0, 0, 0, 0.1));
     backdrop-filter: brightness(95%) contrast(200%) grayscale(50%) blur(.1em) saturate(120%);}
-#toTop {transition: all .45s;
+#toTop {transition: all .1s ease-in-out;
     z-index: 5;
-    pointer-events: none;
     position: fixed;
     bottom: 0;
     right: 2.5%;
     padding: 5px;
     background: rgba(128,128,128,.1);
-    opacity: 0;}
-#toTop:hover {background: rgba(128,128,128,.33);
-    cursor: pointer;
-    opacity: 0.9 !important;}
-.to-top {width: 2.7em;} .to-top:hover {filter: invert(100%) !important; transition: all .3s ease-in-out;}
+    opacity: 0.4;}
+#toTop:hover {cursor: pointer; 
+    background: rgba(128,128,128,.3);
+    opacity: 0.9;}
+.to-top {width: 2.7em;} .to-top:hover {filter: invert(100%);}
 #toTopFooter {opacity: 0.5;} #toTopFooter:hover {cursor: pointer; opacity: 0.9;}
 footer {background: linear-gradient(to top, rgba(0, 0, 0, .3), rgba(128, 128, 128, 0.2));
     transition: all 1.2s ease-in-out;

dist/bundle-50705.js

@@ -41,7 +41,7 @@ <h1><span id="site-title"><a href="/" class="no-bg" title="Home"><img alt="Home"
 </p>
 <div id="site-info" class="article-content" style="padding:0; margin:auto;"><div class="width95 opaq80" style="margin-bottom: -.5em;">
 <h5 style="margin: .1em 0 -.8em"><i>About i&i:</i></h5></div><div class="width95"><p class="no-indent center" style="padding-left:0;">
-Designed for max efficiency, freedom, & functionality. Full code & more info at <a href="https://www.github.com/i1li/i">GitHub</a>. Best enjoyed with good music, here's some <a href="https://github.com/i1li/i#shufflejs">shuffled</a> favorites:
+Designed for max efficiency, freedom, & functionality. Full code & more info at <a href="https://github.com/i1li/i">GitHub</a>. Best enjoyed with good music, here's some <a href="https://github.com/i1li/i#shufflejs">shuffled</a> favorites:
 </p><blockquote class="center" style="margin-bottom:-.5em;"><button id="next" title="Next Video">⏭️ Next</button><span id="draw"></span></blockquote>
 <p style="padding:.7rem 0 .2rem;" class="no-indent italic90">(More music <a href="/edu/vibes">here.</a>)</p>
 <p style="padding-left:0;padding-top:0;" class="no-indent">
@@ -1346,7 +1346,7 @@ <h4>Profitability Has Never Excused Criminality: A Message To Facebook, Google,
 <y-t v="6M_P08ZjejQ,3ZY5Wio3vdk" t="Arcturus"></y-t><br>
 <y-t v="JSggxkx6iDo?end=3542" t="Erothyme + Actualize Visuals - Featherbed Sessions Mix"></y-t><br>
 <y-t v="XYk5wku59TY" class="no-link-embed" t="Jade Cicada + Tenorless: An Audiovisual Mixtape"></y-t><br>
-<y-t v="ccS-Xu812Sg" t="Alejo & Tyme Visions - The Shadow Self Mix (AV Mixtape)"></y-t><br>
+<!-- <y-t v="ccS-Xu812Sg" t="Alejo & Tyme Visions - The Shadow Self Mix (AV Mixtape)"></y-t><br> -->
 <y-t v="n4-AiEwDG-Q" t="Alejo w/ 3NA Visuals - Featherbed Sessions"></y-t><br>
 <y-t v="CuNE5DmrgsE" class="no-link-embed" t="Malakai x DayDreemer [Audiovisual Mix]"></y-t><br>
 <y-t v="t1f_1uy_qxU" t="Desert Dwellers with Johnathan Singer Visuals: One Earth Live"></y-t><br>
@@ -1505,21 +1505,22 @@ <h4>Profitability Has Never Excused Criminality: A Message To Facebook, Google,
 <td style="text-align:center; width:60%; vertical-align:middle; padding-top:1em; font-size:1em; opacity:.7;"><a href="https://connect4more.netlify.app" class="no-bg" title="Connect for more.">Connect</a></td>
 <td style="text-align:right; width:20%; padding-right:2.5%; padding-top:.6em;"><a class="no-bg" title="Home" href="/"><img class="img-footer img-opaq" decoding="async" alt="Home" src="/img/yinyang.png"></a></td></tr></table></footer>
 
+<script src="/js/github-pages.js"></script>
 <script src="/js/welcome-overlay.js"></script>
-<script src="/js/noise.js"></script>
 <script src="/js/utils.js"></script>
+<script src="/js/noise.js"></script>
 <script src="/js/screensaver.js"></script>
 <script src="/yt/youtube-embed.js"></script>
 <script src="/js/light-dark.js"></script>
 <script src="/yt/shuffle.js"></script>
 <script src="/js/bible-verses.js"></script>
-<script src="/js/background.js"></script>
-<script src="/js/github-pages.js"></script>
 <script src="/js/zoom.js"></script>
 <script src="/js/scroll.js"></script>
 <script src="/js/spa.js"></script>
+<script src="/js/background.js"></script>
+<script src="/js/color-change.js"></script>
 <script src="/js/display-toggle.js"></script>
 <script src="/js/image-overlay.js"></script>
-<script src="/js/color-change.js"></script>
 <script src="/js/search.js"></script>
+
 </div></div></body></html>

dist/bundle-ac422.css

@@ -184,4 +184,4 @@ setTimeout(() => {
   bgState = createBgLayerState(bg);
   lastBGUpdateTime = performance.now();
   requestAnimationFrame(updateColors);
-}, 3000);
+}, 4100);

dist/bundle-ac422.js

@@ -92,13 +92,13 @@ setTimeout(() => {
   }, observerOptions);
   // Stagger .observe() calls lightly (~20ms batches) for perf ramp-up
   let observeDelay = 0;
-  const observeBatchSize = 10;
+  const observeBatchSize = 15;
   alwaysShift.forEach((element, index) => {
     setTimeout(() => {
       animationObserver.observe(element);
     }, observeDelay);
     if (index % observeBatchSize === observeBatchSize - 1) {
-      observeDelay += 20;  // Tune: 10-50ms for balance
+      observeDelay += 10;
     }
   });
   // Cleanup on unload
@@ -129,4 +129,4 @@ setTimeout(() => {
       element.addEventListener('mouseout', debounce(() => handleDisengage(element, stopAnim), 30));
     });
   }
-}, 3000);
+}, 4000);

dist/index.html

@@ -13,11 +13,9 @@ function handleScroll() {
     header.classList.remove('scrolled-down');
   }
   if (document.body.scrollTop > window.innerHeight || document.documentElement.scrollTop > window.innerHeight) {
-      toTop.style.opacity = "0.4";
-      toTop.style.pointerEvents = "auto";
+      toTop.style.display = "inline-block";
     } else {
-      toTop.style.opacity = "0";
-      toTop.style.pointerEvents = "none";
+      toTop.style.display = "none";
     }
   }
 function updateURLOnScroll() {
@@ -50,6 +48,6 @@ function updateURLOnScroll() {
   }
 }
 ['scroll', 'touchmove', 'resize'].forEach(event => window.addEventListener(event, throttle(() => {
-  updateURLOnScroll();
   handleScroll();
-}, 100)));
+  updateURLOnScroll();
+}, 150)));