24 files changed, 102 insertions, 0 deletions

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4acdb2c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+crazy clock is an idea by @jorge that i'm turning into reality
+
+what if you wanted to have a really fun time when you check the time? crazy-clock is your new ai-powered, B2b SAAS solution!!
diff --git a/crazy-clock.html b/crazy-clock.html
new file mode 100644
index 0000000..ca446b6
--- /dev/null
+++ b/crazy-clock.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+    <head>
+      <style>
+        #clock {
+          display: flex;
+          gap: 1rem;
+        }
+        .digitContainer {
+          display: block;
+          background-color: green;
+          height: 100px;
+          width: 60px;
+        }
+        .digitContainer img {
+          width: 100%;  
+          height: 100%;  
+        }
+      </style>
+    </head>
+    <body>
+
+      <div id="test"></div>
+
+      <div id="clock">
+        <div class="digitContainer"><img id="hour1"></img></div>
+        <div class="digitContainer"><img id="hour2"></img></div>
+
+        <div class="digitContainer"><img id="minute1"></img></div>
+        <div class="digitContainer"><img id="minute2"></img></div>
+
+        <div class="digitContainer"><img id="second1"></img></div>
+        <div class="digitContainer"><img id="second2"></img></div>
+      </div>
+
+      <script>
+        // gather relevant elements
+        let hour1 = document.getElementById("hour1");
+        let hour2 = document.getElementById("hour2");
+
+        let minute1 = document.getElementById("minute1");
+        let minute2 = document.getElementById("minute2");
+
+        let second1 = document.getElementById("second1");
+        let second2 = document.getElementById("second2");
+
+        // prepare clock
+        let clock = document.getElementById("test");
+        let timeFormat = new Intl.DateTimeFormat("en-US", {
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+            timeZone: "America/New_York",
+        });
+
+        // start text-clock
+        clock.innerText = timeFormat.format(Date.now());
+        setInterval(() => { 
+            clock.innerText = timeFormat.format(Date.now());
+        }, 1000); 
+
+        // start crazy-clock
+        setInterval(() => {
+          const time = timeFormat.format(Date.now());
+
+          const i1 = Math.round(Math.random()) + 1;
+          const i2 = Math.round(Math.random()) + 1;
+          const i3 = Math.round(Math.random()) + 1;
+          const i4 = Math.round(Math.random()) + 1;
+          const i5 = Math.round(Math.random()) + 1;
+          const i6 = Math.round(Math.random()) + 1;
+
+          const h1 = time[0];
+          const h2 = time[1];
+
+          const m1 = time[3];
+          const m2 = time[4];
+
+          const s1 = time[6];
+          const s2 = time[7];
+
+          // console.log(h1 + h2 + ':' + m1 + m2 + ':' + s1 + s2);
+
+          hour1.src = "./numbers/" + h1 + "/" + i1 + ".png";
+          hour2.src = "./numbers/" + h2 + "/" + i2 + ".png";
+
+          minute1.src = "./numbers/" + m1 + "/" + i3 + ".png";
+          minute2.src = "./numbers/" + m2 + "/" + i4 + ".png";
+
+          second1.src = "./numbers/" + s1 + "/" + i5 + ".png";
+          second2.src = "./numbers/" + s2 + "/" + i6 + ".png";
+          
+
+        }, 1000);
+
+      </script>  
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/numbers/.DS_Store b/numbers/.DS_Store
new file mode 100644
index 0000000..4f54bca
--- /dev/null
+++ b/numbers/.DS_Store
diff --git a/numbers/0/1.png b/numbers/0/1.png
new file mode 100644
index 0000000..58e13b7
--- /dev/null
+++ b/numbers/0/1.png
diff --git a/numbers/0/2.png b/numbers/0/2.png
new file mode 100644
index 0000000..d75e1eb
--- /dev/null
+++ b/numbers/0/2.png
diff --git a/numbers/1/1.png b/numbers/1/1.png
new file mode 100644
index 0000000..535f894
--- /dev/null
+++ b/numbers/1/1.png
diff --git a/numbers/1/2.png b/numbers/1/2.png
new file mode 100644
index 0000000..c1277ad
--- /dev/null
+++ b/numbers/1/2.png
diff --git a/numbers/2/1.png b/numbers/2/1.png
new file mode 100644
index 0000000..5aaec21
--- /dev/null
+++ b/numbers/2/1.png
diff --git a/numbers/2/2.png b/numbers/2/2.png
new file mode 100644
index 0000000..45b7a88
--- /dev/null
+++ b/numbers/2/2.png
diff --git a/numbers/3/1.png b/numbers/3/1.png
new file mode 100644
index 0000000..a33ef9c
--- /dev/null
+++ b/numbers/3/1.png
diff --git a/numbers/3/2.png b/numbers/3/2.png
new file mode 100644
index 0000000..44c1200
--- /dev/null
+++ b/numbers/3/2.png
diff --git a/numbers/4/1.png b/numbers/4/1.png
new file mode 100644
index 0000000..8ed6733
--- /dev/null
+++ b/numbers/4/1.png
diff --git a/numbers/4/2.png b/numbers/4/2.png
new file mode 100644
index 0000000..826e29b
--- /dev/null
+++ b/numbers/4/2.png
diff --git a/numbers/5/1.png b/numbers/5/1.png
new file mode 100644
index 0000000..9f00bb4
--- /dev/null
+++ b/numbers/5/1.png
diff --git a/numbers/5/2.png b/numbers/5/2.png
new file mode 100644
index 0000000..cae54f9
--- /dev/null
+++ b/numbers/5/2.png
diff --git a/numbers/6/1.png b/numbers/6/1.png
new file mode 100644
index 0000000..a12cd31
--- /dev/null
+++ b/numbers/6/1.png
diff --git a/numbers/6/2.png b/numbers/6/2.png
new file mode 100644
index 0000000..5eff336
--- /dev/null
+++ b/numbers/6/2.png
diff --git a/numbers/7/.DS_Store b/numbers/7/.DS_Store
new file mode 100644
index 0000000..5008ddf
--- /dev/null
+++ b/numbers/7/.DS_Store
diff --git a/numbers/7/1.png b/numbers/7/1.png
new file mode 100644
index 0000000..69479c1
--- /dev/null
+++ b/numbers/7/1.png
diff --git a/numbers/7/2.png b/numbers/7/2.png
new file mode 100644
index 0000000..f1ffe0f
--- /dev/null
+++ b/numbers/7/2.png
diff --git a/numbers/8/1.png b/numbers/8/1.png
new file mode 100644
index 0000000..7e5548d
--- /dev/null
+++ b/numbers/8/1.png
diff --git a/numbers/8/2.png b/numbers/8/2.png
new file mode 100644
index 0000000..a549edc
--- /dev/null
+++ b/numbers/8/2.png
diff --git a/numbers/9/1.png b/numbers/9/1.png
new file mode 100644
index 0000000..7d8f70a
--- /dev/null
+++ b/numbers/9/1.png
diff --git a/numbers/9/2.png b/numbers/9/2.png
new file mode 100644
index 0000000..97972a7
--- /dev/null
+++ b/numbers/9/2.png