initial commit — dropLake

2026-04-02 16:05:40 +03:00
commit f80aadc3ab
17 changed files with 2206 additions and 0 deletions
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>dropLake — Download</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link rel="stylesheet" href="/static/css/style.css" />
+</head>
+<body>
+  <div class="container">
+
+    <!-- Logo -->
+    <div class="logo">
+      <div class="logo-mark">◈</div>
+      <h1>drop<span class="grad">Lake</span></h1>
+      <p>Encrypted &nbsp;·&nbsp; Ephemeral &nbsp;·&nbsp; No accounts</p>
+    </div>
+
+    <!-- Card -->
+    <div class="card">
+
+      <!-- Loading / error state -->
+      <div id="statusWrap">
+        <div id="statusMsg" class="alert alert-info">Loading share…</div>
+      </div>
+
+      <!-- Info grid -->
+      <div id="infoGrid" class="info-grid hidden">
+        <div class="info-item">
+          <div class="i-label">Content</div>
+          <div class="i-value" id="infoType">—</div>
+        </div>
+        <div class="info-item">
+          <div class="i-label">Size</div>
+          <div class="i-value" id="infoSize">—</div>
+        </div>
+        <div class="info-item">
+          <div class="i-label">Expires</div>
+          <div class="i-value" id="infoExpiry">—</div>
+        </div>
+        <div class="info-item">
+          <div class="i-label">Burn after read</div>
+          <div class="i-value" id="infoBurn">—</div>
+        </div>
+      </div>
+
+      <!-- Missing key warning -->
+      <div id="noKeyWarn" class="alert alert-error hidden">
+        Decryption key missing. Use the full share URL — it ends with <code style="font-family:var(--mono);font-size:0.85em">#…</code>
+      </div>
+
+      <!-- Password field -->
+      <div id="pwSection" class="field hidden">
+        <label for="pwInput">Password required</label>
+        <input id="pwInput" type="password"
+               placeholder="Enter the share password"
+               autocomplete="current-password" />
+      </div>
+
+      <!-- Alert -->
+      <div id="alertBox" class="alert hidden"></div>
+
+      <!-- Download button -->
+      <button class="btn hidden" id="downloadBtn">Decrypt &amp; Download</button>
+
+      <!-- Text output -->
+      <div id="textSection" class="hidden mt-2">
+        <div class="result-label" style="margin-bottom:0.5rem">Decrypted text</div>
+        <div class="text-output" id="textOutput"></div>
+        <button class="btn btn-outline" id="copyTextBtn">Copy text</button>
+      </div>
+
+    </div><!-- .card -->
+  </div><!-- .container -->
+
+  <footer>
+    dropLake<span class="sep">·</span>self-hosted<span class="sep">·</span>no tracking
+  </footer>
+
+  <script src="/static/js/download.js"></script>
+</body>
+</html>