redeyed-jekyll-theme 0.1.0 → 0.1.1

data/_includes/{options.html → elements/options.html}

@@ -1,13 +1,13 @@
-{% comment %} Site static assets origin {% endcomment %}
-
-{% assign origin = 'cross_origin' %}
-
-{% if site.assets.self_host.enabled %}
-    {% if site.assets.self_host.env %}
-        {% if site.assets.self_host.env == jekyll.environment %}
-            {% assign origin = 'self_host' %}
-        {% endif %}
-    {% else %}
-        {% assign origin = 'self_host' %}
-    {% endif %}
-{% endif %}
+{% comment %} Site static assets origin {% endcomment %}
+
+{% assign origin = 'cross_origin' %}
+
+{% if site.assets.self_host.enabled %}
+    {% if site.assets.self_host.env %}
+        {% if site.assets.self_host.env == jekyll.environment %}
+            {% assign origin = 'self_host' %}
+        {% endif %}
+    {% else %}
+        {% assign origin = 'self_host' %}
+    {% endif %}
+{% endif %}

data/_includes/{search-loader.html → elements/search-loader.html}

@@ -1,46 +1,46 @@
-<!--
-  Jekyll Simple Search loader
-  See: <https://github.com/christian-fei/Simple-Jekyll-Search>
--->
-
-{% capture result_elem %}
-<div class="pl-1 pr-1 pl-sm-2 pr-sm-2 pl-lg-4 pr-lg-4 pl-xl-0 pr-xl-0">
-    <a href="{url}">{title}</a>
-    <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1">
-        {categories}
-        {tags}
-    </div>
-    <p>{snippet}</p>
-</div>
-{% endcapture %}
-
-{% capture not_found %}<p class="mt-5">{{ site.data.locales[lang].search.no_results }}</p>{% endcapture %}
-
-<script src="{{ site.data.assets[origin].search.js | relative_url }}"></script>
-
-<script>
-    SimpleJekyllSearch({
-        searchInput: document.getElementById('search-input'),
-        resultsContainer: document.getElementById('search-results'),
-        json: '{{ '/assets/js/data/search.json' | relative_url }}',
-        searchResultTemplate: '{{ result_elem | strip_newlines }}',
-        noResultsText: '{{ not_found }}',
-        templateMiddleware: function(prop, value, template) {
-            if (prop === 'categories') {
-                if (value === '') {
-                    return `${value}`;
-                } else {
-                    return `<div class="mr-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
-                }
-            }
-
-            if (prop === 'tags') {
-                if (value === '') {
-                    return `${value}`;
-                } else {
-                    return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
-                }
-            }
-        }
-    });
-</script>
+<!--
+  Jekyll Simple Search loader
+  See: <https://github.com/christian-fei/Simple-Jekyll-Search>
+-->
+
+{% capture result_elem %}
+<div class="pl-1 pr-1 pl-sm-2 pr-sm-2 pl-lg-4 pr-lg-4 pl-xl-0 pr-xl-0">
+    <a href="{url}">{title}</a>
+    <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1">
+        {categories}
+        {tags}
+    </div>
+    <p>{snippet}</p>
+</div>
+{% endcapture %}
+
+{% capture not_found %}<p class="mt-5">{{ site.data.locales[lang].search.no_results }}</p>{% endcapture %}
+
+<script src="{{ site.data.assets[origin].search.js | relative_url }}"></script>
+
+<script>
+    SimpleJekyllSearch({
+        searchInput: document.getElementById('search-input'),
+        resultsContainer: document.getElementById('search-results'),
+        json: '{{ '/assets/js/data/search.json' | relative_url }}',
+        searchResultTemplate: '{{ result_elem | strip_newlines }}',
+        noResultsText: '{{ not_found }}',
+        templateMiddleware: function(prop, value, template) {
+            if (prop === 'categories') {
+                if (value === '') {
+                    return `${value}`;
+                } else {
+                    return `<div class="mr-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
+                }
+            }
+
+            if (prop === 'tags') {
+                if (value === '') {
+                    return `${value}`;
+                } else {
+                    return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
+                }
+            }
+        }
+    });
+</script>

data/_includes/{back-to-top.html → extensions/back-to-top.html}

@@ -1,2 +1,2 @@
-{% comment %} BACK TO TOP {% endcomment %}
-<a id="back-to-top" href="#" aria-label="back-to-top" class="btn btn-lg btn-box-shadow" role="button"><i class="fas fa-angle-up"></i></a>
+{% comment %} BACK TO TOP {% endcomment %}
+<a id="back-to-top" href="#" aria-label="back-to-top" class="btn btn-lg btn-box-shadow" role="button"><i class="fas fa-angle-up"></i></a>

data/_includes/extensions/code-highlight.html

@@ -0,0 +1,89 @@
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css">
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>
+    <!-- and it's easy to individually load additional languages -->
+    <script charset="UTF-8" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/languages/go.min.js"></script>
+
+    {%- assign name = 'code_badge.enabled' -%}
+    {%- include functions.html func='get_value' default='true' -%}
+    {%- assign badge_enabled = return -%}
+
+    {%- assign name = 'code_badge.color' -%}
+    {%- include functions.html func='get_value' default='#fff' -%}
+    {%- assign badge_color = return -%}
+
+    {%- assign name = 'code_badge.background_color' -%}
+    {%- include functions.html func='get_value' default='#ff4e00' -%}
+    {%- assign badge_background_color = return -%}
+
+    {%- assign name = 'code_badge.text_transform' -%}
+    {%- include functions.html func='get_value' default='uppercase' -%}
+    {%- assign badge_text_transform = return -%}
+
+    <script>
+        // Init highlight js
+        document.addEventListener('DOMContentLoaded', function(event) {
+            var els = document.querySelectorAll('pre code')
+
+            function addLangData(block) {
+                var outer = block.parentElement.parentElement.parentElement;
+                var lang = block.getAttribute('data-lang');
+                for (var i = 0; i < outer.classList.length; i++) {
+                    var cls = outer.classList[i];
+                    if (cls.startsWith('language-')) {
+                        lang = cls;
+                        break;
+                    }
+                }
+                if (!lang) {
+                    cls = block.getAttribute('class');
+                    lang = cls ? cls.replace('hljs ', '') : '';
+                }
+                if (lang.startsWith('language-')) {
+                    lang = lang.substr(9);
+                }
+                block.setAttribute('class', 'hljs ' + lang);
+                block.parentNode.setAttribute('data-lang', lang);
+            }
+
+            function addBadge(block) {
+                var enabled = ('{{ badge_enabled }}' || 'true').toLowerCase();
+                if (enabled == 'true') {
+                    var pre = block.parentElement;
+                    pre.classList.add('badge');
+                }
+            }
+
+            function handle(block) {
+                addLangData(block);
+                addBadge(block)
+                hljs.highlightBlock(block);
+            }
+
+            for (var i = 0; i < els.length; i++) {
+                var el = els[i];
+                handle(el);
+            }
+        });
+    </script>
+
+    <style>
+        /* code language badge */
+        pre.badge::before {
+            content: attr(data-lang);
+            color: {{badge_color}};
+            background-color: {{badge_background_color}};
+            padding: 0 .5em;
+            border-radius: 0 2px;
+            text-transform: {{badge_text_transform}};
+            text-align: center;
+            min-width: 32px;
+            display: inline-block;
+            position: absolute;
+            right: 0;
+        }
+
+        /* fix wrong badge display for firefox browser */
+        code > table pre::before {
+            display: none;
+        }
+    </style>

data/_includes/extensions/comments/disqus.html

@@ -0,0 +1,17 @@
+    <div id="disqus_thread"></div>
+    <script>
+        var disqus_config = function () {
+            this.page.url = '{{ page.url | absolute_url }}';
+            this.page.identifier = '{{ page.url | absolute_url }}';
+        };
+
+        (function() {
+            var d = document, s = d.createElement('script');
+
+            s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+        })();
+    </script>
+    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

data/_includes/extensions/comments/giscus.html

@@ -0,0 +1,56 @@
+    <!-- https://giscus.app/ -->
+    <script type="text/javascript">
+        $(function () {
+            const origin = "https://giscus.app";
+            const iframe = "iframe.giscus-frame";
+            const lightTheme = "light";
+            const darkTheme = "dark_dimmed";
+            let initTheme = lightTheme;
+
+            if ($("html[data-mode=dark]").length > 0
+                || ($("html[data-mode]").length == 0
+                    && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
+                initTheme = darkTheme;
+            }
+
+            let giscusAttributes = {
+                "src": "https://giscus.app/client.js",
+                "data-repo": "{{ site.comments.giscus.repo}}",
+                "data-repo-id": "{{ site.comments.giscus.repo_id }}",
+                "data-category": "{{ site.comments.giscus.category }}",
+                "data-category-id": "{{ site.comments.giscus.category_id }}",
+                "data-mapping": "{{ site.comments.giscus.mapping | default: 'pathname' }}",
+                "data-reactions-enabled": "1",
+                "data-emit-metadata": "0",
+                "data-theme": initTheme,
+                "data-input-position": "{{ site.comments.giscus.input_position | default: 'bottom' }}",
+                "data-lang": "{{ site.comments.giscus.lang | default: lang }}",
+                "crossorigin": "anonymous",
+                "async": ""
+            };
+
+            let giscusScript = document.createElement("script");
+            Object.entries(giscusAttributes).forEach(([key, value]) => giscusScript.setAttribute(key, value));
+            document.getElementById("tail-wrapper").appendChild(giscusScript);
+
+            addEventListener("message", (event) => {
+                if (event.source === window && event.data &&
+                    event.data.direction === ModeToggle.ID) {
+                    /* global theme mode changed */
+                    const mode = event.data.message;
+                    const theme = (mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme);
+
+                    const message = {
+                        setConfig: {
+                            theme: theme
+                        }
+                    };
+
+                    const giscus = document.querySelector(iframe).contentWindow;
+                    giscus.postMessage({ giscus: message }, origin);
+                }
+
+            });
+
+        });
+    </script>

data/_includes/extensions/comments/gitment.html

@@ -0,0 +1,15 @@
+    <div id="gitment_thread"></div>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/default.css"/>
+    <script src="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/gitment.browser.js"></script>
+    <script>
+        var gitment = new Gitment({
+            id: '{{ page.id }}',
+            owner: '{{ site.gitment.username }}',
+            repo: '{{ site.gitment.repo }}',
+            oauth: {
+                client_id: '{{ site.gitment.client_id }}',
+                client_secret: '{{ site.gitment.client_secret }}',
+            },
+        });
+        gitment.render('gitment_thread')
+    </script>

data/_includes/extensions/comments/utterances.html

@@ -0,0 +1,46 @@
+    <script async
+            crossorigin="anonymous"
+            issue-term="{{ site.utterances.issue_term }}"
+            label="{{ site.utterances.label }}"
+            {%- if site.utterances.follow_site_theme -%}
+            onload="initUtterancesTheme()"
+            {%- endif -%}
+            repo="{{ site.utterances.repo }}"
+            src="https://utteranc.es/client.js"
+            theme="{{ site.utterances.theme }}">
+    </script>
+
+    {%- if site.utterances.follow_site_theme -%}
+    <script>
+        const setUtterancesTheme = (dataTheme) => {
+            const iframe = document.querySelector('.utterances-frame');
+            if (iframe) {
+                const utterancesTheme = dataTheme === 'dark' ? 'github-dark' : 'github-light'
+                const message = {
+                    type: 'set-theme',
+                    theme: utterancesTheme
+                };
+                iframe.contentWindow.postMessage(message, 'https://utteranc.es');
+            }
+        }
+
+        // init theme
+        const initUtterancesTheme = () => {
+            const iframe = document.querySelector('.utterances-frame');
+            if (!iframe) return
+            iframe.onload = () => {
+                setUtterancesTheme(document.documentElement.getAttribute('data-theme'))
+            }
+        }
+
+        // dynamic change
+        const observer = new MutationObserver((mutationsList, observer) => {
+            for (let mutation of mutationsList) {
+                if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') {
+                    setUtterancesTheme(document.documentElement.getAttribute('data-theme'))
+                }
+            }
+        });
+        observer.observe(document.documentElement, {attributes: true, childList: false, subtree: false});
+    </script>
+    {%- endif -%}

data/_includes/extensions/geopattern.html

@@ -0,0 +1,19 @@
+{% if include.selector %}
+    {% assign selector = include.selector %}
+{% endif %}
+
+{% if include.seed %}
+    {% assign seed = include.seed %}
+{% endif %}
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/geopattern/1.2.3/js/geopattern.min.js"></script>
+<script>
+    function setRandomBgImage(selector, seed) {
+        var pattern = GeoPattern.generate(seed);
+        var element = document.querySelector(selector)
+        if (element) {
+            element.style.backgroundImage = pattern.toDataUrl();
+        }
+    }
+    setRandomBgImage('{{ selector }}', '{{ seed }}');
+</script>

data/_includes/extensions/google-analytics.html

@@ -0,0 +1,7 @@
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', '{{ site.google_analytics }}');
+</script>

data/_includes/{google-tags-body.html → extensions/google-tags-body.html}

@@ -1,4 +1,4 @@
-{% comment %} Google Tag Manager (noscript) {% endcomment %}
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58TMKPV"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+{% comment %} Google Tag Manager (noscript) {% endcomment %}
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58TMKPV"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 <!-- End Google Tag Manager (noscript) -->

data/_includes/{google-tags-head.html → extensions/google-tags-head.html}

@@ -1,6 +1,6 @@
-{% comment %} Google Tag Manager {% endcomment %}
-<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
-  f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-58TMKPV');</script>
+{% comment %} Google Tag Manager {% endcomment %}
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
+  f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-58TMKPV');</script>
 {% comment %} End Google Tag Manager {% endcomment %}

data/_includes/extensions/google-translate.html

@@ -0,0 +1,108 @@
+{% if include.translate_langs %}
+    {% assign translate_langs = include.translate_langs %}
+{% endif %}
+
+{% if include.lang %}
+    {% assign lang = include.lang %}
+{% endif %}
+
+<div id="google_translate_element" style="display: none;">
+</div>
+
+<span class="ct-language">
+    <ul class="list-unstyled ct-language-dropdown">
+    {% for item in translate_langs %}
+        <li>
+            <a href="#" class="lang-select" data-lang="{{ item.lang }}">
+            {% if item.img %}
+                <img src="{{ item.img }}" title="{{ item.text }}">
+            {% else %}
+                {{ item.text }}
+            {% endif %}
+            </a>
+        </li>
+    {% endfor %}
+    </ul>
+</span>
+
+<script type="text/javascript">
+    function googleTranslateElementInit() {
+        new google.translate.TranslateElement({
+            pageLanguage: '{{ lang }}',
+            autoDisplay: false,
+            layout: google.translate.TranslateElement.InlineLayout.VERTICAL
+        }, 'google_translate_element');
+
+        // Links to cross-origin destinations are unsafe
+        var gll = document.getElementsByClassName('goog-logo-link')[0];
+        if (gll) {
+            gll.setAttribute('rel', 'noopener');
+        }
+
+        function restoreLang() {
+            var iframe = document.getElementsByClassName('goog-te-banner-frame')[0];
+            if (!iframe) return;
+
+            var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
+            var restore_el = innerDoc.getElementsByTagName("button");
+
+            for (var i = 0; i < restore_el.length; i++) {
+                if (restore_el[i].id.indexOf("restore") >= 0) {
+                    restore_el[i].click();
+                    var close_el = innerDoc.getElementsByClassName("goog-close-link");
+                    close_el[0].click();
+                    return;
+                }
+            }
+        }
+
+        function triggerHtmlEvent(element, eventName) {
+            var event;
+            if (document.createEvent) {
+                event = document.createEvent('HTMLEvents');
+                event.initEvent(eventName, true, true);
+                element.dispatchEvent(event);
+            } else {
+                event = document.createEventObject();
+                event.eventType = eventName;
+                element.fireEvent('on' + event.eventType, event);
+            }
+        }
+
+        var googleCombo = document.querySelector("select.goog-te-combo");
+        var langSelect = document.querySelector('.ct-language');
+        langSelect.addEventListener('click', function(event) {
+            if (!event.target) {
+                return;
+            }
+
+            var selected = document.querySelector('.ct-language .ct-language-selected');
+            if (selected) {
+                selected.classList.remove('ct-language-selected');
+            }
+
+            var target = event.target;
+            while (target && target !== langSelect ) {
+                if (target.matches('.lang-select')) {
+                    break;
+                }
+                target = target.parentElement;
+            }
+
+            if (target && target.matches('.lang-select')) {
+                var lang = target.getAttribute('data-lang');
+                if (googleCombo.value == lang) {
+                    restoreLang();
+                } else {
+                    target.parentElement.classList.add('ct-language-selected');
+                    googleCombo.value = lang;
+                    triggerHtmlEvent(googleCombo, 'change');
+                }
+            }
+
+            event.preventDefault();
+        });
+    }
+</script>
+
+<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

data/_includes/extensions/hashlocate.html

@@ -0,0 +1,44 @@
+<script>
+    function hashLocate(hashValue) {
+        hashValue = hashValue.replace(/^.*#h-/, '');
+        hashValue = decodeURIComponent(hashValue);
+        var element = document.getElementById(hashValue);
+
+        if (!element) {
+            return;
+        }
+
+        var header = document.querySelector('header.site-header');
+        var headerRect = header.getBoundingClientRect();
+        var headerTop = Math.floor(headerRect.top);
+        var headerHeight = Math.floor(headerRect.height);
+        var scrollPos = getScrollPos();
+        var offsetY = element.offsetTop - (headerTop + headerHeight + 20);
+
+        if (offsetY == scrollPos.y) {
+            return;
+        }
+
+        if (headerTop == 0  && offsetY > scrollPos.y) {
+            offsetY += headerHeight + 2;
+        } else if (headerTop < 0  && offsetY < scrollPos.y) {
+            offsetY -= headerHeight - 2;
+        }
+
+        smoothScrollTo(offsetY);
+    }
+
+    // The first event occurred
+    window.addEventListener('load', function(event) {
+        if (window.location.hash) {
+            hashLocate(window.location.hash);
+        }
+    });
+
+    // The first event occurred
+    window.addEventListener('click', function(event) {
+        if (event.target.tagName.toLowerCase() == 'a') {
+            hashLocate(event.target.getAttribute('href'));
+        }
+    });
+</script>

data/_includes/extensions/mathjax.html

@@ -0,0 +1,9 @@
+<script type="text/x-mathjax-config">
+    MathJax.Hub.Config({
+        tex2jax: {
+            skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+            inlineMath: [['$','$']]
+        }
+    });
+</script>
+<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML" type="text/javascript"></script>

data/_includes/{mode-toggle.html → extensions/theme-mode.html}

@@ -8,7 +8,6 @@
         static get MODE_ATTR() { return "data-mode"; }
         static get DARK_MODE() { return "dark"; }
         static get LIGHT_MODE() { return "light"; }
-        static get BREW_MODE() { return "brew"; }
         static get ID() { return "mode-toggle"; }
 
         constructor() {
@@ -57,8 +56,6 @@
 
         get isLightMode() { return this.mode === ModeToggle.LIGHT_MODE; }
 
-        get isBrewMode() { return this.mode === ModeToggle.BREW_MODE; }
-
         get hasMode() { return this.mode != null; }
 
         get mode() { return sessionStorage.getItem(ModeToggle.MODE_KEY); }
@@ -67,8 +64,6 @@
         get modeStatus() {
             if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
                 return ModeToggle.DARK_MODE;
-            } else if (this.isBrewMode) {
-                return ModeToggle.BREW_MODE;
             } else {
                 return ModeToggle.LIGHT_MODE;
             }
@@ -84,11 +79,6 @@
             sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
         }
 
-        setBrew() {
-            $('html').attr(ModeToggle.MODE_ATTR, ModeToggle.BREW_MODE);
-            sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.BREW_MODE);
-        }
-
         clearMode() {
             $('html').removeAttr(ModeToggle.MODE_ATTR);
             sessionStorage.removeItem(ModeToggle.MODE_KEY);