Added monitor; set refresh to 60 seconds

index.html

@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
-  <meta http-equiv="refresh" content="300">
+  <meta http-equiv="refresh" content="60">
   <link
     href="https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&amp;family=Manrope:wght@300;400;600;800&amp;display=swap"
     rel="stylesheet">
@@ -81,6 +81,18 @@
       },
     }
   </script>
+  <script>
+    const pushURL = "https://status.wirediv.dev/api/push/eebJ5qBKusVivlSMGm3ZtqDT6YvtpTDa?status=up&msg=OK&ping=";
+    const interval = 60;
+
+    const push = async () => {
+      await fetch(pushURL);
+      console.log("Pushed!");
+    };
+
+    push();
+    setInterval(push, interval * 1000);
+  </script>
   <style>
     html {
       height: 100%;
@@ -162,12 +174,14 @@
               <img alt="Mole Institute Logo" class="h-12 w-auto shrink-0 sm:h-16"
                 data-alt="Sophisticated medical institute logo featuring elegant serif typography and a minimalist burgundy emblem on a clean white background"
                 src="https://www.moleinstitute.com/wp-content/uploads/2025/10/cropped-Mole_Institute_logo_emblem_gold-e1761595525281.png">
-        <h1 class="font-headline truncate text-2xl font-bold tracking-tight text-primary sm:text-3xl">Mole Institute
+              <h1 class="font-headline truncate text-2xl font-bold tracking-tight text-primary sm:text-3xl">Mole
+                Institute
               </h1>
             </div>
             <div class="flex max-w-full items-center gap-2 text-on-surface-variant sm:gap-4 sm:font-semibold">
               <span class="material-symbols-outlined shrink-0 text-primary">verified_user</span>
-        <span class="font-label text-xs uppercase tracking-widest sm:text-sm">Certified Dermatology Specialists</span>
+              <span class="font-label text-xs uppercase tracking-widest sm:text-sm">Certified Dermatology
+                Specialists</span>
             </div>
           </header>
           <!-- Main: column on small screens, split from lg up -->
@@ -180,7 +194,8 @@
                 data-alt="Microscopic view of healthy skin texture with soft warm lighting and clinical burgundy color tones">
               </div>
               <div class="relative z-10">
-          <span class="mb-4 block text-sm font-extrabold uppercase tracking-[0.2em] text-primary font-label sm:mb-6">Precision
+                <span
+                  class="mb-4 block text-sm font-extrabold uppercase tracking-[0.2em] text-primary font-label sm:mb-6">Precision
                   Medicine</span>
                 <h2 class="headline-display font-headline mb-6 font-bold text-on-background sm:mb-8">
                   Expert Mole &amp; <span class="hidden sm:inline"><br></span>
@@ -211,7 +226,8 @@
                 </div>
                 <div class="mt-8 flex items-center gap-3 sm:mt-10 sm:gap-4 lg:mt-12">
                   <div class="h-px w-8 shrink-0 bg-primary sm:w-12"></div>
-            <p class="font-headline text-lg italic text-primary-container sm:text-xl">Excellence in Dermatological Care
+                  <p class="font-headline text-lg italic text-primary-container sm:text-xl">Excellence in Dermatological
+                    Care
                   </p>
                 </div>
               </div>
@@ -219,7 +235,8 @@
             <!-- QR & CTA -->
             <div
               class="relative flex w-full flex-col items-center justify-center bg-surface-container-low px-4 py-10 sm:px-8 lg:w-1/2 lg:px-10 xl:px-16">
-        <div class="absolute right-0 top-0 h-40 w-40 rounded-bl-[8rem] bg-primary/5 sm:h-64 sm:w-64 sm:rounded-bl-[12rem]">
+              <div
+                class="absolute right-0 top-0 h-40 w-40 rounded-bl-[8rem] bg-primary/5 sm:h-64 sm:w-64 sm:rounded-bl-[12rem]">
               </div>
               <div
                 class="relative z-10 flex w-full max-w-sm flex-col items-center rounded-[1.75rem] border border-outline-variant/10 bg-surface-container-lowest p-8 editorial-shadow sm:rounded-[2.5rem] sm:p-10 lg:p-12">
@@ -229,8 +246,10 @@
                     data-alt="High-resolution digital QR code centered on a clean white background with subtle burgundy border accents"
                     src="https://www.moleinstitute.com/wp-content/uploads/2026/04/mole_institute_qr_code.png">
                 </div>
-          <h3 class="mb-2 text-center font-headline text-xl font-bold text-on-background sm:text-2xl">Scan to Book</h3>
+                <h3 class="mb-2 text-center font-headline text-xl font-bold text-on-background sm:text-2xl">Scan to Book
-          <p class="mb-6 text-center font-medium text-on-surface-variant sm:mb-8">Secure your consultation with our
+                </h3>
+                <p class="mb-6 text-center font-medium text-on-surface-variant sm:mb-8">Secure your consultation with
+                  our
                   specialist team in seconds.</p>
                 <button type="button"
                   class="flex w-full items-center justify-center gap-3 rounded-full bg-gradient-to-r from-primary to-primary-container py-3.5 pl-8 pr-8 text-base font-bold text-white shadow-lg shadow-primary/20 sm:py-4 sm:text-lg"
@@ -247,7 +266,8 @@
               </div>
             </div>
           </main>
-    <div class="pointer-events-none absolute bottom-4 left-4 flex items-center gap-3 sm:bottom-8 sm:left-8 lg:bottom-16 lg:left-16"
+          <div
+            class="pointer-events-none absolute bottom-4 left-4 flex items-center gap-3 sm:bottom-8 sm:left-8 lg:bottom-16 lg:left-16"
             aria-hidden="true">
             <div class="h-2.5 w-2.5 rounded-full bg-primary sm:h-3 sm:w-3"></div>
             <div class="h-2.5 w-2.5 rounded-full bg-primary/40 sm:h-3 sm:w-3"></div>
@@ -256,7 +276,7 @@
         </div>
       </div>
     </div>
-</div>
+  </div>
   <script>
     (function () {
       var outer = document.getElementById('fit-outer');