Added Day 52

interfinityOfficial · interfinityOfficial · commit f610fc223176 · 2025-10-24T12:10:06.000-04:00
diff --git a/public/52/index.html b/public/52/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="/assets/icon.png" />
+    <title>Day 52/100</title>
+  </head>
+  <body>
+    <main>
+      <div class="loading" id="loading"></div>
+    </main>
+
+    <style>
+      body {
+        margin: 0;
+        overflow: hidden;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        -webkit-tap-highlight-color: transparent;
+        width: 100vw;
+        height: 100vh;
+        background-color: #000;
+      }
+
+      .loading {
+        position: relative;
+        display: flex;
+        align-items: flex-end;
+        height: 10vh;
+        gap: 20px;
+      }
+
+      .dot {
+        width: 10px;
+        height: 10px;
+        background-color: #fff;
+        border-radius: 100%;
+
+        transition: all 0.5s ease-in-out;
+      }
+
+      .dot-top {
+        transform: translateY(calc(100% - 10vh));
+      }
+    </style>
+
+    <script>
+      let loading = document.getElementById("loading");
+
+      for (let i = 0; i < 10; i++) {
+        let dot = document.createElement("div");
+        dot.classList.add("dot");
+        dot.id = `dot-${i}`;
+        loading.appendChild(dot);
+      }
+
+      let i = 0;
+      let adding = true;
+
+      setInterval(() => {
+        if (adding) {
+          document.getElementById(`dot-${i}`).classList.add("dot-top");
+        } else {
+          document.getElementById(`dot-${i}`).classList.remove("dot-top");
+        }
+        i++;
+        if (i > 9) {
+          i = 0;
+          adding = !adding;
+        }
+      }, 250);
+    </script>
+  </body>
+</html>
