Added Day 60

interfinityOfficial · interfinityOfficial · commit be588af6623e · 2025-11-02T16:34:14.000-05:00
diff --git a/public/60/index.html b/public/60/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <main>
+      <div class="toggle" id="toggle">
+        <div class="toggle-indicator"></div>
+      </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: #fff;
+      }
+
+      .toggle {
+        position: relative;
+        cursor: pointer;
+        width: 200px;
+        height: 100px;
+        border-radius: 100px;
+        background-color: rgba(235, 235, 235, 1);
+        transition: all 0.5s ease-in-out;
+      }
+
+      .toggle-on {
+        border-radius: 0px;
+      }
+
+      .toggle-indicator {
+        position: absolute;
+        top: 0%;
+        left: 0%;
+        width: 100px;
+        height: 100px;
+        border-radius: 100px;
+        background-color: rgba(200, 200, 200, 1);
+        transition: all 0.5s ease-in-out;
+      }
+
+      .toggle-on .toggle-indicator {
+        left: calc(100% - 100px);
+        border-radius: 0px;
+        rotate: 180deg;
+        background-color: rgba(0, 0, 0, 1);
+      }
+    </style>
+
+    <script>
+      const toggle = document.getElementById("toggle");
+
+      toggle.addEventListener("click", () => {
+        toggle.classList.toggle("toggle-on");
+      });
+    </script>
+  </body>
+</html>
