65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
|
|
<meta name="theme-color" content="#0a0a0a" media="(prefers-color-scheme: dark)" />
|
||
|
|
<meta name="theme-color" content="#fafafa" media="(prefers-color-scheme: light)" />
|
||
|
|
<meta name="color-scheme" content="dark light" />
|
||
|
|
<title>ray/cer</title>
|
||
|
|
<link rel="manifest" href="/manifest.webmanifest" />
|
||
|
|
<link rel="icon" href="/icons/favicon.svg" type="image/svg+xml" />
|
||
|
|
<link rel="apple-touch-icon" href="/icons/icon-192.png" />
|
||
|
|
<link rel="stylesheet" href="/css/styles.css" />
|
||
|
|
<script type="importmap">
|
||
|
|
{
|
||
|
|
"imports": {
|
||
|
|
"dexie": "https://cdn.jsdelivr.net/npm/dexie@4.4.2/dist/modern/dexie.mjs"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body data-route="/" data-user="">
|
||
|
|
<div id="app" aria-live="polite"></div>
|
||
|
|
<template id="tpl-landing">
|
||
|
|
<main class="landing">
|
||
|
|
<div class="brand brand--xl" role="group" aria-label="Choose user">
|
||
|
|
<a href="/ray" class="brand__user brand__user--ray" data-link>ray</a>
|
||
|
|
<span class="brand__slash" aria-hidden="true">/</span>
|
||
|
|
<a href="/cer" class="brand__user brand__user--cer" data-link>cer</a>
|
||
|
|
</div>
|
||
|
|
<p class="landing__sub">choose to continue</p>
|
||
|
|
</main>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<template id="tpl-route">
|
||
|
|
<header class="topbar">
|
||
|
|
<a href="/" class="brand brand--sm" data-link aria-label="raycer home">
|
||
|
|
<span class="brand__user brand__user--ray" data-brand="ray">ray</span><span
|
||
|
|
class="brand__slash"
|
||
|
|
>/</span
|
||
|
|
><span class="brand__user brand__user--cer" data-brand="cer">cer</span>
|
||
|
|
</a>
|
||
|
|
<div class="topbar__meta">
|
||
|
|
<span class="countdown" data-countdown></span>
|
||
|
|
<button class="iconbtn" data-theme-toggle title="Toggle dark/light" aria-label="Toggle theme">
|
||
|
|
<span data-theme-icon>auto</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section class="stats" data-stats></section>
|
||
|
|
|
||
|
|
<main class="calendar-wrap">
|
||
|
|
<div class="calendar" data-calendar></div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer class="actionbar" data-actionbar></footer>
|
||
|
|
|
||
|
|
<div class="popover-root" data-popover hidden></div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script type="module" src="/js/app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|