From f5cc9fc89370d3f636f16d999ecc4fbd757c5b28 Mon Sep 17 00:00:00 2001 From: Sophia Date: Sat, 30 Oct 2021 15:29:36 -0700 Subject: [PATCH] Add files via upload --- assets/js/winter.js | 300 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 300 insertions(+) create mode 100644 assets/js/winter.js diff --git a/assets/js/winter.js b/assets/js/winter.js new file mode 100644 index 0000000..549cfcb --- /dev/null +++ b/assets/js/winter.js @@ -0,0 +1,300 @@ +/* + Multiverse by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +(function($) { + + var $window = $(window), + $body = $('body'), + $wrapper = $('#wrapper'); + + // Breakpoints. + breakpoints({ + xlarge: [ '1281px', '1680px' ], + large: [ '981px', '1280px' ], + medium: [ '737px', '980px' ], + small: [ '481px', '736px' ], + xsmall: [ null, '480px' ] + }); + + // Hack: Enable IE workarounds. + if (browser.name == 'ie') + $body.addClass('ie'); + + // Touch? + if (browser.mobile) + $body.addClass('touch'); + + // Transitions supported? + if (browser.canUse('transition')) { + + // Play initial animations on page load. + $window.on('load', function() { + window.setTimeout(function() { + $body.removeClass('is-preload'); + }, 100); + }); + + // Prevent transitions/animations on resize. + var resizeTimeout; + + $window.on('resize', function() { + + window.clearTimeout(resizeTimeout); + + $body.addClass('is-resizing'); + + resizeTimeout = window.setTimeout(function() { + $body.removeClass('is-resizing'); + }, 100); + + }); + + } + + // Scroll back to top. + $window.scrollTop(0); + + // Panels. + var $panels = $('.panel'); + + $panels.each(function() { + + var $this = $(this), + $toggles = $('[href="#' + $this.attr('id') + '"]'), + $closer = $('
').appendTo($this); + + // Closer. + $closer + .on('click', function(event) { + $this.trigger('---hide'); + }); + + // Events. + $this + .on('click', function(event) { + event.stopPropagation(); + }) + .on('---toggle', function() { + + if ($this.hasClass('active')) + $this.triggerHandler('---hide'); + else + $this.triggerHandler('---show'); + + }) + .on('---show', function() { + + // Hide other content. + if ($body.hasClass('content-active')) + $panels.trigger('---hide'); + + // Activate content, toggles. + $this.addClass('active'); + $toggles.addClass('active'); + + // Activate body. + $body.addClass('content-active'); + + }) + .on('---hide', function() { + + // Deactivate content, toggles. + $this.removeClass('active'); + $toggles.removeClass('active'); + + // Deactivate body. + $body.removeClass('content-active'); + + }); + + // Toggles. + $toggles + .removeAttr('href') + .css('cursor', 'pointer') + .on('click', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + $this.trigger('---toggle'); + + }); + + }); + + // Global events. + $body + .on('click', function(event) { + + if ($body.hasClass('content-active')) { + + event.preventDefault(); + event.stopPropagation(); + + $panels.trigger('---hide'); + + } + + }); + + $window + .on('keyup', function(event) { + + if (event.keyCode == 27 + && $body.hasClass('content-active')) { + + event.preventDefault(); + event.stopPropagation(); + + $panels.trigger('---hide'); + + } + + }); + + // Header. + var $header = $('#header'); + + // Links. + $header.find('a').each(function() { + + var $this = $(this), + href = $this.attr('href'); + + // Internal link? Skip. + if (!href + || href.charAt(0) == '#') + return; + + // Redirect on click. + $this + .removeAttr('href') + .css('cursor', 'pointer') + .on('click', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + window.location.href = href; + + }); + + }); + + // Footer. + var $footer = $('#footer'); + + // Copyright. + // This basically just moves the copyright line to the end of the *last* sibling of its current parent + // when the "medium" breakpoint activates, and moves it back when it deactivates. + $footer.find('.copyright').each(function() { + + var $this = $(this), + $parent = $this.parent(), + $lastParent = $parent.parent().children().last(); + + breakpoints.on('<=medium', function() { + $this.appendTo($lastParent); + }); + + breakpoints.on('>medium', function() { + $this.appendTo($parent); + }); + + }); + + // Main. + var $main = $('#main'); + + // Thumbs. + $main.children('.thumb').each(function() { + + var $this = $(this), + $image = $this.find('.image'), $image_img = $image.children('img'), + x; + + // No image? Bail. + if ($image.length == 0) + return; + + // Image. + // This sets the background of the "image" to the image pointed to by its child + // (which is then hidden). Gives us way more flexibility. + + // Set background. + $image.css('background-image', 'url(' + $image_img.attr('src') + ')'); + + // Set background position. + if (x = $image_img.data('position')) + $image.css('background-position', x); + + // Hide original img. + $image_img.hide(); + + }); + + // Poptrox. + $main.poptrox({ + baseZIndex: 20000, + caption: function($a) { + + var s = ''; + + $a.nextAll().each(function() { + s += this.outerHTML; + }); + + return s; + + }, + fadeSpeed: 300, + onPopupClose: function() { $body.removeClass('modal-active'); }, + onPopupOpen: function() { $body.addClass('modal-active'); }, + overlayOpacity: 0, + popupCloserText: '', + popupHeight: 150, + popupLoaderText: '', + popupSpeed: 300, + popupWidth: 150, + selector: '.thumb > a.image', + usePopupCaption: true, + usePopupCloser: true, + usePopupDefaultStyling: false, + usePopupForceClose: true, + usePopupLoader: true, + usePopupNav: true, + windowMargin: 50 + }); + + // Hack: Set margins to 0 when 'xsmall' activates. + breakpoints.on('<=xsmall', function() { + $main[0]._poptrox.windowMargin = 0; + }); + + breakpoints.on('>xsmall', function() { + $main[0]._poptrox.windowMargin = 50; + }); + var snowStorm=function(g,f){function k(a,d){isNaN(d)&&(d=0);return Math.random()*a+d}function x(){g.setTimeout(function(){a.start(!0)},20);a.events.remove(m?f:g,"mousemove",x)}function y(){(!a.excludeMobile||!D)&&x();a.events.remove(g,"load",y)}this.excludeMobile=this.autoStart=!0;this.flakesMax=128;this.flakesMaxActive=64;this.animationInterval=33;this.useGPU=!0;this.className=null;this.excludeMobile=!0;this.flakeBottom=null;this.followMouse=!0;this.snowColor="#fff";this.snowCharacter="•";this.snowStick= +!0;this.targetElement=null;this.useMeltEffect=!0;this.usePixelPosition=this.usePositionFixed=this.useTwinkleEffect=!1;this.freezeOnBlur=!0;this.flakeRightOffset=this.flakeLeftOffset=0;this.flakeHeight=this.flakeWidth=8;this.vMaxX=5;this.vMaxY=4;this.zIndex=0;var a=this,q,m=navigator.userAgent.match(/msie/i),E=navigator.userAgent.match(/msie 6/i),D=navigator.userAgent.match(/mobile|opera m(ob|in)/i),r=m&&"BackCompat"===f.compatMode||E,h=null,n=null,l=null,p=null,s=null,z=null,A=null,v=1,t=!1,w=!1, +u;a:{try{f.createElement("div").style.opacity="0.5"}catch(F){u=!1;break a}u=!0}var B=!1,C=f.createDocumentFragment();q=function(){function c(b){g.setTimeout(b,1E3/(a.animationInterval||20))}function d(a){return void 0!==h.style[a]?a:null}var e,b=g.requestAnimationFrame||g.webkitRequestAnimationFrame||g.mozRequestAnimationFrame||g.oRequestAnimationFrame||g.msRequestAnimationFrame||c;e=b?function(){return b.apply(g,arguments)}:null;var h;h=f.createElement("div");e={transform:{ie:d("-ms-transform"), +moz:d("MozTransform"),opera:d("OTransform"),webkit:d("webkitTransform"),w3:d("transform"),prop:null},getAnimationFrame:e};e.transform.prop=e.transform.w3||e.transform.moz||e.transform.webkit||e.transform.ie||e.transform.opera;h=null;return e}();this.timer=null;this.flakes=[];this.active=this.disabled=!1;this.meltFrameCount=20;this.meltFrames=[];this.setXY=function(c,d,e){if(!c)return!1;a.usePixelPosition||w?(c.style.left=d-a.flakeWidth+"px",c.style.top=e-a.flakeHeight+"px"):r?(c.style.right=100-100* +(d/h)+"%",c.style.top=Math.min(e,s-a.flakeHeight)+"px"):a.flakeBottom?(c.style.right=100-100*(d/h)+"%",c.style.top=Math.min(e,s-a.flakeHeight)+"px"):(c.style.right=100-100*(d/h)+"%",c.style.bottom=100-100*(e/l)+"%")};this.events=function(){function a(c){c=b.call(c);var d=c.length;e?(c[1]="on"+c[1],3b.vX?b.vX=0.2:0>b.vX&&-0.2b.vY&&(b.vY=0.2)};this.move=function(){var c=b.vX*v;b.x+=c;b.y+=b.vY*b.vAmp;b.x>=h||h-b.xc&&b.x-a.flakeLeftOffset<-a.flakeWidth&&(b.x=h-a.flakeWidth-1);b.refresh();l+p-b.y+a.flakeHeight +b.type&&!b.melting&&0.998b.twinkleFrame?0.97a.flakesMaxActive)a.flakes[a.flakes.length-1].active=-1;a.targetElement.appendChild(C)};this.timerInit=function(){a.timer= +!0;a.snow()};this.init=function(){var c;for(c=0;c