135 lines
3.5 KiB
JavaScript
135 lines
3.5 KiB
JavaScript
/**
|
|
* Main JS file for GhostScroll behaviours
|
|
*/
|
|
|
|
var $post = $(".post");
|
|
var $first = $(".post.first");
|
|
var $last = $(".post.last");
|
|
var $fnav = $(".fixed-nav");
|
|
var $postholder = $(".post-holder");
|
|
var $postafter = $(".post-after");
|
|
var $sitehead = $("#site-head");
|
|
|
|
/* Globals jQuery, document */
|
|
(function ($) {
|
|
"use strict";
|
|
function srcTo(el) {
|
|
$("html, body").animate(
|
|
{
|
|
scrollTop: el.offset().top,
|
|
},
|
|
1000
|
|
);
|
|
}
|
|
function srcToAnchorWithTitle(str) {
|
|
var $el = $("#" + str);
|
|
if ($el.length) {
|
|
srcTo($el);
|
|
}
|
|
}
|
|
$(document).ready(function () {
|
|
$postholder.each(function (e) {
|
|
if (e % 2 != 0) $(this).addClass("odd");
|
|
});
|
|
|
|
$postafter.each(function (e) {
|
|
var bg = $(this).parent().css("background-color");
|
|
$(this).css("border-top-color", bg);
|
|
|
|
if (e % 2 == 0) {
|
|
$(this).addClass("even");
|
|
}
|
|
});
|
|
|
|
$("a.btn.site-menu").click(function (e) {
|
|
srcToAnchorWithTitle($(e.target).data("title-anchor"));
|
|
});
|
|
$("#header-arrow").click(function () {
|
|
srcTo($first);
|
|
});
|
|
|
|
$(".post-title").each(function () {
|
|
var t = $(this).text();
|
|
var index = $(this).parents(".post-holder").index();
|
|
$fnav.append(
|
|
"<a class='fn-item' item_index='" + index + "'>" + t + "</a>"
|
|
);
|
|
$(".fn-item").click(function () {
|
|
var i = $(this).attr("item_index");
|
|
var 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();
|
|
var g = $sitehead.offset().top;
|
|
var h = $sitehead.offset().top + $sitehead.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;
|
|
var b = $(this).offset().top + $(this).height();
|
|
var t = $(this).parent(".post-holder").index();
|
|
var i = $(".fn-item[item_index='" + t + "']");
|
|
var 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>');
|
|
$("blockquote p").append('<span class="quo icon-quote-right"></span>');
|
|
});
|
|
|
|
$post.each(function () {
|
|
var postText = $(this).html();
|
|
var fa = [];
|
|
for (var i = 0; i < icons.length; i++) {
|
|
fa[i] = {};
|
|
fa[i].str = "@" + icons[i] + "@";
|
|
fa[i].icon = icons[i];
|
|
fa[i].int = postText.search(fa[i].str);
|
|
|
|
if (fa[i].int > -1) {
|
|
fa[i].count = postText.match(new RegExp(fa[i].str, "g")).length;
|
|
for (var j = 0; j < fa[i].count; j++) {
|
|
$(this).html(
|
|
$(this)
|
|
.html()
|
|
.replace(fa[i].str, "<i class='fa " + fa[i].icon + "'></i>")
|
|
);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
})(jQuery);
|