diff --git a/assets/js/main.js b/assets/js/main.js index eb18b6f..99a8000 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -5,157 +5,148 @@ "Cleaned" - aka destroyed and rewritten by L3D. L3D does not know how JavaScript works and just deleted some random lines. + And made some other weird changes no one understood! */ +function loadSpaceStatus() { + $.getJSON("/c3woc.json", function(data) { + $("link[href='/css/spacestatus.css']").remove(); + if (data.state.open == true) { + $('#space-closed').hide(); + $('#space-opened').css("display", "block"); + } else { + $('#space-opened').hide(); + $('#space-closed').show(); + } + }); +} + (function($) { - skel.breakpoints({ - xlarge: '(max-width: 1680px)', - large: '(max-width: 1280px)', - medium: '(max-width: 980px)', - small: '(max-width: 736px)', - xsmall: '(max-width: 480px)' - }); + skel.breakpoints({ + xlarge: '(max-width: 1680px)', + large: '(max-width: 1280px)', + medium: '(max-width: 980px)', + small: '(max-width: 736px)', + xsmall: '(max-width: 480px)' + }); - $(function() { + var $window = $(window), + $body = $('body'); - var $window = $(window), - $body = $('body'); + // Touch mode. + if (skel.vars.mobile) + $body.addClass('is-touch'); - // Touch mode. - if (skel.vars.mobile) - $body.addClass('is-touch'); + // Fix: Placeholder polyfill. + $('form').placeholder(); - // Fix: Placeholder polyfill. - $('form').placeholder(); + // Prioritize "important" elements on medium. + skel.on('+medium -medium', function() { + $.prioritize( + '.important\\28 medium\\29', + skel.breakpoint('medium').active + ); + }); - // Prioritize "important" elements on medium. - skel.on('+medium -medium', function() { - $.prioritize( - '.important\\28 medium\\29', - skel.breakpoint('medium').active - ); - }); + // Scrolly links. + $('.scrolly').scrolly({ + speed: 2000 + }); - // Scrolly links. - $('.scrolly').scrolly({ - speed: 2000 - }); + // Off-Canvas Navigation. - // Off-Canvas Navigation. + // Title Bar. + $( + '
' + + '' + + '' + $('#logo').html() + '' + + '
' + ) + .appendTo($body); - // Title Bar. - $( - '
' + - '' + - '' + $('#logo').html() + '' + - '
' - ) - .appendTo($body); + // Navigation Panel. + $( + '' + ) + .appendTo($body) + .panel({ + delay: 500, + hideOnClick: true, + hideOnSwipe: true, + resetScroll: true, + resetForms: true, + side: 'left', + target: $body, + visibleClass: 'navPanel-visible' + }); - // Navigation Panel. - $( - '' - ) - .appendTo($body) - .panel({ - delay: 500, - hideOnClick: true, - hideOnSwipe: true, - resetScroll: true, - resetForms: true, - side: 'left', - target: $body, - visibleClass: 'navPanel-visible' - }); + // Fix: Remove navPanel transitions on WP<10 (poor/buggy performance). + if (skel.vars.os == 'wp' && skel.vars.osVersion < 10) + $('#titleBar, #navPanel, #page-wrapper') + .css('transition', 'none'); - // Fix: Remove navPanel transitions on WP<10 (poor/buggy performance). - if (skel.vars.os == 'wp' && skel.vars.osVersion < 10) - $('#titleBar, #navPanel, #page-wrapper') - .css('transition', 'none'); + // Parallax. + // Disabled on IE (choppy scrolling) and mobile platforms (poor performance). + if (skel.vars.browser == 'ie' || + skel.vars.mobile) { - // Parallax. - // Disabled on IE (choppy scrolling) and mobile platforms (poor performance). - if (skel.vars.browser == 'ie' - || skel.vars.mobile) { + $.fn._parallax = function() { + return $(this); + }; - $.fn._parallax = function() { + } else { + $.fn._parallax = function() { + $(this).each(function() { + var $this = $(this), + on, off; + on = function() { + $this + .css('background-position', 'center 0px'); + $window + .on('scroll._parallax', function() { + var pos = parseInt($window.scrollTop()) - parseInt($this.position().top); + $this.css('background-position', 'center ' + (pos * -0.15) + 'px'); + }); + }; - return $(this); + off = function() { + $this + .css('background-position', ''); + $window + .off('scroll._parallax'); + }; - }; + skel.on('change', function() { + if (skel.breakpoint('medium').active) + (off)(); + else + (on)(); + }); + }); + return $(this); + }; - } - else { + $window.on('load resize', function() { + $window.trigger('scroll'); + }); - $.fn._parallax = function() { + } - $(this).each(function() { + // Banner. + var $banner = $('#banner'); + $banner + ._parallax(); - var $this = $(this), - on, off; - - on = function() { - - $this - .css('background-position', 'center 0px'); - - $window - .on('scroll._parallax', function() { - - var pos = parseInt($window.scrollTop()) - parseInt($this.position().top); - - $this.css('background-position', 'center ' + (pos * -0.15) + 'px'); - - }); - - }; - - off = function() { - - $this - .css('background-position', ''); - - $window - .off('scroll._parallax'); - - }; - - skel.on('change', function() { - - if (skel.breakpoint('medium').active) - (off)(); - else - (on)(); - - }); - - }); - - return $(this); - - }; - - $window - .on('load resize', function() { - $window.trigger('scroll'); - }); - - } - - - - // Banner. - var $banner = $('#banner'); - - $banner - ._parallax(); - - }); + loadSpaceStatus(); })(jQuery); + +window.setInterval(function() { + loadSpaceStatus(); +}, 5000);