102 lines
3.0 KiB
JavaScript
102 lines
3.0 KiB
JavaScript
|
/**
|
||
|
|
* Main JS file for HugoScroll behaviours
|
||
|
|
*/
|
||
|
|
var $post = $('.post'),
|
||
|
|
$first = $('.post.first'),
|
||
|
|
$last = $('.post.last'),
|
||
|
|
$fnav = $('.fixed-nav'),
|
||
|
|
$postholder = $('.post-holder'),
|
||
|
|
$postafter = $('.post-after'),
|
||
|
|
$sitehead = $('#site-head');
|
||
|
|
|
||
|
|
/*globals jQuery, document */
|
||
|
|
(function ($) {
|
||
|
|
"use strict";
|
||
|
|
function srcTo (e) {
|
||
|
|
$('html, body').animate({
|
||
|
|
scrollTop: e.offset().top
|
||
|
|
}, 1000);
|
||
|
|
}
|
||
|
|
$(document).ready(function(){
|
||
|
|
|
||
|
|
$postholder.each(function (e) {
|
||
|
|
if(e % 2 != 0)
|
||
|
|
$(this).addClass("oneOff")
|
||
|
|
})
|
||
|
|
|
||
|
|
$postafter.each(function (e) {
|
||
|
|
var bg = $(this).parent().css('background-color')
|
||
|
|
$(this).css('border-top-color', bg)
|
||
|
|
|
||
|
|
if(e % 2 == 0)
|
||
|
|
$(this).css('left', '6%')
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
$('.btn.first').click( function () {
|
||
|
|
srcTo ($first)
|
||
|
|
})
|
||
|
|
$('.btn.last').click( function () {
|
||
|
|
srcTo ($last)
|
||
|
|
})
|
||
|
|
$('#header-arrow').click(function () {
|
||
|
|
srcTo ($first)
|
||
|
|
})
|
||
|
|
|
||
|
|
$('.post-title').each(function () {
|
||
|
|
var t = $(this).text(),
|
||
|
|
index = $(this).parents('.post-holder').index();
|
||
|
|
$fnav.append("<a class='fn-item' item_index='"+index+"'>"+t+"</a>")
|
||
|
|
$(this).parents('article').attr('id',t.toLowerCase().split(' ').join('-'));
|
||
|
|
$('.fn-item').click(function () {
|
||
|
|
var i = $(this).attr('item_index'),
|
||
|
|
s = $(".post[item_index='"+i+"']")
|
||
|
|
|
||
|
|
$('html, body').animate({
|
||
|
|
scrollTop: s.offset().top
|
||
|
|
}, 400);
|
||
|
|
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
$('.post.last').next('.post-after').hide();
|
||
|
|
if($sitehead.length) {
|
||
|
|
$(window).scroll( function () {
|
||
|
|
var w = $(window).scrollTop(),
|
||
|
|
g = $sitehead.offset().top,
|
||
|
|
h = $sitehead.offset().top + $(this).height()-100;
|
||
|
|
|
||
|
|
if(w >= g && w<=h) {
|
||
|
|
$('.fixed-nav').fadeOut('fast')
|
||
|
|
} else {
|
||
|
|
if($(window).width()>500)
|
||
|
|
$('.fixed-nav').fadeIn('fast')
|
||
|
|
}
|
||
|
|
|
||
|
|
$post.each(function () {
|
||
|
|
var f = $(this).offset().top,
|
||
|
|
b = $(this).offset().top + $(this).height(),
|
||
|
|
t = $(this).parent('.post-holder').index(),
|
||
|
|
i = $(".fn-item[item_index='"+t+"']"),
|
||
|
|
a = $(this).parent('.post-holder').prev('.post-holder').find('.post-after');
|
||
|
|
|
||
|
|
$(this).attr('item_index', t);
|
||
|
|
|
||
|
|
if(w >= f && w<=b) {
|
||
|
|
|
||
|
|
i.addClass('active');
|
||
|
|
a.fadeOut('slow')
|
||
|
|
} else {
|
||
|
|
i.removeClass('active');
|
||
|
|
a.fadeIn('slow')
|
||
|
|
}
|
||
|
|
})
|
||
|
|
});
|
||
|
|
}
|
||
|
|
$('ul li').before('<span class="bult fa fa-asterisk icon-asterisk"></span>')
|
||
|
|
$('blockquote p').prepend('<span class="quo icon-quote-left"></span>')
|
||
|
|
.append('<span class="quo icon-quote-right"></span>')
|
||
|
|
});
|
||
|
|
}(jQuery));
|