meow
This commit is contained in:
parent
1105ceab9e
commit
abde3e02ab
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
})();
|
||||
|
|
@ -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);
|
||||
});
|
||||
})();
|
||||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue