Update settings.html

xdevnightless · Jan 19, 2025 · d6fa79c · d6fa79c
1 parent 2d36359
commit d6fa79c
Showing 1 changed file with 31 additions and 26 deletions.
diff --git a/public/settings.html b/public/settings.html
@@ -7,12 +7,21 @@
     <link rel="stylesheet" type="text/css" href="/css/settings.css">
     <link rel="stylesheet" type="text/css" href="/css/themes.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <script type="text/javascript">
+        (function(c, l, a, r, i, t, y) {
+            c[a] = c[a] || function() {
+                (c[a].q = c[a].q || []).push(arguments)
+            };
+            t = l.createElement(r);
+            t.async = 1;
+            t.src = "https://www.clarity.ms/tag/" + i;
+            y = l.getElementsByTagName(r)[0];
+            y.parentNode.insertBefore(t, y);
+        })(window, document, "clarity", "script", "pwiasnexu5");
+    </script>
     <script src="/js/settings.js" defer></script>
     <script src="/js/themes.js"></script>
     <title>Settings Panel</title>
-     <ul class="navbar">
-
-
 </head>
 
 <body>
@@ -34,46 +43,44 @@
                 <option value="night-neon">Night Neon</option>
                 <option value="pastel-dark">Pastel Dark</option>
                 <option value="hacker">Hacker</option>
-                  <option value="oceanic">Oceanic</option>
-            <option value="galaxy">Galaxy</option>
-            <option value="gaming">Gaming</option>
-            <option value="cyberpunk">Cyberpunk</option>
-            <option value="techno">Techno</option>
-            <option value="crimson">Crimson</option>
-            <option value="halloween">Halloween</option>
-            <option value="sunset">Sunset</option>
-            <option value="ruby">Ruby</option>
-            <option value="noctura">Noctura</option>
-            <option value="sapphire">Sapphire</option>
-            <option value="light">Light</option>
-            <option value="christmas">Christmas</option>
-            <option value="fire">Fire</option>
+                <option value="oceanic">Oceanic</option>
+                <option value="galaxy">Galaxy</option>
+                <option value="gaming">Gaming</option>
+                <option value="cyberpunk">Cyberpunk</option>
+                <option value="techno">Techno</option>
+                <option value="crimson">Crimson</option>
+                <option value="halloween">Halloween</option>
+                <option value="sunset">Sunset</option>
+                <option value="ruby">Ruby</option>
+                <option value="noctura">Noctura</option>
+                <option value="sapphire">Sapphire</option>
+                <option value="light">Light</option>
+                <option value="christmas">Christmas</option>
+                <option value="fire">Fire</option>
             </select>
             <button type="button" id="save-theme-button" onclick="saveTheme()">Save Theme</button>
         </div>
 
         <div class="panel" id="close-settings">
             <label for="image-url">Anti-Close</label>
-            <p class="description" id="antiCloseStatus">Current status:&NonBreakingSpace;</p> 
+            <p class="description" id="antiCloseStatus">Current status:&NonBreakingSpace;</p>
             <button type="button" onclick="localStorage.setItem('closeProt', 'enabled'); top.onbeforeunload = function (e) { e.preventDefault(); return true; }; document.getElementById('antiCloseStatus').textContent = 'Current status: enabled'">Enable Anti-Close</button>
             <button type="button" onclick="localStorage.setItem('closeProt', 'disabled'); top.onbeforeunload = null; document.getElementById('antiCloseStatus').textContent = 'Current status: disabled'">Disable Anti-Close</button>
         </div>
 
         <div class="panel" id="image-settings">
-            <label for="image-url">Plugins</label>  
+            <label for="image-url">Plugins</label>
             <p class="description">Plugins are similar to Chrome extensions. You can enable and disable them to change how the browser works!</p>
             <button type="button">Edit Plugins</button>
         </div>
 
         <div class="panel" id="background-settings">
             <label>Upload Background</label>
             <p class="description">Provide the URL of the image you want to use as a background.</p>
-            <button type="button" id="background-upload-button"
-                onclick="document.getElementById('background-upload').click();">
+            <button type="button" id="background-upload-button" onclick="document.getElementById('background-upload').click();">
                 Choose a file
             </button>
-            <input type="file" id="background-upload" accept="image/*" onchange="updateButtonText()"
-                style="display: none;">
+            <input type="file" id="background-upload" accept="image/*" onchange="updateButtonText()" style="display: none;">
         </div>
 
         <div class="panel" id="panic-settings">
@@ -84,7 +91,6 @@
                 Save
             </button>
         </div>
-
     </div>
 
     <script>
@@ -105,7 +111,7 @@
         });
 
         function handlepanicKeybindInput(event) {
-            event.preventDefault(); // Prevent default actions for special keys
+            event.preventDefault(); 
             const key = event.key;
             const modifiers = [];
 
@@ -123,7 +129,6 @@
             loadTheme(theme);
         }
     </script>
-
 </body>
 
 </html>