initial commit

themes/hugo-scroll/static/js/index.js

@@ -0,0 +1,138 @@
+/**
+ * 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 >= Math.floor(g) && w <= Math.ceil(h)) {
+          $(".fixed-nav").fadeOut("fast");
+        } else if ($(window).width() > 500) {
+          $(".fixed-nav").fadeIn("fast");
+        }
+
+        $post.each(function () {
+          if (($(window).height() + w) > ($(document).height() - $(".site-footer").height())) {
+            var l = $postholder.length;
+            $(".fn-item[item_index='" + (l - 1) + "']").removeClass("active")
+            $(".fn-item[item_index='" + (l) + "']").addClass("active")
+          } else {
+            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"></span>');
+    $("blockquote p").prepend('<span class="quo fa fa-quote-left"></span>');
+    $("blockquote p").append('<span class="quo fa fa-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);