VYBECODEDDDDDDDDD

2026-08-15 00:20:45 +02:00
parent 1a2c8aaf7c
commit 5f201cf725
23 changed files with 2263 additions and 2 deletions
@@ -0,0 +1,62 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="referrer" content="no-referrer" />
+    <link rel="icon" href="data:," />
+    <title>File drop</title>
+    <link rel="stylesheet" href="/style.css" />
+  </head>
+  <body>
+    <main class="card">
+      <h1>File drop</h1>
+      <p class="tagline">Drop a file to get a private download link. Files are kept forever.</p>
+
+      <div id="dropzone" class="dropzone" role="button" tabindex="0" aria-label="Upload a file">
+        <input type="file" id="fileInput" hidden />
+        <p class="dz-main">Drag &amp; drop a file here</p>
+        <p class="dz-sub">or click to choose</p>
+      </div>
+
+      <div id="progress" class="progress hidden">
+        <div class="progress-label">
+          <span id="progressName"></span>
+          <span id="progressPct">0%</span>
+        </div>
+        <div class="progress-track">
+          <div id="progressBar" class="progress-bar"></div>
+        </div>
+      </div>
+
+      <div id="result" class="result hidden">
+        <div class="result-meta">
+          <strong id="resultName"></strong>
+          <span id="resultSize"></span>
+        </div>
+        <div class="url-row">
+          <input id="resultUrl" type="text" readonly aria-label="Download URL" />
+          <button id="copyBtn" type="button">Copy</button>
+        </div>
+        <div class="result-actions">
+          <button id="deleteBtn" type="button" class="danger">Delete file</button>
+          <button id="againBtn" type="button" class="ghost">Upload another</button>
+        </div>
+      </div>
+
+      <div id="notice" class="hidden"></div>
+
+      <section id="fileListWrap" class="files hidden" aria-label="Your uploaded files">
+        <div class="files-head">
+          <h2>Your files</h2>
+          <button id="clearListBtn" type="button" class="ghost">Clear list</button>
+        </div>
+        <p class="files-note">
+          Stored locally in this browser only. Other visitors cannot see them.
+        </p>
+        <ul id="fileList"></ul>
+      </section>
+    </main>
+    <script src="/app.js"></script>
+  </body>
+</html>