fuzzyworld

north-star / files / src / index.html

index.html

Blame: the commit that last changed each line · file · history

a425df77 2026-03-14 Pavel Safronov1<!doctype html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
e790982a 2026-03-16 Pavel Safronov7 <title>Friend Compass</title>
aefe6549 2026-03-15 Pavel Safronov8
9 <!-- Share card (Open Graph + Twitter/X) -->
bb9690ee 2026-03-15 Pavel Safronov10 <meta property="og:type" content="website" />
11 <meta property="og:title" content="Someone wants you to know where they are 📍" />
12 <meta property="og:description"
e790982a 2026-03-16 Pavel Safronov13 content="Friend Compass shows live arrows pointing toward your friends. No account needed, end-to-end encrypted, works on any phone." />
b10cf38c 2026-10-27 Pavel Safronov14 <meta property="og:url" content="https://apps.fuzzyworld.net/north-star/" />
bb9690ee 2026-03-15 Pavel Safronov15 <meta name="twitter:card" content="summary" />
16 <meta name="twitter:title" content="Someone wants you to know where they are 📍" />
17 <meta name="twitter:description"
e790982a 2026-03-16 Pavel Safronov18 content="Friend Compass shows live arrows pointing toward your friends. No account needed, end-to-end encrypted, works on any phone." />
bb9690ee 2026-03-15 Pavel Safronov19 <meta name="description"
e790982a 2026-03-16 Pavel Safronov20 content="Friend Compass shows live arrows pointing toward your friends. No account needed, end-to-end encrypted, works on any phone." />
aefe6549 2026-03-15 Pavel Safronov21
96f7bf1a 2026-03-25 Pavel Safronov22 <link rel="icon" href="./assets/favicon.png" type="image/png" sizes="32x32" />
a425df77 2026-03-14 Pavel Safronov23 <link rel="stylesheet" href="style.css" />
24
25</head>
26
27<body>
e790982a 2026-03-16 Pavel Safronov28 <p class="app-title">
b10cf38c 2026-10-27 Pavel Safronov29 <a href="https://code.fuzzyworld.net/north-star/blob/readme.md.html" target="_blank"
39ddb24e 2026-03-16 Pavel Safronov30 rel="noopener noreferrer" aria-label="Open project README">
31 <img src="assets/compass.png" alt="Compass icon" class="app-icon" />
f0388c2d 2026-03-16 Pavel Safronov32 </a>
b10cf38c 2026-10-27 Pavel Safronov33 <a id="app-title-link" href="https://apps.fuzzyworld.net/north-star/">Friend Compass</a>
e790982a 2026-03-16 Pavel Safronov34 </p>
1909c7ef 2026-03-15 Pavel Safronov35 <div class="room-header">
36 <p id="room-current" class="room-current"></p>
b10cf38c 2026-10-27 Pavel Safronov37 <a id="create-room-link" href="https://apps.fuzzyworld.net/north-star/">Create New Room</a>
1909c7ef 2026-03-15 Pavel Safronov38 </div>
dcd59aa1 2026-03-14 Pavel Safronov39 <form id="name-form" class="name-form" autocomplete="off">
b7a75d8d 2026-03-16 Pavel Safronov40 <div class="controls-row controls-row-main">
41 <input id="self-name-input" name="selfName" type="text" maxlength="32" enterkeyhint="done" />
42 <input id="self-color-input" name="selfColor" type="color" />
32796e53 2026-03-16 Pavel Safronov43 <button id="dark-mode-toggle" class="dark-mode-toggle" type="button" aria-label="Toggle dark mode"></button>
f495a654 2026-03-16 Pavel Safronov44 <button id="wake-lock-toggle" class="wake-lock-toggle" type="button" aria-pressed="false"
32796e53 2026-03-16 Pavel Safronov45 aria-label="Keep screen awake"></button>
cf7471ca 2026-03-16 Pavel Safronov46 <button id="clean-mode-toggle" class="clean-mode-toggle" type="button"
47 aria-pressed="false">Fullscreen</button>
b7a75d8d 2026-03-16 Pavel Safronov48 </div>
49 <div class="controls-row controls-row-secondary">
50 <button id="calibrate-heading-link" class="friends-toggle" type="button">Compass</button>
51 <button id="friends-toggle" class="friends-toggle" type="button" aria-expanded="true">Hide Friends</button>
52 </div>
dcd59aa1 2026-03-14 Pavel Safronov53 </form>
e2694d9e 2026-03-15 Pavel Safronov54 <div id="default-arrow" style="display: none;" class="arrow">
55 <div class="arrow-img"></div>
56 </div>
dcd59aa1 2026-03-14 Pavel Safronov57 <div id="content">
07aa3903 2026-03-16 Pavel Safronov58 <div id="lobby-buttons">
59 <button id="resume-room-button" class="resume-room-button is-hidden" type="button">Resume</button>
60 <button id="start-room-button" class="start-room-button" type="button">Start</button>
61 </div>
e790982a 2026-03-16 Pavel Safronov62 <aside id="friends-panel" class="friends-panel" aria-label="Friends"></aside>
dcd59aa1 2026-03-14 Pavel Safronov63 </div>
07aa3903 2026-03-16 Pavel Safronov64 <div id="room-links" class="room-links is-hidden">
6cb482fe 2026-03-15 Pavel Safronov65 <div id="invite-room-qr-list" class="room-qr-list" aria-label="Room invite QR codes"></div>
1909c7ef 2026-03-15 Pavel Safronov66 </div>
b7a75d8d 2026-03-16 Pavel Safronov67 <div id="debug-info">
1e87ff1c 2026-03-16 Pavel Safronov68 <p id="debug">
b10cf38c 2026-10-27 Pavel Safronov69 <a id="debug-commit" href="https://code.fuzzyworld.net/north-star/log/"
1e87ff1c 2026-03-16 Pavel Safronov70 target="_blank">Current Commit</a>
b10cf38c 2026-10-27 Pavel Safronov71 <a href="https://code.fuzzyworld.net/north-star/" target="_blank">Repo</a>
1e87ff1c 2026-03-16 Pavel Safronov72 </p>
b7a75d8d 2026-03-16 Pavel Safronov73 <p id="attributions">
74 <a href="https://www.flaticon.com/free-icons/tools-and-utensils" title="Tools and utensils icons">Tools and
75 utensils
76 icons created by Icongeek26 - Flaticon</a>
77 <a href="https://www.flaticon.com/free-icons/arrow" title="arrow icons">Arrow icons created by Freepik -
78 Flaticon</a>
cf7471ca 2026-03-16 Pavel Safronov79 <a href="https://www.flaticon.com/free-icons/multimedia-option" title="multimedia option icons">Multimedia
80 option icons
81 created by Icongeek26 - Flaticon</a>
b7a75d8d 2026-03-16 Pavel Safronov82 </p>
de4dbd8a 2026-03-14 Pavel Safronov83 </div>
92f24c4e 2026-03-16 Pavel Safronov84 <script src="app.ts" type="module"></script>
a425df77 2026-03-14 Pavel Safronov85</body>
86
87</html>