WeightRoom / embed.html
smelukov's picture
Deploy 79b5692 from main
c18fd9e verified
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light dark" />
<title>WeightRoom — Embedded Widget</title>
<meta name="description" content="WeightRoom embedded calculator widget" />
<!--
Standalone theme bootstrap for the embed widget. Reads `?theme=` from the
URL (light | dark | auto). Defaults to `auto`, which follows the host
page's `prefers-color-scheme`. We deliberately do NOT touch
`localStorage["theme"]` here — the embed must not read or write the host
site's preferences.
-->
<script>
(function () {
try {
var params = new URLSearchParams(location.search);
var theme = params.get('theme') || 'auto';
var resolved =
theme === 'auto' || theme === 'system'
? window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'light'
: theme === 'dark'
? 'dark'
: 'light';
document.documentElement.classList.add(resolved);
document.documentElement.style.colorScheme = resolved;
} catch (e) {}
})();
</script>
<script type="module" crossorigin src="/assets/embed-D8cEWUOa.js"></script>
<link rel="modulepreload" crossorigin href="/assets/url-CQIsGaaH.js">
<link rel="stylesheet" crossorigin href="/assets/embed-BAfdtRbW.css">
</head>
<body>
<div id="embed-root"></div>
</body>
</html>