redeyed-jekyll-theme 0.1.2 → 0.1.5

data/_javascript/common/back-to-top.js

@@ -1,20 +0,0 @@
-/*
-Reference: https://bootsnipp.com/snippets/featured/link-to-top-page
-*/
-$(function() {
-  $(window).scroll(() => {
-    if ($(this).scrollTop() > 50 &&
-      $("#sidebar-trigger").css("display") === "none") {
-      $("#back-to-top").fadeIn();
-    } else {
-      $("#back-to-top").fadeOut();
-    }
-  });
-
-  $("#back-to-top").click(() => {
-    $("body,html").animate({
-      scrollTop: 0
-    }, 800);
-    return false;
-  });
-});

data/_javascript/common/mode-toggle.js

@@ -1,13 +0,0 @@
-/*
- * Listener for theme mode toggle
- */
-$(function() {
-  $(".mode-toggle").click((e) => {
-    const $target = $(e.target);
-    let $btn = ($target.prop("tagName") === "button".toUpperCase() ?
-      $target : $target.parent());
-
-    $btn.blur(); // remove the clicking outline
-    flipMode();
-  });
-});

data/_javascript/common/scroll-helper.js

@@ -1,36 +0,0 @@
-/**
- * A tool for smooth scrolling and topbar switcher
- */
-const ScrollHelper = (function () {
-  const $body = $("body");
-  const ATTR_TOPBAR_VISIBLE = "data-topbar-visible";
-  const topbarHeight = $("#topbar-wrapper").outerHeight();
-
-  let scrollUpCount = 0; // the number of times the scroll up was triggered by ToC or anchor
-  let topbarLocked = false;
-  let orientationLocked = false;
-
-  return {
-    hideTopbar: () => $body.attr(ATTR_TOPBAR_VISIBLE, false),
-    showTopbar: () => $body.attr(ATTR_TOPBAR_VISIBLE, true),
-
-    // scroll up
-
-    addScrollUpTask: () => {
-      scrollUpCount += 1;
-      if (!topbarLocked) { topbarLocked = true; }
-    },
-    popScrollUpTask: () => scrollUpCount -= 1,
-    hasScrollUpTask: () => scrollUpCount > 0,
-    topbarLocked: () => topbarLocked === true,
-    unlockTopbar: () => topbarLocked = false,
-    getTopbarHeight: () => topbarHeight,
-
-    // orientation change
-
-    orientationLocked: () => orientationLocked === true,
-    lockOrientation: () => orientationLocked = true,
-    unLockOrientation: () => orientationLocked = false
-  };
-
-}());

data/_javascript/common/search-display.js

@@ -1,129 +0,0 @@
-/*
-* This script make #search-result-wrapper switch to unloaded or shown automatically.
-*/
-
-$(function() {
-  const btnSbTrigger = $("#sidebar-trigger");
-  const btnSearchTrigger = $("#search-trigger");
-  const btnCancel = $("#search-cancel");
-  const main = $("#main");
-  const topbarTitle = $("#topbar-title");
-  const searchWrapper = $("#search-wrapper");
-  const resultWrapper = $("#search-result-wrapper");
-  const results = $("#search-results");
-  const input = $("#search-input");
-  const hints = $("#search-hints");
-
-  const scrollBlocker = (function () {
-    let offset = 0;
-    return {
-      block() {
-        offset = window.scrollY;
-        $("html,body").scrollTop(0);
-      },
-      release() {
-        $("html,body").scrollTop(offset);
-      },
-      getOffset() {
-        return offset;
-      }
-    };
-  }());
-
-  /*--- Actions in mobile screens (Sidebar hidden) ---*/
-
-  const mobileSearchBar = (function () {
-    return {
-      on() {
-        btnSbTrigger.addClass("unloaded");
-        topbarTitle.addClass("unloaded");
-        btnSearchTrigger.addClass("unloaded");
-        searchWrapper.addClass("d-flex");
-        btnCancel.addClass("loaded");
-      },
-      off() {
-        btnCancel.removeClass("loaded");
-        searchWrapper.removeClass("d-flex");
-        btnSbTrigger.removeClass("unloaded");
-        topbarTitle.removeClass("unloaded");
-        btnSearchTrigger.removeClass("unloaded");
-      }
-    };
-  }());
-
-  const resultSwitch = (function () {
-    let visible = false;
-
-    return {
-      on() {
-        if (!visible) {
-          // the block method must be called before $(#main) unloaded.
-          scrollBlocker.block();
-          resultWrapper.removeClass("unloaded");
-          main.addClass("unloaded");
-          visible = true;
-        }
-      },
-      off() {
-        if (visible) {
-          results.empty();
-          if (hints.hasClass("unloaded")) {
-            hints.removeClass("unloaded");
-          }
-          resultWrapper.addClass("unloaded");
-          main.removeClass("unloaded");
-
-          // now the release method must be called after $(#main) display
-          scrollBlocker.release();
-
-          input.val("");
-          visible = false;
-        }
-      },
-      isVisible() {
-        return visible;
-      }
-    };
-
-  }());
-
-  function isMobileView() {
-    return btnCancel.hasClass("loaded");
-  }
-
-  btnSearchTrigger.click(function() {
-    mobileSearchBar.on();
-    resultSwitch.on();
-    input.focus();
-  });
-
-  btnCancel.click(function() {
-    mobileSearchBar.off();
-    resultSwitch.off();
-  });
-
-  input.focus(function() {
-    searchWrapper.addClass("input-focus");
-  });
-
-  input.focusout(function() {
-    searchWrapper.removeClass("input-focus");
-  });
-
-  input.on("input", () => {
-    if (input.val() === "") {
-      if (isMobileView()) {
-        hints.removeClass("unloaded");
-      } else {
-        resultSwitch.off();
-      }
-
-    } else {
-      resultSwitch.on();
-      if (isMobileView()) {
-        hints.addClass("unloaded");
-      }
-    }
-  });
-
-});

data/_javascript/common/sidebar.js

@@ -1,30 +0,0 @@
-/**
- * Expand or close the sidebar in mobile screens.
- */
-
-$(function() {
-
-  const sidebarUtil = (function () {
-    const ATTR_DISPLAY = "sidebar-display";
-    let isExpanded = false;
-    const body = $("body");
-
-    return {
-      toggle() {
-        if (isExpanded === false) {
-          body.attr(ATTR_DISPLAY, "");
-        } else {
-          body.removeAttr(ATTR_DISPLAY);
-        }
-
-        isExpanded = !isExpanded;
-      }
-    };
-
-  }());
-
-  $("#sidebar-trigger").click(sidebarUtil.toggle);
-
-  $("#mask").click(sidebarUtil.toggle);
-
-});

data/_javascript/common/tooltip-loader.js

@@ -1,6 +0,0 @@
-/**
- * Initial Bootstrap Tooltip.
-*/
-$(function () {
-  $("[data-toggle=\"tooltip\"]").tooltip();
-});

data/_javascript/common/topbar-switcher.js

@@ -1,90 +0,0 @@
-/*
- * Hide Header on scroll down
- */
-
-$(function() {
-  const $searchInput = $("#search-input");
-  const delta = ScrollHelper.getTopbarHeight();
-
-  let didScroll;
-  let lastScrollTop = 0;
-
-  function hasScrolled() {
-    let st = $(this).scrollTop();
-
-    /* Make sure they scroll more than delta */
-    if (Math.abs(lastScrollTop - st) <= delta) {
-      return;
-    }
-
-    if (st > lastScrollTop ) { // Scroll Down
-      ScrollHelper.hideTopbar();
-
-      if ($searchInput.is(":focus")) {
-        $searchInput.blur(); /* remove focus */
-      }
-
-    } else  { // Scroll up
-      // has not yet scrolled to the bottom of the screen, that is, there is still space for scrolling
-      if (st + $(window).height() < $(document).height()) {
-
-        if (ScrollHelper.hasScrollUpTask()) {
-          return;
-        }
-
-        if (ScrollHelper.topbarLocked()) { // avoid redundant scroll up event from smooth scrolling
-          ScrollHelper.unlockTopbar();
-        } else {
-          if (ScrollHelper.orientationLocked()) { // avoid device auto scroll up on orientation change
-            ScrollHelper.unLockOrientation();
-          } else {
-            ScrollHelper.showTopbar();
-          }
-        }
-      }
-    }
-
-    lastScrollTop = st;
-
-  } // hasScrolled()
-
-  function handleLandscape() {
-    if ($(window).scrollTop() === 0) {
-      return;
-    }
-    ScrollHelper.lockOrientation();
-    ScrollHelper.hideTopbar();
-  }
-
-  if (screen.orientation) {
-    screen.orientation.onchange = () => {
-      const type = screen.orientation.type;
-      if (type ===  "landscape-primary" || type === "landscape-secondary") {
-        handleLandscape();
-      }
-    };
-
-  } else {
-    // for the browsers that not support `window.screen.orientation` API
-    $(window).on("orientationchange",() => {
-      if ($(window).width() < $(window).height()) { // before rotating, it is still in portrait mode.
-        handleLandscape();
-      }
-    });
-  }
-
-  $(window).scroll(() => {
-    if (didScroll) {
-      return;
-    }
-    didScroll = true;
-  });
-
-  setInterval(() => {
-    if (didScroll) {
-      hasScrolled();
-      didScroll = false;
-    }
-  }, 250);
-
-});

data/_javascript/common/topbar-title.js

@@ -1,67 +0,0 @@
-/*
- * Top bar title auto change while scrolling up/down in mobile screens.
-*/
-
-$(function() {
-  const titleSelector = "div.post>h1:first-of-type";
-  const $pageTitle = $(titleSelector);
-  const $topbarTitle = $("#topbar-title");
-
-  if ($pageTitle.length === 0 /* on Home page */
-      || $pageTitle.hasClass("dynamic-title")
-      || $topbarTitle.is(":hidden")) {/* not in mobile views */
-    return;
-  }
-
-  const defaultTitleText = $topbarTitle.text().trim();
-  let pageTitleText = $pageTitle.text().trim();
-  let hasScrolled = false;
-  let lastScrollTop = 0;
-
-  if ($("#page-category").length || $("#page-tag").length) {
-    /* The title in Category or Tag page will be "<title> <count_of_posts>" */
-    if (/\s/.test(pageTitleText)) {
-      pageTitleText = pageTitleText.replace(/[0-9]/g, "").trim();
-    }
-  }
-
-  // When the page is scrolled down and then refreshed, the topbar title needs to be initialized
-  if ($pageTitle.offset().top < $(window).scrollTop()) {
-    $topbarTitle.text(pageTitleText);
-  }
-
-  let options = {
-    rootMargin: '-48px 0px 0px 0px', // 48px equals to the topbar height (3rem)
-    threshold: [0, 1]
-  };
-
-  let observer = new IntersectionObserver((entries) => {
-    if (!hasScrolled) {
-      hasScrolled = true;
-      return;
-    }
-
-    let curScrollTop = $(window).scrollTop();
-    let isScrollDown = lastScrollTop < curScrollTop;
-    lastScrollTop = curScrollTop;
-    let heading = entries[0];
-
-    if (isScrollDown) {
-      if (heading.intersectionRatio === 0) {
-        $topbarTitle.text(pageTitleText);
-      }
-    } else {
-      if (heading.intersectionRatio === 1) {
-        $topbarTitle.text(defaultTitleText);
-      }
-    }
-  }, options);
-
-  observer.observe(document.querySelector(titleSelector));
-
-  /* Click title will scroll to top */
-  $topbarTitle.click(function() {
-    $("body,html").animate({scrollTop: 0}, 800);
-  });
-
-});

data/_javascript/utils/category-collapse.js

@@ -1,30 +0,0 @@
-/*
- * Tab 'Categories' expand/close effect.
- */
-
-$(function() {
-  const childPrefix = "l_";
-  const parentPrefix = "h_";
-  const collapse = $(".collapse");
-
-  /* close up top-category */
-  collapse.on("hide.bs.collapse", function () { /* Bootstrap collapse events. */
-    const parentId = parentPrefix + $(this).attr("id").substring(childPrefix.length);
-    if (parentId) {
-      $(`#${parentId} .far.fa-folder-open`).attr("class", "far fa-folder fa-fw");
-      $(`#${parentId} i.fas`).addClass("rotate");
-      $(`#${parentId}`).removeClass("hide-border-bottom");
-    }
-  });
-
-  /* expand the top category */
-  collapse.on("show.bs.collapse", function() {
-    const parentId = parentPrefix + $(this).attr("id").substring(childPrefix.length);
-    if (parentId) {
-      $(`#${parentId} .far.fa-folder`).attr("class", "far fa-folder-open fa-fw");
-      $(`#${parentId} i.fas`).removeClass("rotate");
-      $(`#${parentId}`).addClass("hide-border-bottom");
-    }
-  });
-
-});

data/_javascript/utils/checkbox.js

@@ -1,12 +0,0 @@
-/*
- * Create a more beautiful checkbox
- */
-
-$(function() {
-  /* hide browser default checkbox */
-  $("input[type=checkbox]").addClass("unloaded");
-  /* create checked checkbox */
-  $("input[type=checkbox][checked]").before("<i class=\"fas fa-check-circle checked\"></i>");
-  /* create normal checkbox */
-  $("input[type=checkbox]:not([checked])").before("<i class=\"far fa-circle\"></i>");
-});

data/_javascript/utils/clipboard.js

@@ -1,133 +0,0 @@
-/*
- * Clipboard functions
- *
- * Dependencies:
- *   - popper.js (https://github.com/popperjs/popper-core)
- *   - clipboard.js (https://github.com/zenorocha/clipboard.js)
- */
-
-$(function() {
-  const btnSelector = '.code-header>button';
-  const ICON_SUCCESS = 'fas fa-check';
-  const ATTR_TIMEOUT = 'timeout';
-  const ATTR_TITLE_SUCCEED = 'data-title-succeed';
-  const ATTR_TITLE_ORIGIN = 'data-original-title';
-  const TIMEOUT = 2000; // in milliseconds
-
-  function isLocked(node) {
-    if ($(node)[0].hasAttribute(ATTR_TIMEOUT)) {
-      let timeout = $(node).attr(ATTR_TIMEOUT);
-      if (Number(timeout) > Date.now()) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  function lock(node) {
-    $(node).attr(ATTR_TIMEOUT, Date.now() + TIMEOUT);
-  }
-
-  function unlock(node) {
-    $(node).removeAttr(ATTR_TIMEOUT);
-  }
-
-  /* --- Copy code block --- */
-
-  // Initial the clipboard.js object
-  const clipboard = new ClipboardJS(btnSelector, {
-    target(trigger) {
-      let codeBlock = trigger.parentNode.nextElementSibling;
-      return codeBlock.querySelector('code .rouge-code');
-    }
-  });
-
-  $(btnSelector).tooltip({
-    trigger: 'hover',
-    placement: 'left'
-  });
-
-  function getIcon(btn) {
-    let iconNode = $(btn).children();
-    return iconNode.attr('class');
-  }
-
-  const ICON_DEFAULT = getIcon(btnSelector);
-
-  function showTooltip(btn) {
-    const succeedTitle = $(btn).attr(ATTR_TITLE_SUCCEED);
-    $(btn).attr(ATTR_TITLE_ORIGIN, succeedTitle).tooltip('show');
-  }
-
-  function hideTooltip(btn) {
-    $(btn).tooltip('hide').removeAttr(ATTR_TITLE_ORIGIN);
-  }
-
-  function setSuccessIcon(btn) {
-    let btnNode = $(btn);
-    let iconNode = btnNode.children();
-    iconNode.attr('class', ICON_SUCCESS);
-  }
-
-  function resumeIcon(btn) {
-    let btnNode = $(btn);
-    let iconNode = btnNode.children();
-    iconNode.attr('class', ICON_DEFAULT);
-  }
-
-  clipboard.on('success', (e) => {
-    e.clearSelection();
-
-    const trigger = e.trigger;
-    if (isLocked(trigger)) {
-      return;
-    }
-
-    setSuccessIcon(trigger);
-    showTooltip(trigger);
-    lock(trigger);
-
-    setTimeout(() => {
-      hideTooltip(trigger);
-      resumeIcon(trigger);
-      unlock(trigger);
-    }, TIMEOUT);
-
-  });
-
-  /* --- Post link sharing --- */
-
-  $('#copy-link').click((e) => {
-
-    let target = $(e.target);
-
-    if (isLocked(target)) {
-      return;
-    }
-
-    // Copy URL to clipboard
-
-    const url = window.location.href;
-    const $temp = $("<input>");
-
-    $("body").append($temp);
-    $temp.val(url).select();
-    document.execCommand("copy");
-    $temp.remove();
-
-    // Switch tooltip title
-
-    const defaultTitle = target.attr(ATTR_TITLE_ORIGIN);
-    const succeedTitle = target.attr(ATTR_TITLE_SUCCEED);
-
-    target.attr(ATTR_TITLE_ORIGIN, succeedTitle).tooltip('show');
-    lock(target);
-
-    setTimeout(() => {
-      target.attr(ATTR_TITLE_ORIGIN, defaultTitle);
-      unlock(target);
-    }, TIMEOUT);
-
-  });
-
-});

data/_javascript/utils/img-extra.js

@@ -1,47 +0,0 @@
-/**
-  Lazy load images (https://github.com/ApoorvSaxena/lozad.js)
-  and popup when clicked (https://github.com/dimsemenov/Magnific-Popup)
-*/
-
-$(function() {
-
-  const IMG_SCOPE = '#main > div.row:first-child > div:first-child';
-
-  if ($(`${IMG_SCOPE} img`).length <= 0 ) {
-    return;
-  }
-
-  /* lazy loading */
-
-  const imgList = document.querySelectorAll(`${IMG_SCOPE} img[data-src]`);
-  const observer = lozad(imgList);
-  observer.observe();
-
-  /* popup */
-
-  $(`${IMG_SCOPE} p > img[data-src],${IMG_SCOPE} img[data-src].preview-img`).each(
-    function() {
-      let nextTag = $(this).next();
-      const title = nextTag.prop('tagName') === 'EM' ? nextTag.text() : '';
-      const src = $(this).attr('data-src'); // created by lozad.js
-
-      $(this).wrap(`<a href="${src}" title="${title}" class="popup"></a>`);
-    }
-  );
-
-  $('.popup').magnificPopup({
-    type: 'image',
-    closeOnContentClick: true,
-    showCloseBtn: false,
-    zoom: {
-      enabled: true,
-      duration: 300,
-      easing: 'ease-in-out'
-    }
-  });
-
-  /* markup the image links */
-
-  $(`${IMG_SCOPE} a`).has('img').addClass('img-link');
-
-});

data/_javascript/utils/locale-datetime.js

@@ -1,45 +0,0 @@
-/**
- * Update month/day to locale datetime
- *
- * Requirement: <https://github.com/iamkun/dayjs>
- */
-
-/* A tool for locale datetime */
-const LocaleHelper = (function () {
-  const $preferLocale = $('meta[name="prefer-datetime-locale"]');
-  const locale = $preferLocale.length > 0 ?
-      $preferLocale.attr('content').toLowerCase() : $('html').attr('lang').substr(0, 2);
-  const attrTimestamp = 'data-ts';
-  const attrDateFormat = 'data-df';
-
-  return {
-    locale: () => locale,
-    attrTimestamp: () => attrTimestamp,
-    attrDateFormat: () => attrDateFormat,
-    getTimestamp: ($elem) => Number($elem.attr(attrTimestamp)),  // unix timestamp
-    getDateFormat: ($elem) => $elem.attr(attrDateFormat)
-  };
-
-}());
-
-$(function() {
-  dayjs.locale(LocaleHelper.locale());
-  dayjs.extend(window.dayjs_plugin_localizedFormat);
-
-  $(`[${LocaleHelper.attrTimestamp()}]`).each(function () {
-    const date = dayjs.unix(LocaleHelper.getTimestamp($(this)));
-    const text = date.format(LocaleHelper.getDateFormat($(this)));
-    $(this).text(text);
-    $(this).removeAttr(LocaleHelper.attrTimestamp());
-    $(this).removeAttr(LocaleHelper.attrDateFormat());
-
-    // setup tooltips
-    const tooltip = $(this).attr('data-toggle');
-    if (typeof tooltip === 'undefined' || tooltip !== 'tooltip') {
-      return;
-    }
-
-    const tooltipText = date.format('llll'); // see: https://day.js.org/docs/en/display/format#list-of-localized-formats
-    $(this).attr('data-original-title', tooltipText);
-  });
-});