toplist/index.html at master · bas080/toplist · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!doctype html>
<html lang="en">
  <head>
    <title>Top List</title>

    <link
      rel="icon"
      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍒</text></svg>"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#121212" />
    <meta name="apple-mobile-web-app-status-bar" content="#121212" />

    <meta
      name="description"
      content="Top list helps you focus on what matters while collaborating."
    />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Top List 🍒" />

    <meta
      property="og:description"
      content="Manage and share your lists with TopList App."
    />
    <meta property="og:url" content="https://bas080.github.io/toplist" />
    <meta
      property="og:image"
      content="https://www.example.com/images/toplist-icon.png"
    />

    <link rel="manifest" href="/manifest.webmanifest" />
    <link rel="stylesheet" href="./simple.css" />
    <link rel="stylesheet" href="./toplist.css" />
  </head>
  <body>
    <main>
      <div id="error"></div>

      <noscript>
        <h1>Please enable JavaScript</h1>
        <p>This App requires JavaScript to work.</p>
      </noscript>

      <dialog id="qrCodeDialog">
        <form class="float-right" method="dialog">
          <button>Close</button>
        </form>

        <h1>Share Items</h1>
        <p id="qr-code"></p>
      </dialog>

      <dialog id="dialog">
        <form class="float-right" method="dialog">
          <button>Close</button>
        </form>
        <h1>Preview</h1>
        <div id="preview"></div>
      </dialog>

      <div id="app"></div>
    </main>

    <footer>
      <a href="https://github.com/bas080/toplist">GitHub</a>
      ·
      <a href="https://github.com/bas080/toplist/blob/master/README.md">
        Docs
      </a>
      ·
      <a href="https://bas080.github.io/toplist/straw">Roadmap</a>
    </footer>
  </body>

  <script type="module" src="./toplist.mjs"></script>
</html>