redeyed-jekyll-theme 0.1.2 → 0.1.5

data/_javascript/utils/pageviews.js

@@ -1,250 +0,0 @@
-/*
- * Count page views form GA or local cache file.
- *
- * Dependencies:
- *   - jQuery
- *   - countUp.js <https://github.com/inorganik/countUp.js>
- */
-
-const getInitStatus = (function () {
-  let hasInit = false;
-  return () => {
-    let ret = hasInit;
-    if (!hasInit) {
-      hasInit = true;
-    }
-    return ret;
-  };
-}());
-
-const PvOpts = (function () {
-  function getContent(selector) {
-    return $(selector).attr("content");
-  }
-
-  function hasContent(selector) {
-    let content = getContent(selector);
-    return (typeof content !== "undefined" && content !== false);
-  }
-
-  return {
-    getProxyMeta() {
-      return getContent("meta[name=pv-proxy-endpoint]");
-    },
-    getLocalMeta() {
-      return getContent("meta[name=pv-cache-path]");
-    },
-    hasProxyMeta() {
-      return hasContent("meta[name=pv-proxy-endpoint]");
-    },
-    hasLocalMeta() {
-      return hasContent("meta[name=pv-cache-path]");
-    }
-  };
-
-}());
-
-const PvStorage = (function () {
-  const Keys = {
-    KEY_PV: "pv",
-    KEY_PV_SRC: "pv_src",
-    KEY_CREATION: "pv_created_date"
-  };
-
-  const Source = {
-    LOCAL: "same-origin",
-    PROXY: "cors"
-  };
-
-  function get(key) {
-    return localStorage.getItem(key);
-  }
-
-  function set(key, val) {
-    localStorage.setItem(key, val);
-  }
-
-  function saveCache(pv, src) {
-    set(Keys.KEY_PV, pv);
-    set(Keys.KEY_PV_SRC, src);
-    set(Keys.KEY_CREATION, new Date().toJSON());
-  }
-
-  return {
-    keysCount() {
-      return Object.keys(Keys).length;
-    },
-    hasCache() {
-      return (localStorage.getItem(Keys.KEY_PV) !== null);
-    },
-    getCache() {
-      return JSON.parse(localStorage.getItem(Keys.KEY_PV));
-    },
-    saveLocalCache(pv) {
-      saveCache(pv, Source.LOCAL);
-    },
-    saveProxyCache(pv) {
-      saveCache(pv, Source.PROXY);
-    },
-    isExpired() {
-      let date = new Date(get(Keys.KEY_CREATION));
-      date.setHours(date.getHours() + 1);   // per hour
-      return Date.now() >= date.getTime();
-    },
-    isFromLocal() {
-      return get(Keys.KEY_PV_SRC) === Source.LOCAL;
-    },
-    isFromProxy() {
-      return get(Keys.KEY_PV_SRC) === Source.PROXY;
-    },
-    newerThan(pv) {
-      return PvStorage.getCache().totalsForAllResults["ga:pageviews"] > pv.totalsForAllResults["ga:pageviews"];
-    },
-    inspectKeys() {
-      if (localStorage.length !== PvStorage.keysCount()) {
-        localStorage.clear();
-        return;
-      }
-
-      for(let i = 0; i < localStorage.length; i++){
-        const key = localStorage.key(i);
-        switch (key) {
-          case Keys.KEY_PV:
-          case Keys.KEY_PV_SRC:
-          case Keys.KEY_CREATION:
-            break;
-          default:
-            localStorage.clear();
-            return;
-        }
-      }
-    }
-  };
-}()); /* PvStorage */
-
-function countUp(min, max, destId) {
-  if (min < max) {
-    let numAnim = new CountUp(destId, min, max);
-    if (!numAnim.error) {
-      numAnim.start();
-    } else {
-      console.error(numAnim.error);
-    }
-  }
-}
-
-function countPV(path, rows) {
-  let count = 0;
-
-  if (typeof rows !== "undefined" ) {
-    for (let i = 0; i < rows.length; ++i) {
-      const gaPath = rows[parseInt(i, 10)][0];
-      if (gaPath === path) { /* path format see: site.permalink */
-        count += parseInt(rows[parseInt(i, 10)][1], 10);
-        break;
-      }
-    }
-  }
-
-  return count;
-}
-
-function tacklePV(rows, path, elem, hasInit) {
-  let count = countPV(path, rows);
-  count = (count === 0 ? 1 : count);
-
-  if (!hasInit) {
-    elem.text(new Intl.NumberFormat().format(count));
-  } else {
-    const initCount = parseInt(elem.text().replace(/,/g, ""), 10);
-    if (count > initCount) {
-      countUp(initCount, count, elem.attr("id"));
-    }
-  }
-}
-
-function displayPageviews(data) {
-  if (typeof data === "undefined") {
-    return;
-  }
-
-  let hasInit = getInitStatus();
-  const rows = data.rows; /* could be undefined */
-
-  if ($("#post-list").length > 0) { /* the Home page */
-    $(".post-preview").each(function() {
-      const path = $(this).find("a").attr("href");
-      tacklePV(rows, path, $(this).find(".pageviews"), hasInit);
-    });
-
-  } else if ($(".post").length > 0) { /* the post */
-    const path = window.location.pathname;
-    tacklePV(rows, path, $("#pv"), hasInit);
-  }
-}
-
-function fetchProxyPageviews() {
-  if (PvOpts.hasProxyMeta()) {
-    $.ajax({
-      type: "GET",
-      url: PvOpts.getProxyMeta(),
-      dataType: "jsonp",
-      jsonpCallback: "displayPageviews",
-      success: (data) => {
-        PvStorage.saveProxyCache(JSON.stringify(data));
-      },
-      error: (jqXHR, textStatus, errorThrown) => {
-        console.log("Failed to load pageviews from proxy server: " + errorThrown);
-      }
-    });
-  }
-}
-
-function fetchLocalPageviews(hasCache = false) {
-  return fetch(PvOpts.getLocalMeta())
-    .then(response => response.json())
-    .then(data => {
-      if (hasCache) {
-        // The cache from the proxy will sometimes be more recent than the local one
-        if (PvStorage.isFromProxy() && PvStorage.newerThan(data)) {
-          return;
-        }
-      }
-      displayPageviews(data);
-      PvStorage.saveLocalCache(JSON.stringify(data));
-    });
-}
-
-$(function() {
-  if ($(".pageviews").length <= 0) {
-    return;
-  }
-
-  PvStorage.inspectKeys();
-
-  if (PvStorage.hasCache()) {
-    displayPageviews(PvStorage.getCache());
-
-    if (PvStorage.isExpired()) {
-      if (PvOpts.hasLocalMeta()) {
-        fetchLocalPageviews(true).then(fetchProxyPageviews);
-      } else {
-        fetchProxyPageviews();
-      }
-
-    } else {
-      if (PvStorage.isFromLocal()) {
-        fetchProxyPageviews();
-      }
-    }
-
-  } else { // no cached
-
-    if (PvOpts.hasLocalMeta()) {
-      fetchLocalPageviews().then(fetchProxyPageviews);
-    } else {
-      fetchProxyPageviews();
-    }
-  }
-
-});

data/_javascript/utils/smooth-scroll.js

@@ -1,96 +0,0 @@
-/*
-  Safari doesn't support CSS `scroll-behavior: smooth`,
-  so here is a compatible solution for all browser to smooth scrolling
-
-  See: <https://css-tricks.com/snippets/jquery/smooth-scrolling/>
-
-  Warning: It must be called after all `<a>` tags (e.g., the dynamic TOC) are ready.
-*/
-
-$(function() {
-  const $topbarTitle = $("#topbar-title");
-  const REM = 16; // in pixels
-  const ATTR_SCROLL_FOCUS = "scroll-focus";
-
-  $("a[href*='#']")
-    .not("[href='#']")
-    .not("[href='#0']")
-    .click(function(event) {
-      if (this.pathname.replace(/^\//, "") !==
-            location.pathname.replace(/^\//, "")) {
-        return;
-      }
-
-      if (location.hostname !== this.hostname) {
-        return;
-      }
-
-      const hash = decodeURI(this.hash);
-      let toFootnoteRef = RegExp(/^#fnref:/).test(hash);
-      let toFootnote = toFootnoteRef ? false : RegExp(/^#fn:/).test(hash);
-      let selector = hash.includes(":") ? hash.replace(/\:/g, "\\:") : hash;
-      let $target = $(selector);
-
-      let isMobileViews = $topbarTitle.is(":visible");
-      let isPortrait = $(window).width() < $(window).height();
-
-      if (typeof $target === "undefined") {
-        return;
-      }
-
-      event.preventDefault();
-
-      if (history.pushState) { /* add hash to URL */
-        history.pushState(null, null, hash);
-      }
-
-      let curOffset = $(window).scrollTop();
-      let destOffset = $target.offset().top -= REM / 2;
-
-      if (destOffset < curOffset) { // scroll up
-        ScrollHelper.hideTopbar();
-        ScrollHelper.addScrollUpTask();
-
-        if (isMobileViews && isPortrait) {
-          destOffset -= ScrollHelper.getTopbarHeight();
-        }
-
-      } else { // scroll down
-        if (isMobileViews && isPortrait) {
-          destOffset -= ScrollHelper.getTopbarHeight();
-        }
-      }
-
-      $("html").animate({
-        scrollTop: destOffset
-      }, 500, () => {
-        $target.focus();
-
-        /* clean up old scroll mark */
-        if ($(`[${ATTR_SCROLL_FOCUS}=true]`).length) {
-          $(`[${ATTR_SCROLL_FOCUS}=true]`).attr(ATTR_SCROLL_FOCUS, false);
-        }
-
-        /* Clean :target links */
-        if ($(":target").length) { /* element that visited by the URL with hash */
-          $(":target").attr(ATTR_SCROLL_FOCUS, false);
-        }
-
-        /* set scroll mark to footnotes */
-        if (toFootnote || toFootnoteRef) {
-          $target.attr(ATTR_SCROLL_FOCUS, true);
-        }
-
-        if ($target.is(":focus")) { /* Checking if the target was focused */
-          return false;
-        } else {
-          $target.attr("tabindex", "-1"); /* Adding tabindex for elements not focusable */
-          $target.focus(); /* Set focus again */
-        }
-
-        if (ScrollHelper.hasScrollUpTask()) {
-          ScrollHelper.popScrollUpTask();
-        }
-      });
-    }); /* click() */
-});

data/_sass/addon/common.scss

@@ -1,192 +0,0 @@
-/*
- * COMMON STYLES
- */
-
-/* SOCIALS */
-$social-colors: (
-    facebook: rgb(59, 89, 152),
-    twitter: rgb(85, 172, 238),
-    instagram: rgb(172, 43, 172),
-    linkedin: rgb(0, 130, 202),
-    pinterest: rgb(198, 17, 24),
-    youtube: rgb(237, 48, 47),
-    github: rgb(51, 51, 51),
-    reddit: rgb(255, 69, 0),
-    slack: rgb(72, 20, 73),
-    dribble: rgb(236, 74, 137),
-    whatsapp: rgb(37, 211, 102),
-    tumblr: rgb(53, 70, 92)
-);
-
-html {
-    @media (prefers-color-scheme: light) {
-        &:not([data-mode]),
-        &[data-mode=light] {
-            @include light-scheme;
-        }
-
-        &[data-mode=dark] {
-            @include dark-scheme;
-        }
-    }
-
-    @media (prefers-color-scheme: dark) {
-        &:not([data-mode]),
-        &[data-mode=dark] {
-            @include dark-scheme;
-        }
-
-        &[data-mode=light] {
-            @include light-scheme;
-        }
-    }
-
-    font-size: $base-font-size;
-}
-
-body {
-    line-height: 1.75rem;
-    background: var(--primary-bg);
-    color: var(--text-color);
-    -webkit-font-smoothing: antialiased;
-    font-family: $base-font-family;
-    font-weight: $base-font-weight;
-}
-
-// TYPOGRAPHY
-
-h1 {
-    @extend %heading;
-    font-size: 2rem;
-}
-
-h2 {
-    @extend %heading;
-    @extend %section;
-    @extend %anchor;
-    font-size: 1.75rem;
-}
-
-h3 {
-    @extend %heading;
-    @extend %section;
-    @extend %anchor;
-    font-size: 1.5rem;
-}
-
-h4 {
-    @extend %heading;
-    @extend %section;
-    @extend %anchor;
-    font-size: 1.3rem;
-}
-
-h5 {
-    @extend %heading;
-    @extend %section;
-    @extend %anchor;
-    font-size: 1.2rem;
-}
-
-h6 {
-    @extend %section;
-    @extend %anchor;
-    font-family: 'Cormorant Infant', serif;
-    font-weight: 600;
-    font-size: 1.1rem;
-}
-
-ol, ul {
-    ol, ul { margin-bottom: 1rem; }
-}
-
-a { @extend %link-color; }
-
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-blockquote {
-    border-left: 5px solid var(--blockquote-highlight);
-    padding-left: 1rem;
-    color: var(--blockquote-color);
-
-    &[class^="alert-"] {
-        @extend %alert;
-
-        &::before {
-            margin-right: 1rem;
-            font-family: "Font Awesome 5 Free";
-            text-align: center;
-            width: 1.25rem;
-        }
-
-        p:last-child { margin-bottom: 0; }
-    }
-
-    @include alert("primary", "", 400);
-
-    @include alert("secondary", "");
-
-    @include alert("success", "");
-
-    @include alert("danger", "");
-
-    @include alert("warning", "");
-
-    @include alert("info", "");
-
-    @include alert("light", "");
-
-    @include alert("dark", "");
-}
-
-mjx-container {
-    overflow-x: auto;
-    overflow-y: hidden;
-}
-
-kbd {
-    font-family: inherit;
-    display: inline-block;
-    vertical-align: middle;
-    line-height: 1.3rem;
-    min-width: 1.75rem;
-    text-align: center;
-    margin: 0 0.3rem;
-    padding-top: 0.1rem;
-    color: var(--kbd-text);
-    background-color: var(--kbd-bg);
-    border-radius: 0.25rem;
-    border: solid 1px var(--kbd-wrap);
-    box-shadow: inset 0 -2px 0 var(--kbd-wrap);
-}
-
-footer {
-    @include pl-pr(1.5rem);
-
-    font-size: 0.8rem;
-
-    > div.d-flex {
-        height: $footer-height;
-        line-height: 1.2rem;
-        padding-bottom: 1rem;
-        border-top: 1px solid var(--main-border-color);
-
-        > div { width: 350px; }
-    }
-    a {
-        @extend %text-color;
-
-        &:link { @include no-text-decoration; }
-
-        &:hover {
-            @extend %link-hover;
-            @include no-text-decoration;
-        }
-    }
-
-    .footer-right { text-align: right; }
-}
-

data/_sass/addon/mixins.scss

@@ -1,137 +0,0 @@
-/*
- * SCSS MODULES & MIXINS
- */
-
-%heading {
-    font-family: 'Cormorant Unicase', serif;
-    font-weight: 600;
-}
-
-%section {
-    #core-wrapper & {
-        margin-top: 2.5rem;
-        margin-bottom: 1.25rem;
-
-        &:focus {
-            outline: none; /* avoid outline in Safari */
-        }
-    }
-}
-
-%anchor {
-    .anchor {
-        font-size: 0.8rem;
-    }
-
-    @media (hover: hover) {
-        .anchor {
-            visibility: hidden;
-            opacity: 0;
-            transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;
-        }
-
-        &:hover {
-            .anchor {
-                visibility: visible;
-                opacity: 1;
-                transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;
-            }
-        }
-    }
-}
-
-%tag-hover {
-    background: var(--tag-hover-bg);
-    border-color: var(--tag-hover-border);
-    transition: border-color 0.35s ease-in-out, background 0.35s ease-in-out;
-}
-
-%table-cell {
-    padding: 0.4rem 1rem;
-    font-size: 0.95rem;
-    white-space: nowrap;
-}
-
-%link-hover {
-    color: var(--link-hover) !important;
-    border-bottom: 1px solid var(--link-hover);
-    text-decoration: none;
-}
-
-%link-color { color: var(--link-color); }
-
-%link-underline { border-bottom: 1px solid var(--link-color); }
-
-%clickable-transition { transition: color 0.35s ease-in-out; }
-
-%no-cursor { user-select: none; }
-
-%no-bottom-border { border-bottom: none; }
-
-%cursor-pointer { cursor: pointer; }
-
-%normal-font-style { font-style: normal; }
-
-%img-caption {
-    + em {
-        display: block;
-        text-align: center;
-        font-style: normal;
-        font-size: 0.8rem;
-        padding: 0;
-        color: var(--text-color);
-    }
-}
-
-%sidebar-links {
-    color: var(--sidebar-link);
-    user-select: none;
-}
-
-%alert {
-    display: flex;
-    border-left: 0;
-    border-radius: 6px;
-    padding: 0.75rem 1.2rem;
-}
-
-@mixin no-text-decoration { text-decoration: none; }
-
-@mixin ml-mr($value) {
-    margin-left: $value;
-    margin-right: $value;
-}
-
-@mixin pl-pr($value) {
-    padding-left: $value;
-    padding-right: $value;
-}
-
-@mixin input-placeholder { opacity: 0.6; }
-
-@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {
-    color: $color;
-    font-size: $font-size;
-    font-weight: $font-weight;
-}
-
-@mixin align-center {
-    position: relative;
-    left: 50%;
-    -webkit-transform: translateX(-50%);
-    -ms-transform: translateX(-50%);
-    transform: translateX(-50%);
-}
-
-@mixin alert($type, $fw-icon, $icon-weight: 900) {
-    &.alert-#{$type} {
-        background-color: var(--alert-#{$type}-bg);
-        border: 1px solid var(--alert-#{$type}-border);
-        box-shadow: 3px 3px var(--blockquote-shadow);
-        &::before {
-            content: $fw-icon;
-            color: var(--alert-#{$type}-text);
-            font-weight: $icon-weight;
-        }
-    }
-}

data/_sass/layout/_base.scss

@@ -1,16 +0,0 @@
-/*
- * LAYOUT BASE STYLES
- */
-
-/* reset some basic elements */
-body, h1, h2, h3, h4, h5, h6,
-p, blockquote, pre, hr,
-dl, dd, ol, ul, figure {
-    margin: 0;
-    padding: 0;
-}
-
-/* basic layout styles */
-body {
-
-}