Nazal

.gitignore

@@ -0,0 +1 @@
+walk.py

pinne-cheyyam/background.js

@@ -0,0 +1,3 @@
+chrome.runtime.onInstalled.addListener(() => {
+  console.log('Useless Projects Extension installed.');
+});

pinne-cheyyam/content.js

@@ -0,0 +1,70 @@
+function createOverlay() {
+    // Check if the overlay already exists
+    if (document.getElementById("productive-overlay")) return;
+
+    // Create the overlay div
+    const overlay = document.createElement("div");
+    overlay.id = "productive-overlay";
+    overlay.style.position = "fixed";
+    overlay.style.top = "0";
+    overlay.style.left = "0";
+    overlay.style.width = "100%";
+    overlay.style.height = "100%";
+    overlay.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
+    overlay.style.zIndex = "10000";
+    overlay.style.display = "flex";
+    overlay.style.justifyContent = "center";
+    overlay.style.alignItems = "center";
+    overlay.style.color = "white";
+    overlay.style.fontSize = "24px";
+    overlay.style.textAlign = "center";
+
+    // Message content
+    overlay.innerHTML = `
+      <div>
+        <p>You are on a productive site! Take a break?</p>
+        <button id="close-overlay" style="
+          margin-top: 20px;
+          padding: 10px 20px;
+          font-size: 18px;
+          background-color: #176B87;
+          color: white;
+          border: none;
+          border-radius: 5px;
+          cursor: pointer;
+        ">Close</button>
+      </div>
+    `;
+
+    // Append overlay to body
+    document.body.appendChild(overlay);
+
+    // Close overlay button functionality
+    document.getElementById("close-overlay").addEventListener("click", () => {
+      overlay.remove();
+    });
+  }
+
+  function checkSiteType() {
+    const currentUrl = window.location.href;
+
+    // Retrieve the site lists from storage
+    chrome.storage.sync.get(['productiveSites', 'distractingSites'], (data) => {
+      const productiveSites = data.productiveSites || [];
+      const distractingSites = data.distractingSites || [];
+
+      // Check if the current URL matches any productive site
+      if (productiveSites.some(site => currentUrl.includes(site))) {
+        createOverlay(); // Display the overlay for productive sites
+      }
+
+      // Check if the current URL matches any distracting site
+      if (distractingSites.some(site => currentUrl.includes(site))) {
+        alert("You are on a distracting site!");
+      }
+    });
+  }
+
+  // Run the function when the page loads
+  window.addEventListener('load', checkSiteType);
+

pinne-cheyyam/manifest.json

@@ -0,0 +1,29 @@
+{
+  "manifest_version": 2,
+  "name": "Useless Projects Extension",
+  "version": "1.0",
+  "description": "Annoy users with quizzes, puzzles, and mini-games when they are productive.",
+  "icons": {
+    "48": "icons/icon.png"
+  },
+  "permissions": [
+    "tabs",
+    "storage",
+    "activeTab"
+  ],
+  "background": {
+    "scripts": ["background.js"],
+    "persistent": false
+  },
+  "content_scripts": [
+    {
+      "matches": ["<all_urls>"],
+      "js": ["content.js"]
+    }
+  ],
+  "browser_action": {
+    "default_popup": "popup/popup.html",
+    "default_icon": "icons/icon.png"
+  },
+  "options_page": "options/options.html"
+}

pinne-cheyyam/options/options.css

@@ -0,0 +1,80 @@
+/* General Reset */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+/* Options Page Container */
+body {
+  font-family: Arial, sans-serif;
+  background-color: #f0f4f8;
+  color: #333;
+  padding: 20px;
+  max-width: 400px;
+  margin: auto;
+}
+
+h1, h2 {
+  color: #176B87;
+  font-weight: normal;
+  margin-bottom: 10px;
+}
+
+h2 {
+  font-size: 1.1rem;
+  margin-top: 20px;
+}
+
+/* Input and Button */
+input[type="text"] {
+  width: 80%;
+  padding: 8px;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+}
+
+button {
+  background-color: #176B87;
+  color: #fff;
+  border: none;
+  border-radius: 5px;
+  padding: 8px 15px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  margin-left: 5px;
+}
+
+button:hover {
+  background-color: #64CCC5;
+}
+
+button:active {
+  background-color: #04364A;
+}
+
+/* List of Sites */
+ul {
+  list-style: none;
+  padding: 0;
+}
+
+li {
+  background-color: #ffffff;
+  border: 1px solid #ddd;
+  padding: 8px;
+  margin-bottom: 5px;
+  border-radius: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+li button {
+  padding: 5px 10px;
+  font-size: 0.8rem;
+  margin: 0;
+}

pinne-cheyyam/options/options.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Options - Useless Projects Extension</title>
+  <link rel="stylesheet" href="options.css">
+</head>
+<body>
+  <h1>Manage Sites</h1>
+
+  <div>
+    <h2>Productive Sites</h2>
+    <input type="text" id="productiveInput" placeholder="Add a productive site URL">
+    <button id="addProductive">Add</button>
+    <ul id="productiveList"></ul>
+  </div>
+
+  <div>
+    <h2>Distracting Sites</h2>
+    <input type="text" id="distractingInput" placeholder="Add a distracting site URL">
+    <button id="addDistracting">Add</button>
+    <ul id="distractingList"></ul>
+  </div>
+
+  <script src="options.js"></script>
+</body>
+</html>

pinne-cheyyam/options/options.js

@@ -0,0 +1,57 @@
+// Script to handle saving and loading options
+// Helper function to update the display of the site lists
+function updateSiteList(type, listId) {
+    chrome.storage.sync.get([type], (result) => {
+      const list = result[type] || [];
+      const listElement = document.getElementById(listId);
+      listElement.innerHTML = '';
+      list.forEach((site, index) => {
+        const listItem = document.createElement('li');
+        listItem.textContent = site;
+
+        // Add remove button
+        const removeButton = document.createElement('button');
+        removeButton.textContent = 'Remove';
+        removeButton.onclick = () => removeSite(type, index);
+        listItem.appendChild(removeButton);
+
+        listElement.appendChild(listItem);
+      });
+    });
+  }
+
+  // Function to add a new site
+  function addSite(type, inputId, listId) {
+    const inputElement = document.getElementById(inputId);
+    const site = inputElement.value.trim();
+    if (site) {
+      chrome.storage.sync.get([type], (result) => {
+        const sites = result[type] || [];
+        sites.push(site);
+        chrome.storage.sync.set({ [type]: sites }, () => {
+          updateSiteList(type, listId);
+          inputElement.value = '';
+        });
+      });
+    }
+  }
+
+  // Function to remove a site
+  function removeSite(type, index) {
+    chrome.storage.sync.get([type], (result) => {
+      const sites = result[type] || [];
+      sites.splice(index, 1);
+      chrome.storage.sync.set({ [type]: sites }, () => {
+        updateSiteList(type, type === 'productiveSites' ? 'productiveList' : 'distractingList');
+      });
+    });
+  }
+
+  // Event listeners for adding sites
+  document.getElementById('addProductive').addEventListener('click', () => addSite('productiveSites', 'productiveInput', 'productiveList'));
+  document.getElementById('addDistracting').addEventListener('click', () => addSite('distractingSites', 'distractingInput', 'distractingList'));
+
+  // Initialize lists on load
+  updateSiteList('productiveSites', 'productiveList');
+  updateSiteList('distractingSites', 'distractingList');
+

pinne-cheyyam/popup/popup.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Pinne-Cheyyam</title>
+  <!-- Link to your local Tailwind CSS file -->
+  <script src="../tailwind.js"></script>
+</head>
+
+<body class="bg-gradient-to-br from-purple-700 to-blue-500 text-white min-h-screen flex items-center justify-center">
+  <div class="w-80 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-lg shadow-lg p-6 flex flex-col items-center">
+    <header class="flex flex-col items-center mb-6">
+      <img src="../icons/icon.png" alt="Pinne-Cheyyam Logo" class="w-16 h-16 mb-2">
+      <h1 class="text-2xl font-bold text-yellow-400">Pinne-Cheyyam</h1>
+    </header>
+    <main class="text-center mb-6">
+      <p class="mb-6 text-lg">Stay productive or get distracted!</p>
+      <!-- Start Annoying Button -->
+      <button id="start" class="bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded-full mb-4 transition duration-300 ease-in-out shadow-md">
+        Start Annoying
+      </button>
+      <!-- Settings Button -->
+      <button id="openOptions" class="bg-transparent border border-yellow-500 hover:bg-yellow-500 hover:text-white text-yellow-500 font-bold py-2 px-4 rounded-full transition duration-300 ease-in-out shadow-md">
+        Settings
+      </button>
+    </main>
+  </div>
+  <script src="popup.js"></script>
+</body>
+
+</html>

pinne-cheyyam/popup/popup.js

@@ -0,0 +1,8 @@
+document.getElementById('start').addEventListener('click', () => {
+  console.log('Annoying started!');
+});
+
+document.getElementById('openOptions').addEventListener('click', () => {
+  // Opens the options page
+  chrome.runtime.openOptionsPage();
+});