Introduce peer.paste

2026-05-27 22:23:30 -04:00
parent 396bba5bb2
commit e802bbcf64
8 changed files with 1031 additions and 0 deletions
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>peer.paste</title>
+  <link rel="stylesheet" href="/styles.css" />
+</head>
+<body>
+  <main class="wrap">
+    <h1>peer.paste</h1>
+    <p class="subtitle">Temporary P2P snippets with expiration and burn-after-read options.</p>
+
+    <section class="card">
+      <h2>Create Paste</h2>
+      <form id="create-form">
+        <label>Title (optional)
+          <input type="text" id="title" maxlength="120" />
+        </label>
+        <label>Language (optional)
+          <input type="text" id="language" maxlength="32" placeholder="plain / js / json / md" />
+        </label>
+        <label>Expires in hours
+          <input type="number" id="expiresHours" min="1" max="168" value="24" />
+        </label>
+        <label>Max reads (0 = unlimited until expiry)
+          <input type="number" id="maxReads" min="0" max="10000" value="0" />
+        </label>
+        <label class="row">
+          <input type="checkbox" id="destroyOnRead" />
+          Burn after first read
+        </label>
+        <label>Content
+          <textarea id="content" rows="14" required></textarea>
+        </label>
+        <button type="submit">Create Paste</button>
+      </form>
+      <div id="create-result" class="result"></div>
+    </section>
+
+    <section class="card">
+      <h2>Active Pastes</h2>
+      <button id="refresh-btn" type="button">Refresh</button>
+      <div id="list"></div>
+    </section>
+  </main>
+  <script src="/main.js"></script>
+</body>
+</html>