bangs.fast/index.html at main · kristianvld/bangs.fast · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#f3efe7" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#1f2630" media="(prefers-color-scheme: dark)" />
    <title>!bangs.fast</title>
    <link
      rel="icon"
      type="image/svg+xml"
      href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjEyMDAiIHJ4PSIyMjAiIGZpbGw9IiNmM2VmZTciLz4KICA8cGF0aCBmaWxsPSIjMWYyNjMwIiBkPSJtOTgwLjQ4IDkwNS43Ni0xOTguODQtMTk5LjA4Yzg5LjIwMy0xMjUuMzQgNzcuOTUzLTMwMC4xNC0zNC40MDYtNDEyLjY0LTEyNS4yNi0xMjUuNDQtMzI4LjAzLTEyNS40NC00NTMuMzIgMC0xMjUuMjYgMTI1LjQ0LTEyNS4yNiAzMjguNDUgMCA0NTMuODQgMTEyLjM2IDExMi41IDI4Ni45NyAxMjMuNzQgNDEyLjE4IDM0LjQwNmwxOTguODQgMTk5LjA4YzUzLjI1IDUzLjI5NyAxMzIuMDUtMTkuMDc4IDc1LjU2Mi03NS42MDl6bS02MTAuODctMjMzLjU4Yy04My4zOTEtODMuNTMxLTgzLjM5MS0yMTguODYgMC0zMDIuMzlzMjE4LjU4LTgzLjUzMSAzMDIuMDIgMGM4My4zOTEgODMuNTMxIDgzLjM5MSAyMTguODYgMCAzMDIuMzktODMuNDM4IDgzLjQ4NC0yMTguNjMgODMuNDg0LTMwMi4wMiAweiIvPgo8L3N2Zz4K"
    />
    <link
      rel="search"
      type="application/opensearchdescription+xml"
      title="!bangs.fast"
      href="/opensearch.xml"
    />
    <script>
      (() => {
        const rawHash = window.location.hash.startsWith("#") ? window.location.hash.slice(1) : window.location.hash;
        if (!rawHash) return;

        const candidate = rawHash.startsWith("?") ? rawHash.slice(1) : rawHash;
        const params = new URLSearchParams(candidate);
        const query = (params.get("q") ?? "").trim();
        if (!query) return;

        document.documentElement.dataset.shellMode = "search";
      })();
    </script>
    <style>
      :root {
        --shell-bg: #f3efe7;
      }

      html[data-shell-mode="search"] {
        color-scheme: light dark;
      }

      @media (prefers-color-scheme: dark) {
        html[data-shell-mode="search"] {
          --shell-bg: #1f2630;
        }
      }

      html,
      body {
        margin: 0;
        min-height: 100%;
        background: var(--shell-bg);
      }
    </style>
    <script src="/bootstrap-guard.js"></script>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/bootstrap.ts"></script>
  </body>
</html>