added global hover and footer options

6 files changed, 127 insertions, 6 deletions

diff --git a/background.js b/background.js
index 19ef0fe..179fc23 100644
--- a/background.js
+++ b/background.js
@@ -27,6 +27,8 @@ const DEFAULT_SETTINGS = {
   whitelistMode: false, // Use blacklist mode by default for force styling
   whitelistStyleMode: false, // Use blacklist mode by default for regular styling
   disableTransparency: false, // Don't disable transparency by default
+  disableHover: false, // Don't disable hover effects by default
+  disableFooter: false, // Don't disable footers by default
 };
 
 // Helper function to normalize hostnames by removing www. prefix
@@ -716,12 +718,17 @@ async function applyCSS(tabId, hostname, features) {
   let combinedCSS = "";
   let includedFeatures = 0;
   let skippedTransparencyFeatures = 0;
+  let skippedHoverFeatures = 0;
+  let skippedFooterFeatures = 0;
   let skippedDisabledFeatures = 0;
 
   for (const [feature, css] of Object.entries(features)) {
     const isTransparencyFeature = feature
       .toLowerCase()
       .includes("transparency");
+    const isHoverFeature = feature.toLowerCase().includes("hover");
+    const isFooterFeature = feature.toLowerCase().includes("footer");
+
     // Skip any transparency feature if disableTransparency is enabled globally
     if (globalSettings.disableTransparency && isTransparencyFeature) {
       console.log(`DEBUG: Skipping transparency feature: ${feature}`);
@@ -729,6 +736,20 @@ async function applyCSS(tabId, hostname, features) {
       continue;
     }
 
+    // Skip any hover feature if disableHover is enabled globally
+    if (globalSettings.disableHover && isHoverFeature) {
+      console.log(`DEBUG: Skipping hover feature: ${feature}`);
+      skippedHoverFeatures++;
+      continue;
+    }
+
+    // Skip any footer feature if disableFooter is enabled globally
+    if (globalSettings.disableFooter && isFooterFeature) {
+      console.log(`DEBUG: Skipping footer feature: ${feature}`);
+      skippedFooterFeatures++;
+      continue;
+    }
+
     const isFeatureEnabled = featureSettings[feature] !== false;
     if (isFeatureEnabled) {
       combinedCSS += css + "\n";
@@ -741,7 +762,7 @@ async function applyCSS(tabId, hostname, features) {
   }
 
   console.log(
-    `DEBUG: CSS Summary - included: ${includedFeatures}, skipped transparency: ${skippedTransparencyFeatures}, skipped disabled: ${skippedDisabledFeatures}`
+    `DEBUG: CSS Summary - included: ${includedFeatures}, skipped transparency: ${skippedTransparencyFeatures}, skipped hover: ${skippedHoverFeatures}, skipped footer: ${skippedFooterFeatures}, skipped disabled: ${skippedDisabledFeatures}`
   );
 
   if (combinedCSS) {
diff --git a/data-viewer/data-viewer.html b/data-viewer/data-viewer.html
index bd934e8..1d921f5 100644
--- a/data-viewer/data-viewer.html
+++ b/data-viewer/data-viewer.html
@@ -41,6 +41,34 @@
                 </div>
             </div>
 
+            <!-- New toggles for hover and footer effects -->
+            <div class="toggle-setting-container">
+                <div class="toggle-container">
+                    <label class="toggle-switch">
+                        <input type="checkbox" id="disable-hover">
+                        <span class="slider round"></span>
+                    </label>
+                    <span class="toggle-label">Disable Hover Effects Globally</span>
+                </div>
+                <div class="setting-description">
+                    This will disable all hover animation features while keeping other styling effects active
+                </div>
+            </div>
+
+            <div class="toggle-setting-container">
+                <div class="toggle-container">
+                    <label class="toggle-switch">
+                        <input type="checkbox" id="disable-footer">
+                        <span class="slider round"></span>
+                    </label>
+                    <span class="toggle-label">Hide Footers Globally</span>
+                </div>
+                <div class="setting-description">
+                    This will hide page footers on websites where the feature is available
+                </div>
+            </div>
+            
+
             <!-- New section for custom repository URL -->
             <div class="data-section">
                 <h2 class="section-title">Custom Styles Repository ✨</h2>
diff --git a/data-viewer/data-viewer.js b/data-viewer/data-viewer.js
index fc76787..89f5b2e 100644
--- a/data-viewer/data-viewer.js
+++ b/data-viewer/data-viewer.js
@@ -16,6 +16,9 @@ document.addEventListener("DOMContentLoaded", function () {
   const disableTransparencyToggle = document.getElementById(
     "disable-transparency"
   );
+  // New toggle elements
+  const disableHoverToggle = document.getElementById("disable-hover");
+  const disableFooterToggle = document.getElementById("disable-footer");
 
   // Repository URL Elements
   const repositoryUrlInput = document.getElementById("repository-url");
@@ -41,6 +44,15 @@ document.addEventListener("DOMContentLoaded", function () {
     saveTransparencySettings(this.checked);
   });
 
+  // Event listeners for new toggles
+  disableHoverToggle.addEventListener("change", function () {
+    saveHoverSettings(this.checked);
+  });
+
+  disableFooterToggle.addEventListener("change", function () {
+    saveFooterSettings(this.checked);
+  });
+
   // Event listener for delete all data button
   deleteAllButton.addEventListener("click", function () {
     if (
@@ -219,6 +231,52 @@ document.addEventListener("DOMContentLoaded", function () {
     }
   }
 
+  // New functions to save hover and footer settings
+  async function saveHoverSettings(isDisabled) {
+    try {
+      const data = await browser.storage.local.get(BROWSER_STORAGE_KEY);
+      const settings = data[BROWSER_STORAGE_KEY] || {};
+
+      // Update the disableHover setting
+      settings.disableHover = isDisabled;
+
+      await browser.storage.local.set({ [BROWSER_STORAGE_KEY]: settings });
+      alert(
+        `Hover effects have been ${
+          isDisabled ? "disabled" : "enabled"
+        } globally. This will affect all websites.`
+      );
+    } catch (error) {
+      console.error("Error saving hover settings:", error);
+      alert(
+        "An error occurred while saving the hover effects setting: " +
+          error.message
+      );
+    }
+  }
+
+  async function saveFooterSettings(isDisabled) {
+    try {
+      const data = await browser.storage.local.get(BROWSER_STORAGE_KEY);
+      const settings = data[BROWSER_STORAGE_KEY] || {};
+
+      // Update the disableFooter setting
+      settings.disableFooter = isDisabled;
+
+      await browser.storage.local.set({ [BROWSER_STORAGE_KEY]: settings });
+      alert(
+        `Footers have been ${
+          isDisabled ? "hidden" : "shown"
+        } globally. This will affect all websites.`
+      );
+    } catch (error) {
+      console.error("Error saving footer settings:", error);
+      alert(
+        "An error occurred while saving the footer setting: " + error.message
+      );
+    }
+  }
+
   // Export settings functionality
   async function exportSettings() {
     try {
@@ -383,9 +441,12 @@ document.addEventListener("DOMContentLoaded", function () {
       const globalSettings = data[BROWSER_STORAGE_KEY] || {};
       displayGlobalSettings(globalSettings);
 
-      // Set the disable transparency toggle state
+      // Set the toggle states
       disableTransparencyToggle.checked =
         globalSettings.disableTransparency || false;
+      // Set new toggle states
+      disableHoverToggle.checked = globalSettings.disableHover || false;
+      disableFooterToggle.checked = globalSettings.disableFooter || false;
 
       // Display skip/enable lists for both forced and non-forced websites
       const skipForceList = data[SKIP_FORCE_THEMING_KEY] || [];
diff --git a/popup/popup.html b/popup/popup.html
index 254cd9b..2b8c48d 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -14,8 +14,7 @@
     <header class="app-header">
       <div id="header-container">
         <div class="logo-container">
-          <!-- <img src="../assets/images/logo.png" alt="ZenInternet Logo" class="logo-img"> -->
-          <img src="https://external-preview.redd.it/the-official-logo-of-gta-vi-v0-1mq-hMopb6xLaUw4iyglIEx-nf0AVeA4hzLLS7fWvLw.png?width=640&crop=smart&auto=webp&s=1c34f0c510bf28fc66942b1e070eeb94f1fda3e9" alt="ZenInternet Logo" class="logo-img">
+          <img src="../assets/images/logo.png" alt="ZenInternet Logo" class="logo-img">
           <h1 class="app-title">Zen Internet</h1>
         </div>
         <div class="miniheader">
diff --git a/popup/popup.js b/popup/popup.js
index 6844415..9b2cd29 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -10,6 +10,8 @@ const DEFAULT_SETTINGS = {
   whitelistMode: false, // Use blacklist mode by default for force styling
   whitelistStyleMode: false, // Use blacklist mode by default for regular styling
   disableTransparency: false, // Don't disable transparency by default
+  disableHover: false, // Don't disable hover effects by default
+  disableFooter: false, // Don't disable footers by default
 };
 
 // Helper function to ensure all required settings exist
@@ -553,6 +555,8 @@ new (class ExtensionPopup {
       // Check if transparency is globally disabled
       const isTransparencyDisabled =
         this.globalSettings.disableTransparency === true;
+      const isHoverDisabled = this.globalSettings.disableHover === true;
+      const isFooterDisabled = this.globalSettings.disableFooter === true;
 
       for (const [feature, css] of Object.entries(features)) {
         const displayFeatureName = feature.includes("-")
@@ -563,7 +567,13 @@ new (class ExtensionPopup {
         const isTransparencyFeature = feature
           .toLowerCase()
           .includes("transparency");
-        const isOverridden = isTransparencyDisabled && isTransparencyFeature;
+        const isHoverFeature = feature.toLowerCase().includes("hover");
+        const isFooterFeature = feature.toLowerCase().includes("footer");
+
+        const isOverridden =
+          (isTransparencyDisabled && isTransparencyFeature) ||
+          (isHoverDisabled && isHoverFeature) ||
+          (isFooterDisabled && isFooterFeature);
 
         const featureToggle = document.createElement("div");
         featureToggle.className = "feature-toggle";
@@ -585,7 +595,7 @@ new (class ExtensionPopup {
 
         featureToggle.innerHTML = toggleHTML;
 
-        // If this is a transparency feature and it's disabled globally, add a class
+        // If this feature is overridden by global settings, add a class
         if (isOverridden) {
           featureToggle.classList.add("overridden-feature");
         }
diff --git a/shared/defaults.js b/shared/defaults.js
index 0c3d027..8e2f3c9 100644
--- a/shared/defaults.js
+++ b/shared/defaults.js
@@ -10,6 +10,8 @@ export const DEFAULT_SETTINGS = {
   whitelistMode: false, // Use blacklist mode by default for force styling
   whitelistStyleMode: false, // Use blacklist mode by default for regular styling
   disableTransparency: false, // Don't disable transparency by default
+  disableHover: false, // Don't disable hover effects by default
+  disableFooter: false, // Don't disable footers by default
 };
 
 /**