<script><!-- [et_pb_line_break_holder] -->(function ($) {<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> // Zachary Johnson<!-- [et_pb_line_break_holder] --> // https://www.zachstronaut.com/posts/2009/12/21/happy-xmas-winternet.html<!-- [et_pb_line_break_holder] --> // December 2009<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var ww = 0;<!-- [et_pb_line_break_holder] --> var wh = 0;<!-- [et_pb_line_break_holder] --> var maxw = 0;<!-- [et_pb_line_break_holder] --> var minw = 0;<!-- [et_pb_line_break_holder] --> var maxh = 0;<!-- [et_pb_line_break_holder] --> var textShadowSupport = true;<!-- [et_pb_line_break_holder] --> var xv = 0;<!-- [et_pb_line_break_holder] --> var snowflakes = ["\u2744", "\u2745", "\u2746"];<!-- [et_pb_line_break_holder] --> var prevTime;<!-- [et_pb_line_break_holder] --> var absMax = 200;<!-- [et_pb_line_break_holder] --> var flakeCount = 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(init);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function init()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> var detectSize = function ()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> ww = $(window).width();<!-- [et_pb_line_break_holder] --> wh = $(window).height();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> maxw = ww + 300;<!-- [et_pb_line_break_holder] --> minw = -300;<!-- [et_pb_line_break_holder] --> maxh = wh + 300;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> detectSize();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(window).resize(detectSize);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (!$('body').css('textShadow'))<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> textShadowSupport = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> /* Should work in Windows 7 /*<!-- [et_pb_line_break_holder] --> if (/windows/i.test(navigator.userAgent))<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> snowflakes = ['*']; // Windows sucks and doesn't have Unicode chars installed<!-- [et_pb_line_break_holder] --> //snowflakes = ['T']; //No FF support for Wingdings<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> */<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // FF seems to just be able to handle like 50... 25 with rotation<!-- [et_pb_line_break_holder] --> // Safari seems fine with 150+... 75 with rotation<!-- [et_pb_line_break_holder] --> var i = 50;<!-- [et_pb_line_break_holder] --> while (i--)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> addFlake(true);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> prevTime = new Date().getTime();<!-- [et_pb_line_break_holder] --> setInterval(move, 50);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function addFlake(initial)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> flakeCount++;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var sizes = [<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 1.0,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 15 + Math.floor(Math.random() * 20) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 0 rgba(238, 238, 238, 0.5)'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 2<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.6,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 50 + Math.floor(Math.random() * 20) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 2px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 6<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.2,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 90 + Math.floor(Math.random() * 30) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 6px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 12<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.1,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 150 + Math.floor(Math.random() * 50) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 24px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 20<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ];<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var $nowflake = $('<span class="winternetz">' + snowflakes[Math.floor(Math.random() * snowflakes.length)] + '</span>').css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> /*fontFamily: 'Wingdings',*/<!-- [et_pb_line_break_holder] --> color: '#eee',<!-- [et_pb_line_break_holder] --> display: 'block',<!-- [et_pb_line_break_holder] --> position: 'fixed',<!-- [et_pb_line_break_holder] --> background: 'transparent',<!-- [et_pb_line_break_holder] --> width: 'auto',<!-- [et_pb_line_break_holder] --> height: 'auto',<!-- [et_pb_line_break_holder] --> margin: '0',<!-- [et_pb_line_break_holder] --> padding: '0',<!-- [et_pb_line_break_holder] --> textAlign: 'left',<!-- [et_pb_line_break_holder] --> zIndex: 9999<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (textShadowSupport)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $nowflake.css('textIndent', '-9999px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var r = Math.random();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var i = sizes.length;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var v = 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> while (i--)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> if (r < sizes[i].r)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> v = sizes[i].v;<!-- [et_pb_line_break_holder] --> $nowflake.css(sizes[i].css);<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var x = (-300 + Math.floor(Math.random() * (ww + 300)));<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var y = 0;<!-- [et_pb_line_break_holder] --> if (typeof initial == 'undefined' || !initial)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> y = -300;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> y = (-300 + Math.floor(Math.random() * (wh + 300)));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $nowflake.css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> left: x + 'px',<!-- [et_pb_line_break_holder] --> top: y + 'px'<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $nowflake.data('x', x);<!-- [et_pb_line_break_holder] --> $nowflake.data('y', y);<!-- [et_pb_line_break_holder] --> $nowflake.data('v', v);<!-- [et_pb_line_break_holder] --> $nowflake.data('half_v', Math.round(v * 0.5));<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $('body').append($nowflake);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> function move()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> if (Math.random() > 0.8)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> xv += -1 + Math.random() * 2;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (Math.abs(xv) > 3)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> xv = 3 * (xv / Math.abs(xv));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // Throttle code<!-- [et_pb_line_break_holder] --> var newTime = new Date().getTime();<!-- [et_pb_line_break_holder] --> var diffTime = newTime - prevTime;<!-- [et_pb_line_break_holder] --> prevTime = newTime;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (diffTime < 55 && flakeCount < absMax)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> addFlake();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else if (diffTime > 150)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $('span.winternetz:first').remove();<!-- [et_pb_line_break_holder] --> flakeCount--;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $('span.winternetz').each(<!-- [et_pb_line_break_holder] --> function ()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> var x = $(this).data('x');<!-- [et_pb_line_break_holder] --> var y = $(this).data('y');<!-- [et_pb_line_break_holder] --> var v = $(this).data('v');<!-- [et_pb_line_break_holder] --> var half_v = $(this).data('half_v');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> y += v;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> x += Math.round(xv * v);<!-- [et_pb_line_break_holder] --> x += -half_v + Math.round(Math.random() * v);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // because flakes are rotating, the origin could be +/- the size of the flake offset<!-- [et_pb_line_break_holder] --> if (x > maxw)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> x = -300;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else if (x < minw)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> x = ww;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (y > maxh)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).remove();<!-- [et_pb_line_break_holder] --> flakeCount--;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> addFlake();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).data('x', x);<!-- [et_pb_line_break_holder] --> $(this).data('y', y);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $(this).css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> left: x + 'px',<!-- [et_pb_line_break_holder] --> top: y + 'px'<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // only spin biggest three flake sizes<!-- [et_pb_line_break_holder] --> if (v >= 6)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).animate({rotate: '+=' + half_v + 'deg'}, 0);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] -->