platformer update pls

css/navbar.css

@@ -59,11 +59,6 @@ a:hover {
 .nav .nav-links a {
   transition: all 0.2s linear;
 }
-.nav .search-icon {
-  color: #fff;
-  font-size: 20px;
-  cursor: pointer;
-}
 
 .nav .navOpenBtn,
 .nav .navCloseBtn {
@@ -80,6 +75,9 @@ a:hover {
   .nav {
     padding: 15px 30px;
   }
+  .nav #clock {
+    display: none;
+  }
 }
 @media screen and (max-width: 600px) {
   .nav .navOpenBtn,
@@ -162,4 +160,11 @@ option {
 ::-webkit-scrollbar-thumb {
   background: #1f2228;
   border-radius: 8px;
+}
+
+#clock {
+  color: #fff;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }

games/index.html

@@ -35,6 +35,7 @@
          <img src="/favicon.png" class="logo-image">
          Platformer.io
       </a>
+      <div id="clock" class="clock hidden" onload="showTime()"></div>
       <ul class="nav-links">
          <i class="uil uil-times navCloseBtn"></i>
          <li><a href="/index.html"><i class="fa-solid fa-house" style="margin-right: 5px;"></i>Home</a></li>

js/games.js

@@ -88,5 +88,33 @@ function removeLikedLabel(gameCard) {
   }
 }
 
+function showTime() {
+  var date = new Date();
+  var h = date.getHours();
+  var m = date.getMinutes();
+  var s = date.getSeconds();
+  var session = "AM";
+
+  if (h == 0) {
+    h = 12;
+  }
+
+  if (h > 12) {
+    h = h - 12;
+    session = "PM";
+  }
+
+  h = (h < 10) ? "0" + h : h;
+  m = (m < 10) ? "0" + m : m;
+  s = (s < 10) ? "0" + s : s;
+
+  var time = h + ":" + m + ":" + s + " " + session;
+  document.getElementById("clock").innerText = time;
+  document.getElementById("clock").textContent = time;
+
+  setTimeout(showTime, 1000);
+
+}
+showTime();