add frontend resources

2026-03-18 02:38:47 +08:00
parent 714981b447
commit 6605224e30
120 changed files with 4964 additions and 0 deletions
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="color-scheme" content="dark light">
+  <meta name="description" content="URL Shortener">
+  <title>Short · URL Shortener</title>
+  <link rel="stylesheet" href="static/fonts.css">
+  <link rel="stylesheet" href="static/style.css">
+</head>
+<body>
+  <div id="bg" aria-hidden="true"></div>
+  <header>
+    <div class="logo" title="URL Shortener">
+      <span class="logo-glyph">◈</span>
+      <span class="logo-name">short</span>
+    </div>
+    <div class="header-right">
+      <button id="theme-toggle" class="theme-toggle" onclick="toggleTheme()"
+        title="Toggle light/dark mode" aria-label="Toggle color theme"></button>
+      <div class="api-key-wrap">
+        <svg class="key-icon" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24"
+          fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.78 7.78 5.5 5.5 0 0 1 7.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"/>
+        </svg>
+        <input id="api-key-input" type="password" class="api-key-input"
+          placeholder="API Key" autocomplete="off" spellcheck="false"
+          aria-label="API Key for admin access">
+      </div>
+    </div>
+  </header>
+
+  <main>
+    <section class="url-section">
+      <div class="url-bar" onclick="document.getElementById('url-input').focus()">
+        <span class="url-icon" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
+            <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
+          </svg>
+        </span>
+        <input id="url-input" type="text" class="url-input"
+          placeholder="Paste a URL to shorten…" autocomplete="off" spellcheck="false"
+          aria-label="URL to shorten">
+        <span id="url-status" class="url-status"></span>
+      </div>
+    </section>
+
+    <div id="result-area"></div>
+    <div id="admin-area"></div>
+  </main>
+
+  <footer>
+    <span id="footer-info"></span>
+  </footer>
+
+  <div id="toast" class="toast" aria-live="polite"></div>
+
+  <script src="static/app.js" defer></script>
+</body>
+</html>
+
+
+