make circuits glow

site/_includes/base.njk

@@ -41,27 +41,37 @@ title: Joshua's Homepage
     document.addEventListener("scroll", setScrollAmount);
     document.addEventListener("resize", setScrollAmount);
     function rippleListener(el) {
-      return (evt) => {
+      return(evt) => {
-        const {
+        const {top, right, bottom, left} = evt.target.getBoundingClientRect();
-          top,
-          right,
-          bottom,
-          left,
-        } = evt.target.getBoundingClientRect();
         const effects = body.querySelector("#effects");
         const newEffect = document.createElement("div");
         newEffect.classList.add("effect-instance");
         const padding = '10rem';
-        newEffect.style.top = `calc(${top + window.scrollY}px - ${padding})`;
+        newEffect.style.top = `calc(${
-        newEffect.style.left = `calc(${left + window.scrollX}px - ${padding})`;
+          top + window.scrollY
-        newEffect.style.width = `calc(${right - left}px + 2 * ${padding})`;
+        }px - ${padding})`;
-        newEffect.style.height = `calc(${bottom - top}px + 2 * ${padding})`;
+        newEffect.style.left = `calc(${
-        newEffect.style.borderRadius = `${Math.min(bottom - top, right - left) / 2}px`;
+          left + window.scrollX
+        }px - ${padding})`;
+        newEffect.style.width = `calc(${
+          right - left
+        }px + 2 * ${padding})`;
+        newEffect.style.height = `calc(${
+          bottom - top
+        }px + 2 * ${padding})`;
+        newEffect.style.borderRadius = `${
+          Math.min(bottom - top, right - left) / 2
+        }px`;
         effects.appendChild(newEffect);
         const reverser = () => {
           newEffect.getAnimations().forEach(anim => {
+            if (anim.currentTime < 100) {
+              anim.pause();
+              effects.removeChild(newEffect);
+              return;
+            }
             anim.pause();
-            anim.updatePlaybackRate(5);
+            anim.updatePlaybackRate(1.5);
             anim.reverse();
             anim.addEventListener('finish', () => {
               if (effects.contains(newEffect)) {
@@ -69,14 +79,16 @@ title: Joshua's Homepage
               }
             });
           });
-        }
+        };
         el.addEventListener('mouseleave', reverser);
         el.addEventListener('blur', reverser);
       }
     }
-    Array.from(document.querySelectorAll('a[href],.nav-toggle-button')).forEach(el => {
+    Array.from(
+      document.querySelectorAll('a[href],.nav-toggle-button,button,input')
+    ).forEach(el => {
       el.addEventListener('mouseenter', rippleListener(el));
       el.addEventListener('focus', rippleListener(el));
     });
   </script>
-</html>
+</html>

site/pages/uses.md

@@ -1,6 +1,7 @@
 ---
 title: What I Use
 layout: "base.njk"
+date: 2025-06-10
 ---
 
 ## Hardware
@@ -32,18 +33,30 @@ layout: "base.njk"
 
 - [Debian](https://www.debian.org/) server operating system.
 
-- [GrapheneOS](https://grapheneos.org/) Android OS with a privacy focus.
+- [GrapheneOS](https://grapheneos.org/) OS for Android with a privacy focus.
 
-- [SyncThing](https://syncthing.net/) P2P alternative to Dropbox, supports mobile and desktop. Synchronize folders of content across all my devices.
+- [SyncThing](https://syncthing.net/) file sync. P2P alternative to Dropbox, supports mobile and desktop. Synchronizes folders of content across all my devices.
 
-- [VSCodium](https://vscodium.com/) VSCode with less Microsoft.
+- [VSCodium](https://vscodium.com/) IDE. VSCode with less Microsoft.
 
-- [Obsidian](https://obsidian.md/) Notes and reference.
+- [Obsidian](https://obsidian.md/) for notes and reference.
 
-- [KeePassXC](https://keepassxc.org/) Secret management.
+- [KeePassXC](https://keepassxc.org/) secret management.
 
 ## Services
 
+- [FastMail](https://www.fastmail.com/) email, calendar, and contact hosting, DNS.
+
 - [DartNode](https://dartnode.com?aff=WigglySalmon747) VPS. Good value and specs, lets me bring my own server OS image.
 
-- [NameSilo](https://www.namesilo.com/?rid=df01e27pr) Domain registrar. Good prices, doesn't charge extra for domain privacy.
+- [NameSilo](https://www.namesilo.com/?rid=df01e27pr) domain registrar. Good prices, doesn't charge extra for domain privacy.
+
+- [Umami](https://umami.is/) analytics, self-hosted.
+
+- [Forgejo](https://forgejo.org/) git forge, self-hosted. Mirroring GitHub for now.
+
+- [Shaarli](https://github.com/shaarli/Shaarli) link site, self-hosted.
+
+- [Isso](https://isso-comments.de/) comments API, self hosted.
+
+- [HedgeDoc](https://hedgedoc.org/) markdown document collaboration, self-hosted.