Lucas WintherandClaude Opus 5
0efcfc52f0
Dark Reader inverts an already-dark palette, which wrecks the interface: the colours here carry meaning — the urgency ramp is how you read how soon something ends — so having them re-mapped is not a cosmetic problem. darkreader-lock is its documented opt-out. color-scheme: dark is the standard signal alongside it, so browser chrome and form controls render dark too. Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<base href="__BASE__" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<title>Event Clock — gacha events by what expires next</title>
|
|
<meta
|
|
name="description"
|
|
content="Live and upcoming events across your gacha games, sorted by what ends soonest."
|
|
/>
|
|
<meta name="theme-color" content="#12141c" />
|
|
|
|
<!--
|
|
This page is already dark. Two signals, because they cover different
|
|
readers:
|
|
|
|
color-scheme tells the browser (and well-behaved extensions) that a dark
|
|
rendering is intended, so form controls and scrollbars come out dark and
|
|
nothing tries to synthesise a light theme.
|
|
|
|
darkreader-lock is Dark Reader's documented opt-out. Without it Dark
|
|
Reader inverts an already-dark palette, which wrecks the urgency ramp —
|
|
the colours in this UI carry meaning, so having them re-mapped is not a
|
|
cosmetic problem.
|
|
-->
|
|
<meta name="color-scheme" content="dark" />
|
|
<meta name="darkreader-lock" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Public+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link rel="manifest" href="manifest.webmanifest" />
|
|
<link rel="icon" href="icon.svg" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" href="icon.svg" />
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="main.js"></script>
|
|
</body>
|
|
</html>
|