slack status without the slack
status.zzstoatzz.io/
zzstoatzz.io
quickslice
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.0">
6 <title>status</title>
7 <link rel="icon" type="image/svg+xml" href="/favicon.svg">
8 <link rel="stylesheet" href="/styles.css">
9 <script src="https://cdn.jsdelivr.net/gh/bigmoves/quickslice@v0.17.3/quickslice-client-js/dist/quickslice-client.min.js"></script>
10</head>
11<body>
12 <div id="app">
13 <header>
14 <h1 id="page-title">status</h1>
15 <nav>
16 <a href="/" id="nav-home" class="nav-btn" aria-label="home" title="home">
17 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
18 <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
19 <polyline points="9 22 9 12 15 12 15 22"></polyline>
20 </svg>
21 </a>
22 <a href="/feed" id="nav-feed" class="nav-btn" aria-label="global feed" title="global feed">
23 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
24 <circle cx="12" cy="12" r="10"></circle>
25 <line x1="2" y1="12" x2="22" y2="12"></line>
26 <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
27 </svg>
28 </a>
29 <button id="settings-btn" class="nav-btn hidden" aria-label="settings" title="settings">
30 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
31 <circle cx="12" cy="12" r="3"></circle>
32 <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
33 </svg>
34 </button>
35 <button id="theme-toggle" aria-label="toggle theme">
36 <span class="sun">☀</span>
37 <span class="moon">☾</span>
38 </button>
39 </nav>
40 </header>
41
42 <main id="main-content">
43 <div class="center">loading...</div>
44 </main>
45 </div>
46
47 <script src="/app.js"></script>
48</body>
49</html>