idanoo/interesting.rocks
1
0
Fork 0
mirror of https://github.com/idanoo/interesting.rocks synced 2025-07-01 05:32:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Hold yerrr horses

Browse source
This commit is contained in:
Daniel Mason 2025-05-12 17:33:15 +12:00
parent cfe31620db
commit a2a56e6624
Signed by: idanoo
GPG key ID: 387387CDBC02F132
1 changed files with 27 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

37
index.html
View file

@ -24,10 +24,6 @@
margin: 0 0 50px 0; margin: 0 0 50px 0;
} }
/* .rotate {
animation: rotation 5s infinite linear;
} */
img { img {
margin-top: 5px; margin-top: 5px;
} }
@ -62,20 +58,22 @@
<h1>interesting.rocks</h1> <h1>interesting.rocks</h1>
<div class="rockcontainer"> <div class="rockcontainer">
<div class="rockrow"> <div class="rockrow">
<img src="rock1.png" alt="rock" class="rotate" width="474" height="316"> <img src="rock1.png" alt="rock" class="rotate zoomies" width="474" height="316">
<img src="rock2.png" alt="rock" class="rotate" width="474" height="369"> <img src="rock2.png" alt="rock" class="rotate zoomies" width="474" height="369">
</div> </div>
<div class="rockrow"> <div class="rockrow">
<img src="rock3.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"> <img src="rock4.png" alt="rock" class="rotate zoomies" width="577" height="433">
</div> </div>
</div> </div>
</main> </main>
<script> <script>
let w = 32;
let x = 10; let x = 10;
let y = 0; let y = 0;
let z = 1; 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 boop;
let boopBg; let boopBg;
@ -100,7 +98,7 @@
function setSpeed() { function setSpeed() {
x = x/2; x = x/2;
if (x < 0.1) { if (x < 0.5) {
clearInterval(boop); clearInterval(boop);
$('.rockcontainer').css('animation', 'rotation 5s infinite linear'); $('.rockcontainer').css('animation', 'rotation 5s infinite linear');
$('.rotate').each(function(index , element) { $('.rotate').each(function(index , element) {
@ -123,6 +121,25 @@
$(function() { $(function() {
boop = setInterval(setSpeed, 2000); 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> </script>
</body> </body>