From 54bfbe7ae8b9aced7869147ce1cf7b0b73bf2b34 Mon Sep 17 00:00:00 2001
From: MeowcaTheoRange <tabletmeowcat@gmail.com>
Date: Thu, 15 Sep 2022 10:26:24 -0500
Subject: [PATCH] Change update *dialog* to update *module*

---
 index.html        | 18 ++++++++----------
 styles/dialog.css | 25 +++++++++++++++++++++++--
 update.js         |  5 +----
 3 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index d0a0317..8d91d29 100644
--- a/index.html
+++ b/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({
diff --git a/styles/dialog.css b/styles/dialog.css
index d0bca72..efc0166 100644
--- a/styles/dialog.css
+++ b/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;
 }
 
diff --git a/update.js b/update.js
index c90f907..760ca8a 100644
--- a/update.js
+++ b/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);
       }
     }