c3woc/webseite
1
1
Fork 0
Code Issues Pull requests Releases Activity

update javascript

Browse source
This commit is contained in:
Lilian Roller 2019-12-02 09:00:21 +01:00
parent d483244c4a
commit bbdf78f976
No known key found for this signature in database
GPG key ID: 5215C3441797AB2B
1 changed files with 120 additions and 129 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

249
assets/js/main.js
View file

@ -5,157 +5,148 @@
"Cleaned" - aka destroyed and rewritten by L3D.
<WARNING> 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.
$(
'<div id="titleBar">' +
'<a href="#navPanel" class="fas fa-bars toggle"></a>' +
'<span class="title">' + $('#logo').html() + '</span>' +
'</div>'
)
.appendTo($body);
// Title Bar.
$(
'<div id="titleBar">' +
'<a href="#navPanel" class="fas fa-bars toggle"></a>' +
'<span class="title">' + $('#logo').html() + '</span>' +
'</div>'
)
.appendTo($body);
// Navigation Panel.
$(
'<div id="navPanel">' +
'<nav>' +
$('#nav').navList() +
'</nav>' +
'</div>'
)
.appendTo($body)
.panel({
delay: 500,
hideOnClick: true,
hideOnSwipe: true,
resetScroll: true,
resetForms: true,
side: 'left',
target: $body,
visibleClass: 'navPanel-visible'
});
// Navigation Panel.
$(
'<div id="navPanel">' +
'<nav>' +
$('#nav').navList() +
'</nav>' +
'</div>'
)
.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);