This commit is contained in:
Joshua Seigler 2025-06-19 02:22:11 -04:00
parent 9e0c783c27
commit 621be5f9e9
29 changed files with 108 additions and 104 deletions

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

156
scripts/effects.js vendored
View file

@ -5,12 +5,87 @@ const defaultPrefs = {
language: "english",
theme: "auto",
};
window.addEventListener('load', () => {
document.querySelector('script[data-website-id]').addEventListener('load', () => {
try {
umami.identify({ deviceTheme: darkModeMediaQuery ? "dark" : "light" });
} catch {}
document.querySelector('script[data-website-id]').addEventListener('load', () => {
try {
umami.identify({ deviceTheme: darkModeMediaQuery ? "dark" : "light" });
} catch {}
});
function applyPreference(key, value, shouldSave) {
if (umami !== null) {
umami.identify({
[`pref-${key}`]: value,
});
if (shouldSave) {
umami.track(`Set ${key} to ${value}`);
}
}
document.body.setAttribute(`data-${key}`, value);
document.querySelectorAll(`input[name=${key}]`).forEach((input) => {
if (input.value === value) {
input.checked = true;
}
});
if (shouldSave) {
localStorage.setItem(key, value);
}
}
/** @param {Event} evt */
function removeEffect({ target }) {
const effectsLayer = document.querySelector("#effects");
const effects = Array.from(effectsLayer.children).filter(
(e) => e.__effectParent === target,
);
effects.forEach((e) => {
e.getAnimations().forEach((anim) => {
if (anim.currentTime < 100) {
anim.pause();
effectsLayer.removeChild(e);
return;
}
anim.pause();
anim.updatePlaybackRate(-0.25);
anim.play();
anim.addEventListener("finish", () => {
if (effectsLayer.contains(e)) {
effectsLayer.removeChild(e);
}
});
});
});
}
/** @param {Event} evt */
function addEffect({ target }) {
const effectsLayer = document.querySelector("#effects");
if (
target == null ||
!target["matches"] ||
!target.matches("a[href],.nav-toggle-button,button,input[type='radio']")
) {
return;
}
const rects = Array.from(target.getClientRects());
Array.from(target.children).forEach((child) => {
rects.push(...Array.from(child.getClientRects()));
});
rects.forEach((rect) => {
const { top, left, width, height } = rect;
const newEffect = document.createElement("div");
newEffect.__effectParent = target;
newEffect.classList.add("effect-instance");
const padding = "10rem";
newEffect.style.top = `calc(${top + window.scrollY}px - ${padding})`;
newEffect.style.left = `calc(${left + window.scrollX}px - ${padding})`;
newEffect.style.width = `calc(${width}px + 2 * ${padding})`;
newEffect.style.height = `calc(${height}px + 2 * ${padding})`;
effectsLayer.appendChild(newEffect);
});
}
document.addEventListener('DOMContentLoaded', () => {
Object.entries(defaultPrefs).forEach(([key, defaultPref]) => {
const currentPref = localStorage.getItem(key) ?? defaultPref;
applyPreference(key, currentPref, false);
@ -20,80 +95,9 @@ window.addEventListener('load', () => {
});
});
});
function applyPreference(key, value, shouldSave) {
if (umami !== null) {
umami.identify({
[`pref-${key}`]: value,
});
if (shouldSave) {
umami.track(`Set ${key} to ${value}`);
}
}
document.body.setAttribute(`data-${key}`, value);
document.querySelectorAll(`input[name=${key}]`).forEach((input) => {
if (input.value === value) {
input.checked = true;
}
});
if (shouldSave) {
localStorage.setItem(key, value);
}
}
/** @param {Event} evt */
function addEffect({ target }) {
const effectsLayer = document.querySelector("#effects");
if (
target == null ||
!target["matches"] ||
!target.matches("a[href],.nav-toggle-button,button,input[type='radio']")
) {
return;
}
const rects = Array.from(target.getClientRects());
Array.from(target.children).forEach((child) => {
rects.push(...Array.from(child.getClientRects()));
});
rects.forEach((rect) => {
const { top, left, width, height } = rect;
const newEffect = document.createElement("div");
newEffect.__effectParent = target;
newEffect.classList.add("effect-instance");
const padding = "10rem";
newEffect.style.top = `calc(${top + window.scrollY}px - ${padding})`;
newEffect.style.left = `calc(${left + window.scrollX}px - ${padding})`;
newEffect.style.width = `calc(${width}px + 2 * ${padding})`;
newEffect.style.height = `calc(${height}px + 2 * ${padding})`;
effectsLayer.appendChild(newEffect);
});
}
document.addEventListener("mouseenter", addEffect, true);
document.addEventListener("focus", addEffect, true);
/** @param {Event} evt */
function removeEffect({ target }) {
const effectsLayer = document.querySelector("#effects");
const effects = Array.from(effectsLayer.children).filter(
(e) => e.__effectParent === target,
);
effects.forEach((e) => {
e.getAnimations().forEach((anim) => {
if (anim.currentTime < 100) {
anim.pause();
effectsLayer.removeChild(e);
return;
}
anim.pause();
anim.updatePlaybackRate(-0.25);
anim.play();
anim.addEventListener("finish", () => {
if (effectsLayer.contains(e)) {
effectsLayer.removeChild(e);
}
});
});
});
}
document.addEventListener("mouseleave", removeEffect, true);
document.addEventListener("blur", removeEffect, true);
});

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -228,7 +228,7 @@
<url>
<loc>/feed.xml</loc>
<lastmod>2025-06-19T06:18:37.782Z</lastmod>
<lastmod>2025-06-19T06:22:09.788Z</lastmod>
</url>

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />

View file

@ -13,7 +13,7 @@
src="https://stats.apps.seigler.net/script.js"
data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"
></script>
<script async src="/scripts/effects.js?v=54b4d46057f7"></script>
<script async src="/scripts/effects.js?v=88c0274bf1c2"></script>
<link rel="prefetch" href="/fonts/inter/InterVariable-Italic.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-medium.woff2" />
<link rel="prefetch" href="/fonts/ftaurebesh/ftaurebesh-bold.woff2" />