Delete main.js
This commit is contained in:
parent
d606214961
commit
e229ef6488
1 changed files with 0 additions and 219 deletions
|
@ -1,219 +0,0 @@
|
||||||
/*
|
|
||||||
Highlights by HTML5 UP
|
|
||||||
html5up.net | @ajlkn
|
|
||||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($) {
|
|
||||||
|
|
||||||
skel.breakpoints({
|
|
||||||
large: '(max-width: 1680px)',
|
|
||||||
medium: '(max-width: 980px)',
|
|
||||||
small: '(max-width: 736px)',
|
|
||||||
xsmall: '(max-width: 480px)'
|
|
||||||
});
|
|
||||||
|
|
||||||
$(function() {
|
|
||||||
|
|
||||||
var $window = $(window),
|
|
||||||
$body = $('body'),
|
|
||||||
$html = $('html');
|
|
||||||
|
|
||||||
// Disable animations/transitions until the page has loaded.
|
|
||||||
$html.addClass('is-loading');
|
|
||||||
|
|
||||||
$window.on('load', function() {
|
|
||||||
window.setTimeout(function() {
|
|
||||||
$html.removeClass('is-loading');
|
|
||||||
}, 0);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Touch mode.
|
|
||||||
if (skel.vars.mobile) {
|
|
||||||
|
|
||||||
var $wrapper;
|
|
||||||
|
|
||||||
// Create wrapper.
|
|
||||||
$body.wrapInner('<div id="wrapper" />');
|
|
||||||
$wrapper = $('#wrapper');
|
|
||||||
|
|
||||||
// Hack: iOS vh bug.
|
|
||||||
if (skel.vars.os == 'ios')
|
|
||||||
$wrapper
|
|
||||||
.css('margin-top', -25)
|
|
||||||
.css('padding-bottom', 25);
|
|
||||||
|
|
||||||
// Pass scroll event to window.
|
|
||||||
$wrapper.on('scroll', function() {
|
|
||||||
$window.trigger('scroll');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Scrolly.
|
|
||||||
$window.on('load.hl_scrolly', function() {
|
|
||||||
|
|
||||||
$('.scrolly').scrolly({
|
|
||||||
speed: 1500,
|
|
||||||
parent: $wrapper,
|
|
||||||
pollOnce: true
|
|
||||||
});
|
|
||||||
|
|
||||||
$window.off('load.hl_scrolly');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Enable touch mode.
|
|
||||||
$html.addClass('is-touch');
|
|
||||||
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
|
|
||||||
// Scrolly.
|
|
||||||
$('.scrolly').scrolly({
|
|
||||||
speed: 1500
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fix: Placeholder polyfill.
|
|
||||||
$('form').placeholder();
|
|
||||||
|
|
||||||
// Prioritize "important" elements on medium.
|
|
||||||
skel.on('+medium -medium', function() {
|
|
||||||
$.prioritize(
|
|
||||||
'.important\\28 medium\\29',
|
|
||||||
skel.breakpoint('medium').active
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Header.
|
|
||||||
var $header = $('#header'),
|
|
||||||
$headerTitle = $header.find('header'),
|
|
||||||
$headerContainer = $header.find('.container');
|
|
||||||
|
|
||||||
// Make title fixed.
|
|
||||||
if (!skel.vars.mobile) {
|
|
||||||
|
|
||||||
$window.on('load.hl_headerTitle', function() {
|
|
||||||
|
|
||||||
skel.on('-medium !medium', function() {
|
|
||||||
|
|
||||||
$headerTitle
|
|
||||||
.css('position', 'fixed')
|
|
||||||
.css('height', 'auto')
|
|
||||||
.css('top', '50%')
|
|
||||||
.css('left', '0')
|
|
||||||
.css('width', '100%')
|
|
||||||
.css('margin-top', ($headerTitle.outerHeight() / -2));
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
skel.on('+medium', function() {
|
|
||||||
|
|
||||||
$headerTitle
|
|
||||||
.css('position', '')
|
|
||||||
.css('height', '')
|
|
||||||
.css('top', '')
|
|
||||||
.css('left', '')
|
|
||||||
.css('width', '')
|
|
||||||
.css('margin-top', '');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$window.off('load.hl_headerTitle');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Scrollex.
|
|
||||||
skel.on('-small !small', function() {
|
|
||||||
$header.scrollex({
|
|
||||||
terminate: function() {
|
|
||||||
|
|
||||||
$headerTitle.css('opacity', '');
|
|
||||||
|
|
||||||
},
|
|
||||||
scroll: function(progress) {
|
|
||||||
|
|
||||||
// Fade out title as user scrolls down.
|
|
||||||
if (progress > 0.5)
|
|
||||||
x = 1 - progress;
|
|
||||||
else
|
|
||||||
x = progress;
|
|
||||||
|
|
||||||
$headerTitle.css('opacity', Math.max(0, Math.min(1, x * 2)));
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
skel.on('+small', function() {
|
|
||||||
|
|
||||||
$header.unscrollex();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Main sections.
|
|
||||||
$('.main').each(function() {
|
|
||||||
|
|
||||||
var $this = $(this),
|
|
||||||
$primaryImg = $this.find('.image.primary > img'),
|
|
||||||
$bg,
|
|
||||||
options;
|
|
||||||
|
|
||||||
// No primary image? Bail.
|
|
||||||
if ($primaryImg.length == 0)
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Hack: IE8 fallback.
|
|
||||||
if (skel.vars.IEVersion < 9) {
|
|
||||||
|
|
||||||
$this
|
|
||||||
.css('background-image', 'url("' + $primaryImg.attr('src') + '")')
|
|
||||||
.css('-ms-behavior', 'url("css/ie/backgroundsize.min.htc")');
|
|
||||||
|
|
||||||
return;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Create bg and append it to body.
|
|
||||||
$bg = $('<div class="main-bg" id="' + $this.attr('id') + '-bg"></div>')
|
|
||||||
.css('background-image', (
|
|
||||||
'url("assets/css/images/overlay.png"), url("' + $primaryImg.attr('src') + '")'
|
|
||||||
))
|
|
||||||
.appendTo($body);
|
|
||||||
|
|
||||||
// Scrollex.
|
|
||||||
options = {
|
|
||||||
mode: 'middle',
|
|
||||||
delay: 200,
|
|
||||||
top: '-10vh',
|
|
||||||
bottom: '-10vh'
|
|
||||||
};
|
|
||||||
|
|
||||||
if (skel.canUse('transition')) {
|
|
||||||
|
|
||||||
options.init = function() { $bg.removeClass('active'); };
|
|
||||||
options.enter = function() { $bg.addClass('active'); };
|
|
||||||
options.leave = function() { $bg.removeClass('active'); };
|
|
||||||
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
|
|
||||||
$bg
|
|
||||||
.css('opacity', 1)
|
|
||||||
.hide();
|
|
||||||
|
|
||||||
options.init = function() { $bg.fadeOut(0); };
|
|
||||||
options.enter = function() { $bg.fadeIn(400); };
|
|
||||||
options.leave = function() { $bg.fadeOut(400); };
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
$this.scrollex(options);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
|
Loading…
Add table
Add a link
Reference in a new issue