Initial commit: Plex Auto Skip Chrome extension

popup.html

@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    width: 280px;
+    padding: 16px;
+    color: #1a1a1a;
+  }
+  h1 {
+    font-size: 15px;
+    margin: 0 0 12px;
+  }
+  label {
+    display: block;
+    font-size: 12px;
+    font-weight: 600;
+    margin-bottom: 4px;
+    color: #555;
+  }
+  select, input[type="text"] {
+    width: 100%;
+    padding: 6px 8px;
+    font-size: 13px;
+    border: 1px solid #ccc;
+    border-radius: 6px;
+    margin-bottom: 10px;
+    box-sizing: border-box;
+  }
+  #customUrlRow {
+    display: none;
+  }
+  .toggle-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 0;
+    border-top: 1px solid #eee;
+  }
+  .toggle-row:first-of-type {
+    border-top: none;
+  }
+  .toggle-row span {
+    font-size: 13px;
+  }
+  button.save {
+    width: 100%;
+    margin-top: 14px;
+    padding: 8px;
+    background: #e5a00d;
+    border: none;
+    border-radius: 6px;
+    color: #1a1a1a;
+    font-weight: 600;
+    font-size: 13px;
+    cursor: pointer;
+  }
+  button.save:hover {
+    background: #cc8f0b;
+  }
+  #status {
+    font-size: 11px;
+    color: #2a8f2a;
+    text-align: center;
+    margin-top: 8px;
+    height: 14px;
+  }
+</style>
+</head>
+<body>
+  <h1>Plex Auto Skip</h1>
+
+  <label for="urlPreset">Plex URL</label>
+  <select id="urlPreset">
+    <option value="default">app.plex.tv (default)</option>
+    <option value="custom">Custom URL</option>
+  </select>
+  <div id="customUrlRow">
+    <input type="text" id="customUrl" placeholder="e.g. 192.168.1.50:32400/web">
+  </div>
+
+  <div class="toggle-row">
+    <span>Skip Intro</span>
+    <input type="checkbox" id="skipIntro">
+  </div>
+  <div class="toggle-row">
+    <span>Skip Credits</span>
+    <input type="checkbox" id="skipCredits">
+  </div>
+
+  <button class="save" id="saveBtn">Save</button>
+  <div id="status"></div>
+
+  <script src="utils.js"></script>
+  <script src="popup.js"></script>
+</body>
+</html>