Files
gacha-event-tracker/index.html
T

49 lines
2.0 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>
<noscript>
<img src="https://analytics.lucaswinther.info/ingress/b85b98e5-4692-411f-b6f6-bbe7e54d8c83/pixel.gif">
</noscript>
<script defer src="https://analytics.lucaswinther.info/ingress/b85b98e5-4692-411f-b6f6-bbe7e54d8c83/script.js"></script>
<div id="root"></div>
<script type="module" src="main.js"></script>
</body>
</html>