diff options
Diffstat (limited to 'views/rain/rainscript.js')
| -rw-r--r-- | views/rain/rainscript.js | 44 |
1 files changed, 0 insertions, 44 deletions
diff --git a/views/rain/rainscript.js b/views/rain/rainscript.js deleted file mode 100644 index 1dabb23..0000000 --- a/views/rain/rainscript.js +++ /dev/null @@ -1,44 +0,0 @@ -var makeItRain = function() { - //clear out everything - $('.rain').empty(); - - var increment = 0; - var drops = ""; - var backDrops = ""; - - while (increment < 100) { - //couple random numbers to use for various randomizations - //random number between 98 and 1 - var randoHundo = (Math.floor(Math.random() * (98 - 1 + 1) + 1)); - //random number between 5 and 2 - var randoFiver = (Math.floor(Math.random() * (5 - 2 + 1) + 2)); - //increment - increment += randoFiver; - //add in a new raindrop with various randomizations to certain CSS properties - drops += '<div class="drop" style="left: ' + increment + '%; bottom: ' + (randoFiver + randoFiver - 1 + 100) + '%; animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"><div class="stem" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div><div class="splat" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div></div>'; - backDrops += '<div class="drop" style="right: ' + increment + '%; bottom: ' + (randoFiver + randoFiver - 1 + 100) + '%; animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"><div class="stem" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div><div class="splat" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div></div>'; - } - - $('.rain.front-row').append(drops); - $('.rain.back-row').append(backDrops); -} - -$('.splat-toggle.toggle').on('click', function() { - $('body').toggleClass('splat-toggle'); - $('.splat-toggle.toggle').toggleClass('active'); - makeItRain(); -}); - -$('.back-row-toggle.toggle').on('click', function() { - $('body').toggleClass('back-row-toggle'); - $('.back-row-toggle.toggle').toggleClass('active'); - makeItRain(); -}); - -$('.single-toggle.toggle').on('click', function() { - $('body').toggleClass('single-toggle'); - $('.single-toggle.toggle').toggleClass('active'); - makeItRain(); -}); - -makeItRain();
\ No newline at end of file |