redeyed-jekyll-theme 0.1.0 → 0.1.3

data/_includes/{favicons.html → components/favicons.html}

@@ -1,14 +1,14 @@
-{% comment %}
-  The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
-  Generated by: https://realfavicongenerator.net/
-{% endcomment %}
-
-{% capture favicon_path %}{{ '/assets/img/favicons' | relative_url }}{% endcapture %}
-
-<link rel="apple-touch-icon" sizes="180x180" href="{{ favicon_path }}/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="{{ favicon_path }}/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="{{ favicon_path }}/favicon-16x16.png">
-<link rel="manifest" href="{{ favicon_path }}/site.webmanifest">
-<link rel="mask-icon" href="{{ favicon_path }}/safari-pinned-tab.svg" color="#d30000">
-<meta name="msapplication-TileColor" content="#000000">
-<meta name="theme-color" content="#ffffff">
+{% comment %}
+  The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
+  Generated by: https://realfavicongenerator.net/
+{% endcomment %}
+
+{% capture favicon_path %}{{ '/assets/img/favicons' | relative_url }}{% endcapture %}
+
+<link rel="apple-touch-icon" sizes="180x180" href="{{ favicon_path }}/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ favicon_path }}/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ favicon_path }}/favicon-16x16.png">
+<link rel="manifest" href="{{ favicon_path }}/site.webmanifest">
+<link rel="mask-icon" href="{{ favicon_path }}/safari-pinned-tab.svg" color="#d30000">
+<meta name="msapplication-TileColor" content="#000000">
+<meta name="theme-color" content="#ffffff">

data/_includes/{javascript.html → components/javascript.html}

@@ -15,7 +15,7 @@
           | append: ',' | append: site.data.assets[origin].lozad.js
           | append: ',' | append: site.data.assets[origin].clipboard.js
     %}
-    {% include jsdelivr-combine.html urls=_urls %}
+    {% include functions/js-combine.html urls=_urls %}
 {% endif %}
 
 {% if page.layout == 'home'
@@ -34,7 +34,7 @@
           | append: ',' | append: site.data.assets[origin].dayjs.js.relativeTime
           | append: ',' | append: site.data.assets[origin].dayjs.js.localizedFormat
     %}
-    {% include jsdelivr-combine.html urls=_urls %}
+    {% include functions/js-combine.html urls=_urls %}
 {% endif %}
 
 {% if page.layout == 'home'
@@ -53,37 +53,14 @@
 {% capture script %}/assets/js/dist/{{ type }}.min.js{% endcapture %}
 <script defer src="{{ script | relative_url }}"></script>
 
-{% if page.math %}
-<!-- MathJax -->
-<script>
-  /* see: <https://docs.mathjax.org/en/latest/options/input/tex.html#tex-options> */
-  MathJax = {
-    tex: {
-      inlineMath: [              /* start/end delimiter pairs for in-line math */
-        ['$','$'],
-        ['\\(','\\)']
-      ],
-      displayMath: [             /* start/end delimiter pairs for display math */
-        ['$$', '$$'],
-        ['\\[', '\\]']
-      ]
-    }
-  };
-</script>
-<script src="{{ site.data.assets[origin].polyfill.js | relative_url }}"></script>
-<script id="MathJax-script" async src="{{ site.data.assets[origin].mathjax.js | relative_url }}">
-</script>
-{% endif %}
-
 <!-- Bootstrap JS -->
 <script src="{{ site.data.assets[origin].bootstrap.js | relative_url }}"></script>
 
 {% if jekyll.environment == 'production' %}
-<!-- PWA -->
-{% if site.pwa.enabled %}
-<script defer src="{{ '/app.js' | relative_url }}"></script>
-{% else %}
-<script defer src="{{ '/unregister.js' | relative_url }}"></script>
-{% endif %}
-
+    <!-- PWA -->
+    {% if site.pwa.enabled %}
+        <script defer src="{{ '/app.js' | relative_url }}"></script>
+    {% else %}
+        <script defer src="{{ '/unregister.js' | relative_url }}"></script>
+    {% endif %}
 {% endif %}

data/_includes/components/lang.html

@@ -0,0 +1,11 @@
+{% comment %} Detect language and return it through variable "lang" {% endcomment %}
+{% if page.lang %}
+    {% assign lang = page.lang %}
+{% elsif site.lang %}
+    {% assign lang = site.lang %}
+{% endif %}
+{% if site.data.locales[site.lang] %}
+  {% assign lang = site.lang %}
+{% else %}
+  {% assign lang = 'en' %}
+{% endif %}

data/_includes/{navbar.html → components/navbar.html}

@@ -1,6 +1,13 @@
-{% comment %} NAVBAR {% endcomment %}
-<nav>
-    {% for item in site.data.navigation %}
-        <a href="{{ item.link }}" {% if page.url == item.link %}style="color: red;"{% endif %}>{{ item.name }}</a>
-    {% endfor %}
-</nav>
+<!-- NAVBAR -->
+<nav>
+    <div class="container-fluid">
+        <ul class="navbar-nav">
+
+        </ul>
+    </div>
+
+
+    {% for item in site.data.navigation %}
+        <a href="{{ item.link }}" {% if page.url == item.link %}style="color: red;"{% endif %}>{{ item.name }}</a>
+    {% endfor %}
+</nav>

data/_includes/{options.html → components/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 → components/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 %}