Craig - qrayg
105 lines
7.5 KiB
JavaScript
105 lines
7.5 KiB
JavaScript
/* eslint-disable */
|
|
|
|
// jQuery modal v0.9.1
|
|
!function(o){"object"==typeof module&&"object"==typeof module.exports?o(require("jquery"),window,document):o(jQuery,window,document)}(function(o,t,i,e){var s=[],l=function(){return s.length?s[s.length-1]:null},n=function(){var o,t=!1;for(o=s.length-1;o>=0;o--)s[o].$blocker&&(s[o].$blocker.toggleClass("current",!t).toggleClass("behind",t),t=!0)};o.modal=function(t,i){var e,n;if(this.$body=o("body"),this.options=o.extend({},o.modal.defaults,i),this.options.doFade=!isNaN(parseInt(this.options.fadeDuration,10)),this.$blocker=null,this.options.closeExisting)for(;o.modal.isActive();)o.modal.close();if(s.push(this),t.is("a"))if(n=t.attr("href"),this.anchor=t,/^#/.test(n)){if(this.$elm=o(n),1!==this.$elm.length)return null;this.$body.append(this.$elm),this.open()}else this.$elm=o("<div>"),this.$body.append(this.$elm),e=function(o,t){t.elm.remove()},this.showSpinner(),t.trigger(o.modal.AJAX_SEND),o.get(n).done(function(i){if(o.modal.isActive()){t.trigger(o.modal.AJAX_SUCCESS);var s=l();s.$elm.empty().append(i).on(o.modal.CLOSE,e),s.hideSpinner(),s.open(),t.trigger(o.modal.AJAX_COMPLETE)}}).fail(function(){t.trigger(o.modal.AJAX_FAIL);var i=l();i.hideSpinner(),s.pop(),t.trigger(o.modal.AJAX_COMPLETE)});else this.$elm=t,this.anchor=t,this.$body.append(this.$elm),this.open()},o.modal.prototype={constructor:o.modal,open:function(){var t=this;this.block(),this.anchor.blur(),this.options.doFade?setTimeout(function(){t.show()},this.options.fadeDuration*this.options.fadeDelay):this.show(),o(i).off("keydown.modal").on("keydown.modal",function(o){var t=l();27===o.which&&t.options.escapeClose&&t.close()}),this.options.clickClose&&this.$blocker.click(function(t){t.target===this&&o.modal.close()})},close:function(){s.pop(),this.unblock(),this.hide(),o.modal.isActive()||o(i).off("keydown.modal")},block:function(){this.$elm.trigger(o.modal.BEFORE_BLOCK,[this._ctx()]),this.$body.css("overflow","hidden"),this.$blocker=o('<div class="'+this.options.blockerClass+' blocker current"></div>').appendTo(this.$body),n(),this.options.doFade&&this.$blocker.css("opacity",0).animate({opacity:1},this.options.fadeDuration),this.$elm.trigger(o.modal.BLOCK,[this._ctx()])},unblock:function(t){!t&&this.options.doFade?this.$blocker.fadeOut(this.options.fadeDuration,this.unblock.bind(this,!0)):(this.$blocker.children().appendTo(this.$body),this.$blocker.remove(),this.$blocker=null,n(),o.modal.isActive()||this.$body.css("overflow",""))},show:function(){this.$elm.trigger(o.modal.BEFORE_OPEN,[this._ctx()]),this.options.showClose&&(this.closeButton=o('<a href="#close-modal" rel="modal:close" class="close-modal '+this.options.closeClass+'">'+this.options.closeText+"</a>"),this.$elm.append(this.closeButton)),this.$elm.addClass(this.options.modalClass).appendTo(this.$blocker),this.options.doFade?this.$elm.css({opacity:0,display:"inline-block"}).animate({opacity:1},this.options.fadeDuration):this.$elm.css("display","inline-block"),this.$elm.trigger(o.modal.OPEN,[this._ctx()])},hide:function(){this.$elm.trigger(o.modal.BEFORE_CLOSE,[this._ctx()]),this.closeButton&&this.closeButton.remove();var t=this;this.options.doFade?this.$elm.fadeOut(this.options.fadeDuration,function(){t.$elm.trigger(o.modal.AFTER_CLOSE,[t._ctx()])}):this.$elm.hide(0,function(){t.$elm.trigger(o.modal.AFTER_CLOSE,[t._ctx()])}),this.$elm.trigger(o.modal.CLOSE,[this._ctx()])},showSpinner:function(){this.options.showSpinner&&(this.spinner=this.spinner||o('<div class="'+this.options.modalClass+'-spinner"></div>').append(this.options.spinnerHtml),this.$body.append(this.spinner),this.spinner.show())},hideSpinner:function(){this.spinner&&this.spinner.remove()},_ctx:function(){return{elm:this.$elm,$elm:this.$elm,$blocker:this.$blocker,options:this.options}}},o.modal.close=function(t){if(o.modal.isActive()){t&&t.preventDefault();var i=l();return i.close(),i.$elm}},o.modal.isActive=function(){return s.length>0},o.modal.getCurrent=l,o.modal.defaults={closeExisting:!0,escapeClose:!0,clickClose:!0,closeText:"Close",closeClass:"",modalClass:"modal",blockerClass:"jquery-modal",spinnerHtml:'<div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div>',showSpinner:!0,showClose:!0,fadeDuration:null,fadeDelay:1},o.modal.BEFORE_BLOCK="modal:before-block",o.modal.BLOCK="modal:block",o.modal.BEFORE_OPEN="modal:before-open",o.modal.OPEN="modal:open",o.modal.BEFORE_CLOSE="modal:before-close",o.modal.CLOSE="modal:close",o.modal.AFTER_CLOSE="modal:after-close",o.modal.AJAX_SEND="modal:ajax:send",o.modal.AJAX_SUCCESS="modal:ajax:success",o.modal.AJAX_FAIL="modal:ajax:fail",o.modal.AJAX_COMPLETE="modal:ajax:complete",o.fn.modal=function(t){return 1===this.length&&new o.modal(this,t),this},o(i).on("click.modal",'a[rel~="modal:close"]',o.modal.close),o(i).on("click.modal",'a[rel~="modal:open"]',function(t){t.preventDefault(),o(this).modal()})});
|
|
|
|
// inViewport v1.0.0
|
|
(function($){
|
|
$.fn.inViewport = function(offsetVh){
|
|
var elOffsetVh = ~~Math.round(parseFloat(offsetVh)) || 0;
|
|
var elT = $(this).offset().top;
|
|
var elB = elT + $(this).outerHeight();
|
|
var viewT = $(window).scrollTop();
|
|
var viewB = viewT + ($(window).height() + elOffsetVh);
|
|
return elB > viewT && elT < viewB;
|
|
};
|
|
}(jQuery));
|
|
|
|
// preload
|
|
var preloadImgs = [];
|
|
|
|
// jquery stuff
|
|
$(function(){
|
|
|
|
// img-svg
|
|
$('img.svg').each(function(){
|
|
var $img = jQuery(this);
|
|
var imgID = $img.attr('id');
|
|
var imgClass = $img.attr('class');
|
|
var imgURL = $img.attr('src');
|
|
jQuery.get(imgURL, function(data) {
|
|
var $svg = jQuery(data).find('svg');
|
|
if(typeof imgID !== 'undefined') {
|
|
$svg = $svg.attr('id', imgID);
|
|
}
|
|
if(typeof imgClass !== 'undefined') {
|
|
$svg = $svg.attr('class', imgClass+' replaced-svg');
|
|
}
|
|
$svg = $svg.removeAttr('xmlns:a');
|
|
$img.replaceWith($svg);
|
|
}, 'xml');
|
|
});
|
|
|
|
// preload
|
|
$('.intro-th a').each(function(){
|
|
var img = new Image();
|
|
img.src = $(this).data('src');
|
|
preloadImgs.push(img);
|
|
});
|
|
|
|
// nav
|
|
$('.overview-nav').on('click', function(e){
|
|
e.preventDefault();
|
|
$('html, body').animate({
|
|
scrollTop: $('#overview').offset().top
|
|
}, 500);
|
|
});
|
|
|
|
// gallery
|
|
$('.intro-th a').on('click', function(e){
|
|
e.preventDefault();
|
|
if(!$(this).hasClass('active')){
|
|
// thumbs
|
|
$('.intro-th a').removeClass('active');
|
|
$('.intro-th .shadow-ring').remove();
|
|
$('.intro-th img').addClass('opacity-50');
|
|
$(this).addClass('active').find('img').removeClass('opacity-50');
|
|
$(this).append('<i class="-m-[3px] absolute inset-0 shadow-ring rounded-sm transition duration-300"></i>');
|
|
// swap
|
|
var imgSrc = $(this).data('src');
|
|
$('.intro-img').fadeOut('fast', function(){
|
|
$(this).attr('src', imgSrc).fadeIn();
|
|
});
|
|
}
|
|
});
|
|
|
|
// controllers - explode
|
|
$(window).on('load resize scroll', function() {
|
|
$('.controls').each(function() {
|
|
if($(this).inViewport('-400')) {
|
|
$(this).addClass('explode');
|
|
$('.controls-prefs').removeClass('opacity-0');
|
|
$('.controls-intro').removeClass('opacity-0').find('h3').removeClass('pt-16');
|
|
} else {
|
|
$(this).removeClass('explode');
|
|
$('.controls-prefs').addClass('opacity-0');
|
|
$('.controls-intro').addClass('opacity-0').find('h3').addClass('pt-16');
|
|
}
|
|
});
|
|
});
|
|
|
|
// donate
|
|
$('.donate-nav').on('click', function(e) {
|
|
e.preventDefault();
|
|
$(this).modal({
|
|
fadeDuration: 250
|
|
});
|
|
});
|
|
|
|
if(location.hash == '#donate'){
|
|
$('#donate-modal').modal({
|
|
fadeDuration: 250
|
|
});
|
|
}
|
|
|
|
}); |