From cfe31620dbd457f39f831e57df52cbc2edfc0be7 Mon Sep 17 00:00:00 2001
From: Daniel Mason <daniel@m2.nz>
Date: Mon, 12 May 2025 17:00:47 +1200
Subject: [PATCH 1/2] ROCKS

---
 index.html | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 92273cf..6556bd0 100644
--- a/index.html
+++ b/index.html
@@ -73,17 +73,46 @@
     </main>
     <script>
         let x = 10;
+        let y = 0;
+        let z = 1;
+        let colours = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pink'];
         let boop;
+        let boopBg;
+
+        function h1Boop() {
+            if (z >= colours.length) {
+                z = 0;
+            }
+
+            $('h1').css('color', colours[z]);
+            z++;
+        }
+
+        function bgBoop() {
+            if (y >= colours.length) {
+                y = 0;
+            }
+
+            $('body').css('background-color', colours[y]);
+            y++;
+        }
 
         function setSpeed() {
             x = x/2;
             
-            if (x < 0.01) {
+            if (x < 0.1) {
                 clearInterval(boop);
                 $('.rockcontainer').css('animation', 'rotation 5s infinite linear');
                 $('.rotate').each(function(index , element) {
                     $(element).css('animation', 'rotation 5s infinite linear');
                 });
+
+                setTimeout(function() {
+                    boopBg = setInterval(bgBoop, 500);
+                    setTimeout(function() {
+                        setInterval(h1Boop, 250);
+                    }, 2500);
+                }, 2000);
                 return
             }
 
@@ -93,7 +122,7 @@
         }
 
         $(function() {
-            boop = setInterval(setSpeed, 500);
+            boop = setInterval(setSpeed, 2000);
         });
     </script>
   </body>

From a2a56e66248e76fe8384c837be21b251411f80d2 Mon Sep 17 00:00:00 2001
From: Daniel Mason <daniel@m2.nz>
Date: Mon, 12 May 2025 17:33:15 +1200
Subject: [PATCH 2/2] Hold yerrr horses

---
 index.html | 37 +++++++++++++++++++++++++++----------
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 6556bd0..8ec33c8 100644
--- a/index.html
+++ b/index.html
@@ -24,10 +24,6 @@
             margin: 0 0 50px 0;
         }
 
-        /* .rotate {
-            animation: rotation 5s infinite linear;
-        } */
-
         img {
             margin-top: 5px;
         }
@@ -62,20 +58,22 @@
         <h1>interesting.rocks</h1>
         <div class="rockcontainer">
             <div class="rockrow">
-                <img src="rock1.png" alt="rock" class="rotate" width="474" height="316">
-                <img src="rock2.png" alt="rock" class="rotate" width="474" height="369">
+                <img src="rock1.png" alt="rock" class="rotate zoomies" width="474" height="316">
+                <img src="rock2.png" alt="rock" class="rotate zoomies" width="474" height="369">
             </div>
             <div class="rockrow">
-                <img src="rock3.png" alt="rock" class="rotate">
-                <img src="rock4.png" alt="rock" class="rotate">
+                <img src="rock3.png" alt="rock" class="rotate zoomies" width="576" height="433">
+                <img src="rock4.png" alt="rock" class="rotate zoomies" width="577" height="433">
             </div>
         </div>
     </main>
     <script>
+        let w = 32;
         let x = 10;
         let y = 0;
         let z = 1;
-        let colours = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pink'];
+        
+        let colours = ['grey', 'red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pink'];
         let boop;
         let boopBg;
 
@@ -100,7 +98,7 @@
         function setSpeed() {
             x = x/2;
             
-            if (x < 0.1) {
+            if (x < 0.5) {
                 clearInterval(boop);
                 $('.rockcontainer').css('animation', 'rotation 5s infinite linear');
                 $('.rotate').each(function(index , element) {
@@ -123,6 +121,25 @@
 
         $(function() {
             boop = setInterval(setSpeed, 2000);
+            setTimeout(function() {
+                setInterval(function() {
+                    $('.rotate').each(function(index , element) {
+                        w = w+1;
+                        $('h1').css('font-size', w);
+                    });
+                }, 1000);
+            }, 1000);
+
+            setTimeout(function() {
+                setInterval(function() {
+                    $('.rotate').each(function(index , element) {
+                        $(element).width($(element).width() + 5);
+                        $(element).height($(element).height() + 5);
+                    });
+                }, 200);
+            }, 10000);
+
+            $('.body').css('background-color', 'grey');
         });
     </script>
   </body>