Merge pull request #113 from borgbackup/tweaks

index2.html: three.js 0.184 + minor tweaks

Author: ThomasWaldmann

index2.html

@@ -630,7 +630,7 @@
 
 .chat-facade .connect .play { font-size: 0.8em; }
 
-.chat-facade .fine { color: var(--green-dim); font-size: 0.72rem; }
+.chat-facade .fine { color: #34b85c; font-size: 0.72rem; }
 
 .chat-window iframe {
   display: block;
@@ -959,6 +959,15 @@ <h3>Chat (IRC)</h3>
         <li><a class="ext" href="https://web.libera.chat/?nick=Guest&amp;#borgbackup">full client</a></li>
       </ul>
     </div>
+    <div class="feature">
+      <span class="glyph" aria-hidden="true">◍</span>
+      <h3>Mastodon</h3>
+      <p>Follow @borgbackup@fosstodon.org for announcements. Mastodon is not suitable
+         for longer or more complex discussions — use one of the other channels for that.</p>
+      <ul class="mini-links">
+        <li><a class="ext" href="https://fosstodon.org/@borgbackup">@borgbackup</a></li>
+      </ul>
+    </div>
     <div class="feature">
       <span class="glyph" aria-hidden="true">▣</span>
       <h3>Matrix chat</h3>
@@ -978,15 +987,6 @@ <h3>Mailing list</h3>
         <li><a class="ext" href="https://mail.python.org/mailman/listinfo/borgbackup">mailing list</a></li>
       </ul>
     </div>
-    <div class="feature">
-      <span class="glyph" aria-hidden="true">◍</span>
-      <h3>Mastodon</h3>
-      <p>Follow @borgbackup@fosstodon.org for announcements. Mastodon is not suitable
-         for longer or more complex discussions — use one of the other channels for that.</p>
-      <ul class="mini-links">
-        <li><a class="ext" href="https://fosstodon.org/@borgbackup">@borgbackup</a></li>
-      </ul>
-    </div>
   </div>
 </section>
 
@@ -1064,23 +1064,13 @@ <h2>Resistance is futile. Donations are not.</h2>
      BorgBackup project using these options:</p>
   <div class="features funding">
     <div class="feature">
-      <span class="glyph" aria-hidden="true">⬡</span>
-      <h3>PayPal</h3>
-      <p>May be the easiest way (if you already use PayPal or a credit card) to directly
-         support a specific developer. Waldmann EDV is the company of Thomas Waldmann,
-         BorgBackup&rsquo;s lead developer and maintainer.</p>
-      <ul class="mini-links">
-        <li><a class="ext" href="https://www.paypal.com/donate/?hosted_button_id=58A7SUQJZLBQ8">donate via paypal</a></li>
-      </ul>
-    </div>
-    <div class="feature">
-      <span class="glyph" aria-hidden="true">♥</span>
-      <h3>Liberapay</h3>
-      <p>Become a patron and support us regularly to help make the project sustainable in
-         the long term. The funds are distributed to the BorgBackup team members — and as
-         a BorgBackup developer, you can join the team.</p>
+      <span class="glyph" aria-hidden="true">◎</span>
+      <h3>Open Collective</h3>
+      <p>Contribute directly via Open Collective; those funds also go to OC&nbsp;EU. The
+         funds held on our behalf can be used to pay miscellaneous project-related
+         expenses submitted by BorgBackup team members.</p>
       <ul class="mini-links">
-        <li><a class="ext" href="https://liberapay.com/borgbackup/donate">donate via liberapay</a></li>
+        <li><a class="ext" href="https://opencollective.com/borgbackup">open collective</a></li>
       </ul>
     </div>
     <div class="feature">
@@ -1094,13 +1084,23 @@ <h3>GitHub Sponsors</h3>
       </ul>
     </div>
     <div class="feature">
-      <span class="glyph" aria-hidden="true">◎</span>
-      <h3>Open Collective</h3>
-      <p>Contribute directly via Open Collective; those funds also go to OC&nbsp;EU. The
-         funds held on our behalf can be used to pay miscellaneous project-related
-         expenses submitted by BorgBackup team members.</p>
+      <span class="glyph" aria-hidden="true">♥</span>
+      <h3>Liberapay</h3>
+      <p>Become a patron and support us regularly to help make the project sustainable in
+         the long term. The funds are distributed to the BorgBackup team members — and as
+         a BorgBackup developer, you can join the team.</p>
       <ul class="mini-links">
-        <li><a class="ext" href="https://opencollective.com/borgbackup">open collective</a></li>
+        <li><a class="ext" href="https://liberapay.com/borgbackup/donate">donate via liberapay</a></li>
+      </ul>
+    </div>
+    <div class="feature">
+      <span class="glyph" aria-hidden="true">⬡</span>
+      <h3>PayPal</h3>
+      <p>May be the easiest way (if you already use PayPal or a credit card) to directly
+         support a specific developer. Waldmann EDV is the company of Thomas Waldmann,
+         BorgBackup&rsquo;s lead developer and maintainer.</p>
+      <ul class="mini-links">
+        <li><a class="ext" href="https://www.paypal.com/donate/?hosted_button_id=58A7SUQJZLBQ8">donate via paypal</a></li>
       </ul>
     </div>
   </div>
@@ -1171,7 +1171,7 @@ <h2>Trusted by sysadmins, hoarders and the merely paranoid.</h2>
 
 <!-- three.js scene + GSAP choreography -->
 <script type="importmap">
-{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js" } }
+{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.184.0/build/three.module.min.js" } }
 </script>
 <script type="module">
 import * as THREE from 'three';
@@ -1335,11 +1335,12 @@ <h2>Trusted by sysadmins, hoarders and the merely paranoid.</h2>
 window.addEventListener('resize', resize);
 resize();
 
-const clock = new THREE.Clock();
+const timer = new THREE.Timer();
 
 function render() {
-  const dt = Math.min(clock.getDelta(), 0.05);
-  const t = clock.elapsedTime;
+  timer.update();
+  const dt = Math.min(timer.getDelta(), 0.05);
+  const t = timer.getElapsed();
   const p = state.progress;                       // 0 at top, 1 at page bottom
   const calm = state.calm;                        // 1 = stars only
   const spread = Math.sin(p * Math.PI) * 7;       // explode mid-page, reassemble at end