first commit

2025-11-11 10:36:31 +01:00
commit 80eb037b56
25 changed files with 4509 additions and 0 deletions
--- a/extension/popup.html
+++ b/extension/popup.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Facebook Post Tracker</title>
+  <style>
+    body {
+      width: 300px;
+      padding: 20px;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+      margin: 0;
+    }
+
+    h1 {
+      font-size: 18px;
+      margin: 0 0 16px 0;
+      color: #050505;
+    }
+
+    .section {
+      margin-bottom: 20px;
+    }
+
+    label {
+      display: block;
+      font-size: 14px;
+      font-weight: 600;
+      margin-bottom: 8px;
+      color: #050505;
+    }
+
+    select {
+      width: 100%;
+      padding: 8px;
+      border: 1px solid #ccd0d5;
+      border-radius: 6px;
+      font-size: 14px;
+      background: white;
+    }
+
+    .status {
+      padding: 12px;
+      background: #f0f2f5;
+      border-radius: 8px;
+      font-size: 14px;
+      color: #65676b;
+    }
+
+    .status.saved {
+      background: #d1fae5;
+      color: #065f46;
+    }
+
+    .btn-group {
+      display: flex;
+      gap: 8px;
+      margin-top: 12px;
+    }
+
+    button {
+      flex: 1;
+      padding: 10px;
+      background: #1877f2;
+      color: white;
+      border: none;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+
+    button:hover {
+      background: #166fe5;
+    }
+
+    button.secondary {
+      background: #e4e6eb;
+      color: #050505;
+    }
+
+    button.secondary:hover {
+      background: #d8dadf;
+    }
+
+    .info {
+      font-size: 12px;
+      color: #65676b;
+      margin-top: 8px;
+      line-height: 1.4;
+    }
+  </style>
+</head>
+<body>
+  <h1>📋 Facebook Post Tracker</h1>
+
+  <div class="section">
+    <label for="profileSelect">Aktuelles Profil:</label>
+    <select id="profileSelect">
+      <option value="1">Profil 1</option>
+      <option value="2">Profil 2</option>
+      <option value="3">Profil 3</option>
+      <option value="4">Profil 4</option>
+      <option value="5">Profil 5</option>
+    </select>
+    <div class="info">Wähle das Browser-Profil aus, mit dem du aktuell arbeitest.</div>
+  </div>
+
+  <div id="status" class="status"></div>
+
+  <div class="btn-group">
+    <button id="saveBtn">Speichern</button>
+    <button id="webInterfaceBtn" class="secondary">Web-Interface</button>
+  </div>
+
+  <script src="config.js"></script>
+  <script src="popup.js"></script>
+</body>
+</html>