Added Bluriffy

Blurrifyy/background.js

@@ -0,0 +1 @@
+// Background script for handling extension functionality

Blurrifyy/content.js

@@ -0,0 +1 @@
+// Content script to apply blur and grayscale to images and videos

Blurrifyy/manifest.json

@@ -0,0 +1,32 @@
+{
+  "manifest_version": 3,
+  "name": "Blurrify",
+  "version": "1.0",
+  "description": "Blur or gray images and videos in your browser to gain control over how you are exposed to content.",
+  "permissions": [
+    "activeTab",
+    "storage"
+  ],
+  "icons": {
+    "16": "icon16.png",
+    "48": "icon48.png",
+    "128": "icon128.png"
+  },
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "icon16.png",
+      "48": "icon48.png",
+      "128": "icon128.png"
+    }
+  },
+  "background": {
+    "service_worker": "background.js"
+  },
+  "content_scripts": [
+    {
+      "matches": ["<all_urls>"],
+      "js": ["content.js"]
+    }
+  ]
+}

Blurrifyy/popup.js

@@ -0,0 +1,17 @@
+document.addEventListener('DOMContentLoaded', function() {
+  const blurIntensityInput = document.getElementById('blurIntensity');
+  const grayscaleCheckbox = document.getElementById('grayscaleCheckbox');
+  const unblurHoverCheckbox = document.getElementById('unblurHoverCheckbox');
+
+  blurIntensityInput.addEventListener('input', function() {
+    // Code to set blur intensity
+  });
+
+  grayscaleCheckbox.addEventListener('change', function() {
+    // Code to toggle grayscale
+  });
+
+  unblurHoverCheckbox.addEventListener('change', function() {
+    // Code to toggle unblur on hover
+  });
+});

Blurrifyy/styles.css

@@ -0,0 +1,8 @@
+/* Add your CSS styles here */
+body {
+  font-family: Arial, sans-serif;
+}
+
+h1 {
+  font-size: 1.5rem;
+}