Change update *dialog* to update *module*

index.html

@@ -43,6 +43,14 @@
         </div><br />
         <textarea class="txt" title="Notes" placeholder="Take some notes..." oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'></textarea>
       </div>
+      <div class="dialog" id="updatedialog">
+        <p class="dlg-top">There's an update!</p>
+        <p>You should restart - there's a new update of FunnyClock².</p>
+        <br />
+        <div>
+          <button onclick="location.reload(true)">RELOAD</button>
+        </div>
+      </div>
     </div>
     <div class="poplight">
       <button class="hide material-symbols-outlined" data-title="Toggle Poplight Size" onclick="checkHeight(this.parentElement)">unfold_less</button>
@@ -196,16 +204,6 @@
         </form>
       </div>
     </div>
-    <div class="scrim-over-- scr-update--">
-      <div class="dialog" id="timerdia">
-        <p class="dlg-top">There's an update!</p>
-        <p>You should restart - there's a new update of FunnyClock².</p>
-        <br />
-        <div>
-          <button onclick="location.reload(true)">RELOAD</button>
-        </div>
-      </div>
-    </div>
     <div class="scrim--" onclick="document.querySelector('.header').classList.remove('wide')"> </div>
     <script>
 $(".poplight").draggable({

styles/dialog.css

@@ -4,11 +4,32 @@
   pointer-events: auto;
 }
 
-.scrim-over-- .dialog {
+@keyframes myAnim {
+  from {
+    box-shadow: 0px 0px 6px -6px #FFFFFF80;
+  }
+  to {
+    box-shadow: 0px 0px 6px 32px #FFFFFF00;
+  }
+}
+
+#updatedialog {
+  animation: myAnim 2s ease 0s infinite normal forwards;
+}
+
+#updatedialog button {
+  animation: myAnim 2s ease 1s infinite normal forwards;
+}
+
+.dialog {
   display: none;
 }
 
-.scrim-over--.open .dialog {
+.body .dialog {
+  width: 100%;
+}
+
+.scrim-over--.open .dialog, .dialog.open {
   display: inline-block;
 }
 

update.js

@@ -19,10 +19,7 @@ function reqData() {
       if (prevSha == "ThisShouldntBeASHA") {
         localStorage.setItem("commitsha", resp);
       } else {
-        document.querySelector(".scr-update--").classList.add("open");
-        setTimeout(() => {
-          window.location.href = window.location.href;
-        }, 15000);
+        document.querySelector("#updatedialog").classList.add("open");
         localStorage.setItem("commitsha", resp);
       }
     }