Initial commit

2025-09-28 06:09:19 +00:00 · 2025-09-28 06:09:19 +00:00 · e90ff542b0
commit e90ff542b0
8 changed files with 250 additions and 0 deletions
--- a/popup.html
+++ b/popup.html
@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Cloudflare Blocker</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      padding: 10px;
+      width: 200px;
+    }
+    #toggle {
+      width: 50px;
+      height: 25px;
+      position: relative;
+      border-radius: 15px;
+      background-color: #ccc;
+      cursor: pointer;
+    }
+    #toggle .slider {
+      width: 25px;
+      height: 25px;
+      border-radius: 50%;
+      background-color: white;
+      position: absolute;
+      top: 0;
+      transition: 0.3s;
+    }
+    #toggle.active {
+      background-color: #4CAF50;
+    }
+    #toggle.active .slider {
+      left: 25px;
+    }
+    #status {
+      margin-top: 10px;
+      font-size: 14px;
+      color: #333;
+    }
+  </style>
+</head>
+<body>
+
+  <h3>Cloudflare Blocker</h3>
+  <div id="toggle" class="active">
+    <div class="slider"></div>
+  </div>
+  <p id="status">Blocking is ON</p>
+  <script src="popup.js"></script>
+  
+</body>
+</html>