rastrillo / aviso Public

branch:

Clone

git clone https://amadan.net/rastrillo/aviso

Plain git — no account needed to clone.

Download

1	<!doctype html>
2	<html lang="en">
3	<head>
4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<title>aviso example</title>
7	<link rel="manifest" href="/static/manifest.webmanifest">
8	<meta name="theme-color" content="#5b6cff">
9	<link rel="apple-touch-icon" href="/static/icon-180.png">
10	<style>
11	body { font: 16px/1.5 system-ui, sans-serif; margin: 2rem auto; max-width: 40rem; padding: 0 1rem; }
12	button { font: inherit; padding: .5rem 1rem; margin-right: .5rem; }
13	pre { background: #f4f4f6; padding: 1rem; overflow-x: auto; }
14	#coach { display: none; border-left: 3px solid #5b6cff; padding-left: 1rem; }
15	</style>
16	</head>
17	<body>
18	<h1>aviso example</h1>
19	<p>Everyone here is signed in as <code>dev</code>. Enable push, then notify yourself.</p>
20	<p id="coach">On an iPhone or iPad, add this app to your Home Screen (Share → Add to Home Screen) and open it from there first — iOS delivers push only to an installed app.</p>
21	<p>
22	<!-- Disabled until the worker is active and the key is fetched:
23	a click before then would do nothing, silently. -->
24	<button id="enable" disabled>Enable notifications</button>
25	<button id="disable" disabled>Disable</button>
26	<button id="notify" disabled>Notify me</button>
27	</p>
28	<pre id="log"></pre>
29	<script type="module" src="/static/app.js"></script>
30	</body>
31	</html>
32