LabLinks Chrome-Erweiterung im Retro-Look

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

popup.html

@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <title>LabLinks</title>
+  <link rel="stylesheet" href="popup.css">
+</head>
+<body>
+  <div class="crt">
+    <header>
+      <h1>LAB<span>LINKS</span><i class="cursor"></i></h1>
+      <div class="actions">
+        <button id="editToggle" title="Bearbeiten">[EDIT]</button>
+      </div>
+    </header>
+
+    <input id="search" type="text" placeholder="&gt; suche…" autocomplete="off" spellcheck="false">
+
+    <ul id="list"></ul>
+    <p id="empty" hidden>// noch keine links.<br>// klicke [EDIT] → [+ NEU]</p>
+
+    <form id="form" hidden>
+      <div class="row">
+        <input id="fIcon" maxlength="2" placeholder="🖥" title="Emoji / Kürzel">
+        <input id="fName" placeholder="Name (z.B. Proxmox)" required>
+      </div>
+      <input id="fUrl" placeholder="https://192.168.1.10:8006" required>
+      <div class="row">
+        <button type="submit" class="primary">[SPEICHERN]</button>
+        <button type="button" id="cancel">[ABBRUCH]</button>
+      </div>
+    </form>
+
+    <footer>
+      <button id="add" hidden>[+ NEU]</button>
+      <button id="export" hidden>[EXPORT]</button>
+      <button id="import" hidden>[IMPORT]</button>
+      <input id="file" type="file" accept="application/json" hidden>
+      <span id="count"></span>
+    </footer>
+  </div>
+  <script src="popup.js"></script>
+</body>
+</html>