Andela Notifications Updated

2026-07-07 19:39:32 +00:00
parent eb0bda57a7
commit dcd00af6bb
16 changed files with 1277 additions and 0 deletions
--- a/job-notifier/popup.html
+++ b/job-notifier/popup.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Andela Job Notifier</title>
+  <style>
+    body {
+      width: 350px;
+      padding: 15px;
+      font-family: Arial, sans-serif;
+    }
+    h2 {
+      color: #333;
+      margin-bottom: 15px;
+    }
+    .job-list {
+      margin-top: 15px;
+    }
+    .job-item {
+      padding: 10px;
+      margin-bottom: 10px;
+      border-bottom: 1px solid #eee;
+      cursor: pointer;
+      transition: background-color 0.2s;
+    }
+    .job-item:hover {
+      background-color: #f5f5f5;
+    }
+    .job-title {
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 5px;
+    }
+    .job-company {
+      color: #666;
+      font-size: 14px;
+    }
+    .job-location {
+      color: #888;
+      font-size: 12px;
+      margin-top: 3px;
+    }
+    .job-posted {
+      color: #0066cc;
+      font-size: 11px;
+      margin-top: 5px;
+      font-weight: 500;
+    }
+    .status {
+      color: #666;
+      font-size: 12px;
+      margin-top: 15px;
+      padding-top: 10px;
+      border-top: 1px solid #eee;
+    }
+    .job-count {
+      font-size: 14px;
+      color: #333;
+      margin-bottom: 10px;
+    }
+    .no-jobs {
+      color: #999;
+      text-align: center;
+      padding: 20px;
+    }
+    .button-row {
+      display: flex;
+      gap: 10px;
+      margin: 10px 0;
+    }
+    .btn {
+      padding: 8px 16px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+    }
+    .btn-primary {
+      background: #0066cc;
+      color: white;
+    }
+    .btn-primary:hover {
+      background: #0055aa;
+    }
+    .btn-secondary {
+      background: #f0f0f0;
+      color: #333;
+    }
+    .btn-secondary:hover {
+      background: #e0e0e0;
+    }
+  </style>
+</head>
+<body>
+<h2>Andela Job Notifier</h2>
+<div id="jobCount" class="job-count"></div>
+<div class="button-row">
+  <button id="checkNow" class="btn btn-primary">Check Now</button>
+  <button id="openSettings" class="btn btn-secondary">Settings</button>
+</div>
+<div id="jobList" class="job-list"></div>
+<div id="status" class="status"></div>
+<script src="popup.js"></script>
+</body>
+</html>