Update index.html

Lambaiso · web-flow · commit 04597dae1c6c · 2025-01-21T21:08:48.000-07:00
diff --git a/index.html b/index.html
@@ -44,12 +44,53 @@
             font-size: 12px;
         }
     </style>
+    <!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Real-Time UTC Clock</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      text-align: center;
+      margin-top: 50px;
+    }
+    .clock {
+      font-size: 2em;
+      font-weight: bold;
+      color: #333;
+    }
+  </style>
 </head>
+
+</html>
+
 <body>
     <h1>The OFFICIAL UOR Foundation Homepage</h1>
     <p>The mission of the UOR Foundation is under development by the UOR CREATION COUNCIL.</p>
+    
+    <h1>Greetings!</h1>
+
+    <h2>Real-Time UTC Clock</h2>
+    <div class="clock" id="utcClock">Loading...</div>
+
+    <script>
+        function updateUTCTime() {
+          const now = new Date();
+          // Format the UTC time
+          const utcTime = now.toUTCString().split(" ")[4]; // Extract HH:MM:SS
+          document.getElementById("utcClock").textContent = `UTC Time: ${utcTime}`;
+    }
 
-    <h2>GREETINGS!</h2>
+    // Update the clock every second
+    setInterval(updateUTCTime, 1000);
+
+    // Initial update
+    updateUTCTime();
+  </script>
+    
+    <h2>Links</h2>
     <nav>
         <a href="https://github.com/orgs/UOR-Foundation/repositories">UOR Repositories</a>
         <a href="https://drive.google.com/drive/folders/17DGUF1NwtplNFrb6IKD98Z2hFd8P10A-?usp=drive_link">The WEEKLY Slides</a>
