diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..e59101c --- /dev/null +++ b/public/index.html @@ -0,0 +1,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> |