| 1 | <!doctype html> |
| 2 | <!-- |
| 3 | The launcher: the page bundled with the desktop app, which the window |
| 4 | opens first. It asks the app which server to use, checks that it |
| 5 | answers, and goes there; while it works, and when it cannot, this is |
| 6 | what you see. It is also where another g1t is chosen (?change). |
| 7 | --> |
| 8 | <html lang="en"> |
| 9 | <head> |
| 10 | <meta charset="utf-8" /> |
| 11 | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 12 | <meta name="color-scheme" content="dark" /> |
| 13 | <title>g1t</title> |
| 14 | <link rel="stylesheet" href="launcher.css" /> |
| 15 | </head> |
| 16 | <body> |
| 17 | <main> |
| 18 | <svg class="mark" viewBox="0 0 256 256" shape-rendering="crispEdges" aria-hidden="true"> |
| 19 | <rect width="256" height="256" rx="56" shape-rendering="geometricPrecision" fill="#0f0f11" /> |
| 20 | <rect x="118" y="43" width="20" height="20" fill="#b6a8ff" /> |
| 21 | <rect x="93" y="68" width="20" height="20" fill="#b6a8ff" /> |
| 22 | <rect x="118" y="68" width="20" height="20" fill="#b6a8ff" /> |
| 23 | <rect x="68" y="93" width="20" height="20" fill="#b6a8ff" /> |
| 24 | <rect x="118" y="93" width="20" height="20" fill="#b6a8ff" /> |
| 25 | <rect x="118" y="118" width="20" height="20" fill="#b6a8ff" /> |
| 26 | <rect x="118" y="143" width="20" height="20" fill="#b6a8ff" /> |
| 27 | <rect x="118" y="168" width="20" height="20" fill="#b6a8ff" /> |
| 28 | <rect x="68" y="193" width="20" height="20" fill="#b6a8ff" /> |
| 29 | <rect x="93" y="193" width="20" height="20" fill="#b6a8ff" /> |
| 30 | <rect x="118" y="193" width="20" height="20" fill="#b6a8ff" /> |
| 31 | <rect x="143" y="193" width="20" height="20" fill="#b6a8ff" /> |
| 32 | <rect x="168" y="193" width="20" height="20" fill="#b6a8ff" /> |
| 33 | </svg> |
| 34 | |
| 35 | <section id="connecting" hidden> |
| 36 | <p class="status"><span class="pulse"></span><span id="connecting-text">Connecting to g1t…</span></p> |
| 37 | </section> |
| 38 | |
| 39 | <section id="offline" hidden> |
| 40 | <h1 id="offline-title">Can't reach g1t.sh</h1> |
| 41 | <p class="muted">Check your connection, then try again. If g1t.sh itself is down, its status page says so.</p> |
| 42 | <div class="row"> |
| 43 | <button id="retry" type="button" class="primary">Try again</button> |
| 44 | <button id="change" type="button">Use another g1t…</button> |
| 45 | </div> |
| 46 | <p class="muted small"><a id="status-link" href="https://status.g1t.sh/">status.g1t.sh</a></p> |
| 47 | </section> |
| 48 | |
| 49 | <section id="choose" hidden> |
| 50 | <h1>Which g1t?</h1> |
| 51 | <p class="muted">g1t.sh unless you run g1t yourself. Enter your g1t's address to use it instead; the app keeps it.</p> |
| 52 | <form id="server-form"> |
| 53 | <label for="server">Address</label> |
| 54 | <input id="server" name="server" type="url" inputmode="url" autocomplete="off" spellcheck="false" placeholder="https://g1t.example.com" /> |
| 55 | <p id="server-error" class="error" hidden></p> |
| 56 | <div class="row"> |
| 57 | <button type="submit" class="primary">Use this g1t</button> |
| 58 | <button id="use-default" type="button">Use g1t.sh</button> |
| 59 | </div> |
| 60 | </form> |
| 61 | </section> |
| 62 | |
| 63 | <p class="version muted small" id="version"></p> |
| 64 | </main> |
| 65 | <script src="launcher.js"></script> |
| 66 | </body> |
| 67 | </html> |