added option to use website without cloaking to support more devices

css/style.css

@@ -601,7 +601,8 @@ input:checked + .switch__wrapper .switch__toggle {
 }
 
 /* Submit button styles */
-.submit-button {
+.submit-button,
+#disableCloak {
     background-color: var(--button-color);
     color: var(--font-color);
     border: none;
@@ -614,7 +615,8 @@ input:checked + .switch__wrapper .switch__toggle {
 
 /* Hover effect for the button */
 .submit-button:hover,
-.save-button:hover {
+.save-button:hover,
+#disableCloak:hover {
     background-color: var(--hover-color);
 }
 
@@ -780,3 +782,10 @@ button.in-game-button[attr-snapped='true'] img {
         opacity: 0.9;
     }
 }
+
+#disableCloak {
+    border-radius: 10px;
+    font-size: 1.5rem;
+    font-weight: 600;
+    font-family: var(--font-family);
+}

index.html

@@ -76,8 +76,9 @@
         <div>This feature has been disabled by whoever is hosting this MonkeyGG2 instance.</div>
       </dialog>
       <div class="cloaklaunch">
-        <h1>Press Anywhere to cloak</h1>
-        <h3>(If you want to stop seeing this enable popups)</h3>
+        <h1 class="cloaker">Press Anywhere to cloak</h1>
+        <h3 class="cloaker">(If you want to stop seeing this enable popups)</h3>
+        <span id="disableCloak">Click here if cloak isn't working</button>
       </div>
       <div class="homepage">
         <div class="card-row">

js/index.js

@@ -769,6 +769,12 @@ if (preferences.cloak && window.location.href == window.top.location.href) {
         });
         currentMenu = $('.cloaklaunch');
         document.addEventListener('click', (event) => {
+            if (event.target.id == 'disableCloak') {
+                $('.cloaklaunch').fadeOut(200);
+                setTimeout(returnHome, 200);
+                return;
+            }
+            if (event.target.className != 'cloaklaunch' && event.target.className != 'cloaker') return;
             event.preventDefault();
             makecloak();
         });