aboutsummaryrefslogtreecommitdiff
path: root/public/index.html
blob: e59101c7fe8058297a391509a72f2a5f9b7b1274 (plain)
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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>pathways — photo viewer</title>
  <link rel="stylesheet" href="/app.css">
</head>
<body>
  <header class="mast">
    <h1>pathways<span class="dot">.</span></h1>
    <p class="tag">a way through the library, along the things photos share.</p>
    <nav id="modes" class="modes" aria-label="path type">
      <button data-mode="label" class="on">labels</button>
      <button data-mode="keyword">keywords</button>
      <button data-mode="camera">cameras</button>
      <button data-mode="lens">lenses</button>
      <button data-mode="colour">colours</button>
    </nav>
    <p id="status" class="status"></p>
  </header>

  <main id="stream" class="stream"></main>

  <div id="lightbox" class="lightbox" hidden>
    <div class="lightbox-inner">
      <img id="lightbox-img" alt="">
      <div class="lightbox-side">
        <h2 id="lightbox-title"></h2>
        <p id="lightbox-date" class="dim"></p>
        <div id="lightbox-conns" class="conns"></div>
      </div>
      <button id="lightbox-close" class="close" aria-label="close">×</button>
    </div>
  </div>

  <footer class="foot">pathways · built over the photoprism database · no tracking</footer>
  <script src="/app.js" defer></script>
</body>
</html>