This commit is contained in:
Clove 2026-06-18 05:03:48 +01:00
parent 1105ceab9e
commit abde3e02ab
10 changed files with 0 additions and 272 deletions

View File

@ -109,9 +109,7 @@
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/terminal.js"></script>
<script src="/js/site-switcher.js"></script>
</body>
</html>

View File

@ -69,8 +69,6 @@
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/site-switcher.js"></script>
<script src="/js/friends.js"></script>
</body>

View File

@ -275,9 +275,7 @@
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/dev-info.js"></script>
<script src="/js/site-switcher.js"></script>
<script src="/js/contrib-heatmap.js"></script>
<script>ContribHeatmap.render("#contrib", { theme: "trans" });</script>
</body>

View File

@ -180,8 +180,6 @@
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/site-switcher.js"></script>
</body>
</html>

View File

@ -68,8 +68,6 @@
<script src="/js/nav.js"></script>
<script src="/js/now-playing.js" data-user="1464890289922641993"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/site-switcher.js"></script>
</body>
</html>

View File

@ -104,8 +104,6 @@
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/site-switcher.js"></script>
<script src="/js/guestbook.js"
data-api="https://guestbook.doughmination.uk"
data-turnstile-key="0x4AAAAAAB08ZhSxKn5rAD3d"></script>

View File

@ -69,10 +69,8 @@
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/terminal.js"></script>
<script src="/js/fronting.js"></script>
<script src="/js/site-switcher.js"></script>
<!-- lanyard.cafe keyring (webring) — styled to match the site in css/main.css (#lc-embed) -->
<script src="https://lanyard.cafe/api/embed.js" data-theme="dark"></script>
<script src="/js/visitor-counter.js"

View File

@ -1,82 +0,0 @@
(function devMode() {
var host = (location.hostname || "").replace(/^www\./, "");
// True for localhost (any port), loopback, *.local, and private LAN IPs.
var isDev =
host === "localhost" ||
host === "127.0.0.1" ||
host === "0.0.0.0" ||
host === "[::1]" ||
host === "::1" ||
/\.local$/.test(host) ||
/^10\./.test(host) ||
/^192\.168\./.test(host) ||
/^172\.(1[6-9]|2[0-9]|3[0-1])\./.test(host);
// Expose for other scripts (e.g. site-switcher.js).
window.DevMode = {
isDev: isDev,
host: host,
origin: location.origin
};
if (!isDev) return;
// ---- styles -------------------------------------------------------------
var css = `
.dev-mode-badge {
position: fixed;
bottom: 1rem;
left: 1rem;
z-index: 6;
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.35rem 0.7rem;
border-radius: 999px;
background: rgba(var(--accent-rgb), 0.5);
color: var(--text);
font: inherit;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
box-shadow: 0 6px 18px -6px rgba(var(--accent-rgb), 0.5);
pointer-events: none;
user-select: none;
transition: top 0.2s ease;
}
.dev-mode-badge .dev-mode-pulse {
width: 8px; height: 8px; border-radius: 50%;
background: var(--text);
animation: devModePulse 1.4s ease-in-out infinite;
}
@keyframes devModePulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.35; transform: scale(0.75); }
}`;
var style = document.createElement("style");
style.textContent = css;
document.head.appendChild(style);
// ---- badge --------------------------------------------------------------
function mountBadge() {
if (document.querySelector(".dev-mode-badge")) return;
var badge = document.createElement("div");
badge.className = "dev-mode-badge";
badge.setAttribute("title", "You're viewing a local dev build — not the live site.");
badge.innerHTML =
'<span class="dev-mode-pulse" aria-hidden="true"></span>' +
"<span>Dev Mode</span>";
document.body.appendChild(badge);
// The badge is now a simple fixed pill in the bottom-left corner — it no
// longer trails the presence widget, so there's nothing else to position.
}
if (document.body) {
mountBadge();
} else {
document.addEventListener("DOMContentLoaded", mountBadge);
}
})();

View File

@ -1,175 +0,0 @@
(function siteSwitcher() {
var host = (location.hostname || "").replace(/^www\./, "");
// Dev detection comes from dev-mode.js (loaded first). Fallback to a basic
// localhost check if that script isn't present.
var isDev = (window.DevMode && window.DevMode.isDev) ||
host === "localhost" || host === "127.0.0.1";
var SITES = [
{ id: "clove", label: "c.stupid.cat", url: "https://c.stupid.cat", note: "Link Center", host: "c.stupid.cat" },
{ id: "doughmination", label: "doughmination.is-a.dev", url: "https://doughmination.is-a.dev", note: "Beta Link Center", host: "doughmination.is-a.dev" }
];
// Only expose the Local Dev entry while actually running in dev mode.
if (isDev) {
SITES.push({
id: "localhost",
label: "Local Dev",
url: location.origin,
note: "Local Dev",
host: host
});
}
var currentId = null;
for (var i = 0; i < SITES.length; i++) {
if (host === SITES[i].host) currentId = SITES[i].id;
}
var css = `
.site-switcher { position: relative; }
.site-switcher-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.3rem 0.7rem;
border-radius: 999px;
background: var(--surface-1);
border: 1px solid var(--surface-2);
color: var(--text);
font: inherit;
font-size: 0.8rem;
cursor: pointer;
transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.site-switcher-btn:hover {
border-color: rgb(var(--accent-rgb));
transform: translateX(2px);
}
.site-switcher-dot {
width: 8px; height: 8px; border-radius: 50%;
background: rgb(var(--accent-rgb)); flex-shrink: 0;
}
.site-switcher-caret {
font-size: 0.7rem; line-height: 1; opacity: 0.8;
transition: transform 0.15s ease;
}
.site-switcher.open .site-switcher-caret { transform: rotate(180deg); }
.site-switcher-menu {
position: absolute;
left: 0;
bottom: calc(100% + 0.45rem);
display: flex;
flex-direction: column;
gap: 0.25rem;
min-width: 210px;
padding: 0.4rem;
border-radius: 12px;
background: var(--surface-0);
border: 1px solid var(--surface-1);
box-shadow: 0 10px 28px -8px rgba(17, 17, 27, 0.7);
opacity: 0;
transform: translateY(6px);
pointer-events: none;
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 30;
}
.site-switcher.open .site-switcher-menu {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.site-switcher-item {
display: flex;
flex-direction: column;
gap: 0.05rem;
padding: 0.4rem 0.6rem;
border-radius: 8px;
text-decoration: none;
color: var(--text);
border: 1px solid transparent;
transition: background 0.12s ease, border-color 0.12s ease;
}
.site-switcher-item:hover { background: var(--surface-1); }
.site-switcher-item .ss-label { font-size: 0.82rem; font-weight: 500; }
.site-switcher-item .ss-note { font-size: 0.68rem; color: var(--subtext-0); }
.site-switcher-item.current {
border-color: rgb(var(--accent-rgb));
background: rgba(var(--accent-rgb), 0.12);
}
.site-switcher-item.current .ss-label { color: rgb(var(--accent-rgb)); }
@media (max-width: 640px) {
.site-switcher-menu { left: 50%; transform: translate(-50%, 6px); }
.site-switcher.open .site-switcher-menu { transform: translate(-50%, 0); }
}`;
var style = document.createElement("style");
style.textContent = css;
document.head.appendChild(style);
// ---- markup -------------------------------------------------------------
var current = SITES.filter(function (s) { return s.id === currentId; })[0];
var btnLabel = current ? current.label : "Sites";
var wrap = document.createElement("div");
wrap.className = "site-switcher";
var menuItems = SITES.map(function (s) {
var isCur = s.id === currentId;
return (
'<a class="site-switcher-item' + (isCur ? " current" : "") + '"' +
' role="menuitem"' + (isCur ? ' aria-current="page"' : "") +
' href="' + s.url + '">' +
'<span class="ss-label">' + s.label + "</span>" +
'<span class="ss-note">' + s.note + (isCur ? " · you are here" : "") + "</span>" +
"</a>"
);
}).join("");
wrap.innerHTML =
'<button class="site-switcher-btn" type="button" aria-haspopup="true" aria-expanded="false">' +
'<span class="site-switcher-dot" aria-hidden="true"></span>' +
"<span>" + btnLabel + "</span>" +
'<span class="site-switcher-caret" aria-hidden="true">▾</span>' +
"</button>" +
'<div class="site-switcher-menu" role="menu">' + menuItems + "</div>";
// ---- mount: into the existing nav, else float bottom-left ---------------
var navLinks = document.querySelector(".nav-links");
if (navLinks) {
var stale = navLinks.querySelector(".nav-link.is-a-dev");
if (stale) stale.remove();
navLinks.appendChild(wrap);
} else {
wrap.style.position = "fixed";
wrap.style.left = "1rem";
wrap.style.bottom = "1rem";
wrap.style.zIndex = "6";
document.body.appendChild(wrap);
}
// ---- behaviour ----------------------------------------------------------
var btn = wrap.querySelector(".site-switcher-btn");
function setOpen(open) {
wrap.classList.toggle("open", open);
btn.setAttribute("aria-expanded", open ? "true" : "false");
}
btn.addEventListener("click", function (e) {
e.stopPropagation();
setOpen(!wrap.classList.contains("open"));
});
document.addEventListener("click", function (e) {
if (!wrap.contains(e.target)) setOpen(false);
});
document.addEventListener("keydown", function (e) {
if (e.key === "Escape") setOpen(false);
});
})();

View File

@ -82,7 +82,6 @@
<script src="/js/nav.js"></script>
<script src="/js/music.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/site-switcher.js"></script>
</body>
</html>