From e0e870883d510ffb8a2dda25f82d6c943ae6d2e1 Mon Sep 17 00:00:00 2001
From: mileswa1q22 <mileswolfallen4@hotmail.com>
Date: Thu, 3 Apr 2025 17:36:08 +0000
Subject: [PATCH] Add Maturity Filter functionality; implement toggle and hide
 mature games

---
 WebGames-master/WebGames-master/index.html | 11 ++++++
 setting.html                               | 44 +++++++++++++++++++---
 2 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/WebGames-master/WebGames-master/index.html b/WebGames-master/WebGames-master/index.html
index a6d3aaa3..ecf64411 100644
--- a/WebGames-master/WebGames-master/index.html
+++ b/WebGames-master/WebGames-master/index.html
@@ -795,6 +795,17 @@
                 link.setAttribute('target', '_blank'); // Open in a new tab
             });
         }
+
+        // Check if Maturity Filter is enabled
+        const maturityFilterEnabled = getCookie('maturityFilter') === 'true';
+
+        if (maturityFilterEnabled) {
+            // Hide games marked as mature
+            const matureGames = document.querySelectorAll('.game.mature');
+            matureGames.forEach(game => {
+                game.style.display = 'none';
+            });
+        }
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/setting.html b/setting.html
index b118c07b..3117768a 100644
--- a/setting.html
+++ b/setting.html
@@ -52,6 +52,15 @@
         .setting-item button:hover {
             background-color: #0056b3;
         }
+
+        /* Red button for Clear Cookies */
+        .setting-item.clear-cookies button {
+            background-color: #ff4d4d;
+        }
+
+        .setting-item.clear-cookies button:hover {
+            background-color: #cc0000;
+        }
     </style>
 </head>
 
@@ -63,17 +72,21 @@
             <button id="toggleDarkMode">Enable</button>
         </div>
         <div class="setting-item">
-            <span>Clear Cookies</span>
-            <button id="clearCookies">Clear</button>
-        </div>
-        <div class="setting-item">
-            <span>Enable CloakJS not working yet</span>
+            <span>Enable CloakJS (comming soon)</span>
             <button id="toggleCloakJS">Enable</button>
         </div>
         <div class="setting-item">
             <span>Show FPS Counter</span>
             <button id="toggleFPSCounter">Enable</button>
         </div>
+        <div class="setting-item">
+            <span>Enable Maturity Filter(comming soon)</span>
+            <button id="toggleMaturityFilter">Enable</button>
+        </div>
+        <div class="setting-item clear-cookies">
+            <span>Clear Cookies</span>
+            <button id="clearCookies">Clear</button>
+        </div>
     </div>
 
     <script>
@@ -173,6 +186,27 @@
 
         // Apply saved FPS Counter preference on load
         applyFPSCounterSetting(fpsCounterEnabled);
+
+        // Maturity Filter Toggle
+        const toggleMaturityFilterButton = document.getElementById('toggleMaturityFilter');
+        const maturityFilterEnabled = getCookie('maturityFilter') === 'true';
+
+        function applyMaturityFilterSetting(enabled) {
+            if (enabled) {
+                toggleMaturityFilterButton.textContent = 'Disable';
+            } else {
+                toggleMaturityFilterButton.textContent = 'Enable';
+            }
+        }
+
+        toggleMaturityFilterButton.addEventListener('click', () => {
+            const isMaturityFilterEnabled = getCookie('maturityFilter') === 'true';
+            setCookie('maturityFilter', !isMaturityFilterEnabled, 30); // Save preference for 30 days
+            applyMaturityFilterSetting(!isMaturityFilterEnabled);
+        });
+
+        // Apply saved Maturity Filter preference on load
+        applyMaturityFilterSetting(maturityFilterEnabled);
     </script>
 </body>