f37c64c68b
- app.html: comment out 3 Google Fonts <link> tags (Noto Sans, Noto Serif, Roboto Mono) — no theme or component applies these families; all themes use system-ui. Saves 3 blocking network requests on every page load. - app.html: add subtle CSS-only #ae_loader spinner (1.75rem ring, pointer-events:none) that shows during JS download + root load function, before Svelte mounts. - +layout.svelte: add onMount to remove #ae_loader as soon as Svelte bootstraps; the existing is_hydrating frosted-glass overlay takes over from there. - app.css: comment out orphaned Quicksand @font-face — font-family was never applied to any element so browser never fetched it anyway. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
109 lines
4.7 KiB
HTML
109 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<script>
|
|
(() => {
|
|
const hostname = window.location.hostname;
|
|
const is_local_dev =
|
|
hostname === 'localhost' ||
|
|
hostname === '127.0.0.1' ||
|
|
hostname === '[::1]' ||
|
|
hostname.endsWith('.localhost');
|
|
|
|
if (!is_local_dev || !('serviceWorker' in navigator)) return;
|
|
|
|
// Prevent the app bootstrap from re-registering a worker on localhost.
|
|
// The browser can otherwise keep routing fetches through a stale SW
|
|
// during iterative iframe testing, which is exactly the noise we want to avoid.
|
|
try {
|
|
Object.defineProperty(navigator.serviceWorker, 'register', {
|
|
configurable: true,
|
|
value: async () => ({})
|
|
});
|
|
} catch {
|
|
// If the property is not writable in this browser, the unregister
|
|
// pass below still removes any existing worker registration.
|
|
}
|
|
|
|
// Local iframe testing should not keep an older worker alive, because
|
|
// Chromium can continue to route fetches through the stale worker until
|
|
// it is explicitly unregistered.
|
|
navigator.serviceWorker.getRegistrations().then((registrations) => {
|
|
for (const registration of registrations) {
|
|
registration.unregister().catch(() => {});
|
|
}
|
|
}).catch(() => {});
|
|
|
|
// Clear any stale runtime caches as well; local testing should always
|
|
// rebuild from the current source rather than reusing old worker output.
|
|
if ('caches' in window) {
|
|
caches.keys().then((cache_keys) => {
|
|
for (const cache_key of cache_keys) {
|
|
caches.delete(cache_key).catch(() => {});
|
|
}
|
|
}).catch(() => {});
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- Google Fonts: commented out 2026-05-19 — no theme or component applies these families;
|
|
all themes use system-ui/sans-serif. Re-enable if a theme is added that references them.
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
|
|
rel="stylesheet" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
|
|
rel="stylesheet" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
|
|
rel="stylesheet" />
|
|
-->
|
|
|
|
<!-- <link href="app.css" rel="stylesheet"> -->
|
|
|
|
<!-- Pre-JS loading indicator. Removed by root +layout.svelte onMount once Svelte
|
|
bootstraps and the existing is_hydrating overlay takes over. Pointer-events:none
|
|
so it never blocks interaction if something goes wrong with the remove call. -->
|
|
<style>
|
|
#ae_loader {
|
|
position: fixed;
|
|
inset: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 9999;
|
|
pointer-events: none;
|
|
}
|
|
#ae_loader::after {
|
|
content: '';
|
|
width: 1.75rem;
|
|
height: 1.75rem;
|
|
border-radius: 50%;
|
|
border: 2px solid rgba(120, 120, 120, 0.15);
|
|
border-top-color: rgba(120, 120, 120, 0.45);
|
|
animation: ae_loader_spin 0.75s linear infinite;
|
|
}
|
|
@keyframes ae_loader_spin {
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
</style>
|
|
|
|
%sveltekit.head%
|
|
</head>
|
|
<!-- h-full w-full overflow-auto -->
|
|
<!-- overflow-x-scroll -->
|
|
<body data-sveltekit-preload-data="hover" class="h-full w-full">
|
|
<div id="ae_loader" aria-hidden="true"></div>
|
|
<div style="display: contents" class="">%sveltekit.body%</div>
|
|
</body>
|
|
</html>
|