redeyed-jekyll-theme 0.1.0 → 0.1.3

data/_includes/views/header-wide.html

@@ -0,0 +1,9 @@
+<!-- HEADER-WIDE -->
+
+<header id="wide">
+    <div id="header">
+        {% ifhascontent header %}
+            {% contentblock header %}
+        {% endifhascontent %}
+    </div>
+</header>

data/_includes/views/header.html

@@ -0,0 +1,9 @@
+<!-- HEADER-REGULAR -->
+
+<header id="regular">
+    <div id="header">
+        {% ifhascontent header %}
+            {% contentblock header %}
+        {% endifhascontent %}
+    </div>
+</header>

data/_layouts/archive.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/categories.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/category.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/compress.html

@@ -1,10 +1,10 @@
----
-# Jekyll layout that compresses HTML
-# v3.1.0
-# http://jch.penibelst.de/
-# © 2014–2015 Anatol Broder
-# MIT License
----
-
-{% capture _LINE_FEED %}
-{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+---
+# Jekyll layout that compresses HTML
+# v3.1.0
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

data/_layouts/error.html

@@ -0,0 +1,44 @@
+---
+layout: compress
+---
+<!DOCTYPE html>
+{% include components/lang.html %}
+{% include components/options.html %}
+{% capture prefer_mode %}
+    {% if site.theme_mode %}
+        data-mode="{{ site.theme_mode }}"
+    {% endif %}
+{% endcapture %}
+<html lang="{{ page.lang | default: site.lang | default: "en" }}"{{ prefer_mode }}>
+    {% include head.html %}
+    <body data-spy="scroll" data-target="#toc" data-navbar-visible="true">
+        {% include components/navbar.html %}
+        <div id="main-wrapper" class="d-flex justify-content-center">
+            <div id="main" class="container-fluid">
+                {{ content }}
+            </div>
+        </div>
+        {% include views/footer.html %}
+        {% include views/copyright.html %}
+        <div id="mask"></div>
+        {% include components/search-results.html %}
+        {% if site.pwa.enabled %}
+        <div id="notification" class="toast" role="alert" aria-live="assertive" aria-atomic="true"
+             data-animation="true" data-autohide="false">
+            <div class="toast-header">
+                <button type="button" class="ml-2 ml-auto close" data-dismiss="toast" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="toast-body text-center pt-0">
+                <p class="pl-2 pr-2 mb-3">{{ site.data.locales[lang].notification.update_found }}</p>
+                <button type="button" class="btn btn-primary" aria-label="Update">
+                    {{ site.data.locales[lang].notification.update }}
+                </button>
+            </div>
+        </div>
+        {% endif %}
+        {% include components/search-loader.html %}
+        {% include components/javascript.html %}
+    </body>
+</html>

data/_layouts/errors/404.html

@@ -0,0 +1,9 @@
+---
+layout: error
+---
+
+<div style="text-align: center;">
+    <h2 style="text-align: center;">ERROR: NOT FOUND [404]</h2>
+    <strong>{{ site.data.locale[lang].not_found.statment
+        | default: "Oops! We've either misplaced that URL or it's pointing to something that doesn't exist." }}</strong>
+</div>

data/_layouts/home.html

@@ -0,0 +1,5 @@
+---
+layout: panel-none
+---
+
+{{ content }}

data/_layouts/page.html

@@ -1,5 +1,5 @@
----
-layout: default
----
-
-{{ content }}
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/panel-both.html

@@ -1,14 +1,14 @@
----
-layout: compress
----
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>{{ page.title }}</title>
-</head>
-<body>
-{% include navigation.html %}
-{{ content }}
-</body>
+---
+layout: compress
+---
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>{{ page.title }}</title>
+</head>
+<body>
+{% include navigation.html %}
+{{ content }}
+</body>
 </html>

data/_layouts/panel-left.html

@@ -1,14 +1,14 @@
----
-layout: compress
----
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>{{ page.title }}</title>
-</head>
-<body>
-{% include navigation.html %}
-{{ content }}
-</body>
+---
+layout: compress
+---
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>{{ page.title }}</title>
+</head>
+<body>
+{% include navigation.html %}
+{{ content }}
+</body>
 </html>

data/_layouts/panel-none.html

@@ -2,66 +2,64 @@
 layout: compress
 ---
 <!DOCTYPE html>
-{% include lang.html %}
-{% include options.html %}
+{% include components/lang.html %}
+{% include components/options.html %}
 {% capture prefer_mode %}
     {% if site.theme_mode %}
-        data-mode="{{ site.theme_mode }}"
+        data-mode="{{ page.theme_mode | default: site.theme_mode | default: 'dark' }}"
     {% endif %}
 {% endcapture %}
-<html lang="{{ site.lang }}"{{ prefer_mode }}>
+<html lang="{{ lang }}"{{ prefer_mode }}>
     {% include head.html %}
     <body data-spy="scroll" data-target="#toc" data-navbar-visible="true">
         {% if page.header %}
             {% if page.header == "wide" %}
-                {% include header-wide.html %}
+                {% include views/header-wide.html %}
             {% elsif page.header == "regular" %}
-                {% include header.html %}
+                {% include views/header.html %}
             {% elsif page.header == "banner" %}
-                {% include header-banner.html %}
+                {% include views/header-banner.html %}
             {% endif %}
         {% endif %}
-        {% include navbar.html %}
-        {% include breadcrumbs.html %}
+        {% include components/navbar.html %}
+        {% include components/breadcrumbs.html %}
         {% if page.top-panel %}
             {% if page.top-panel == "full" %}
-                {% include panel-top-full.html %}
+                {% include views/panel-top-full.html %}
             {% elsif page.top-panel == "2-cols" %}
-                {% include panel-top-2.html %}
+                {% include views/panel-top-2.html %}
             {% elsif page.top-panel == "3-cols" %}
-                {% include panel-top-3.html %}
+                {% include views/panel-top-3.html %}
             {% elsif page.top-panel == "4-cols" %}
-                {% include panel-top-4.html %}
+                {% include views/panel-top-4.html %}
             {% endif %}
         {% endif %}
-        <div id="main-wrapper" class="d-flex justify-content-center">
-            <div id="main" class="container-fluid">
+        <main id="main-wrapper">
+            <div id="main">
                 {{ content }}
             </div>
-        </div>
+        </main>
         {% if page.bottom-panel %}
-            {% include panel-bottom.html %}
+            {% include views/panel-bottom.html %}
         {% endif %}
         {% if page.foot-panel %}
             {% if page.foot-panel == "full" %}
-                {% include panel-foot-full.html %}
+                {% include views/panel-foot-full.html %}
             {% elsif page.foot-panel == "2-cols" %}
-                {% include panel-foot-2.html %}
+                {% include views/panel-foot-2.html %}
             {% elsif page.foot-panel == "3-cols" %}
-                {% include panel-foot-3.html %}
+                {% include views/panel-foot-3.html %}
             {% elsif page.foot-panel == "4-cols" %}
-                {% include panel-foot-4.html %}
+                {% include views/panel-foot-4.html %}
             {% endif %}
         {% endif %}
-        {% include footer.html %}
-        {% include copyright.html %}
+        {% include views/footer.html %}
+        {% include views/copyright.html %}
         <div id="mask"></div>
-        {% if page.to-top %}{% include back-to-top.html %}{% endif %}
-        {% include search-results.html %}
-        {% if page.mermaid %}{% include mermaid.html %}{% endif %}
+        {% if page.to-top %}{% include components/back-to-top.html %}{% endif %}
+        {% include components/search-results.html %}
         {% if site.pwa.enabled %}
-        <div id="notification" class="toast" role="alert" aria-live="assertive" aria-atomic="true"
-             data-animation="true" data-autohide="false">
+        <div id="notification" class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-animation="true" data-autohide="false">
             <div class="toast-header">
                 <button type="button" class="ml-2 ml-auto close" data-dismiss="toast" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
@@ -75,7 +73,7 @@ layout: compress
             </div>
         </div>
         {% endif %}
-        {% include search-loader.html %}
-        {% include javascript.html %}
+        {% include components/search-loader.html %}
+        {% include components/javascript.html %}
     </body>
 </html>

data/_layouts/panel-right.html

@@ -1,14 +1,14 @@
----
-layout: compress
----
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>{{ page.title }}</title>
-</head>
-<body>
-{% include navigation.html %}
-{{ content }}
-</body>
+---
+layout: compress
+---
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>{{ page.title }}</title>
+</head>
+<body>
+{% include navigation.html %}
+{{ content }}
+</body>
 </html>

data/_layouts/post.html

@@ -1,5 +1,5 @@
----
-layout: default
----
-
-{{ content }}
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/tag.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/tags.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_sass/includes/components/_alert.scss

@@ -0,0 +1,22 @@
+//==================================================================
+// ALERTS
+//==================================================================
+
+@mixin alert($type, $fw-icon, $icon-weight: 900, $shadow: var(--dark)) {
+    &.alert-#{$type} {
+        display: flex;
+        margin: 0.75rem 1.2rem;
+        padding: 0.75rem 1.2rem;
+        color: var(--alert-#{$type}-text);
+        background-color: var(--alert-#{$type}-bg);
+        border: 1px solid var(--alert-#{$type}-border);
+        border-radius: 6px;
+        @include box-shadow( 3px 3px 6px 6px $shadow, 0.5 );
+        &::before {
+            content: $fw-icon;
+            color: var(--alert-#{$type}-icon);
+            font-weight: $icon-weight;
+        }
+    }
+}
+

data/_sass/includes/components/_dropdown.scss

@@ -0,0 +1,16 @@
+//==================================================================
+// DROPDOWN
+//==================================================================
+
+.dropup, .dropend, .dropdown, .dropstart { position: relative; }
+
+.dropdown-toggle {
+    white-space: nowrap;
+    // generate the caret automatically
+    @include caret();
+}
+
+// dropdown menu
+.dropdown-menu {
+
+}

data/_sass/includes/components/_mixins.scss

@@ -0,0 +1,28 @@
+//==================================================================
+// PACKAGED MIXINS
+//==================================================================
+
+@import
+    "mixins/alert",
+    "mixins/border-radius",
+    "mixins/box-shadow",
+    "mixins/breakpoints",
+    "mixins/buttons",
+    "mixins/caret",
+    "mixins/clearfix",
+    "mixins/color-scheme",
+    "mixins/container",
+    "mixins/deprecate",
+    "mixins/forms",
+    "mixins/gradients",
+    "mixins/grid",
+    "mixins/image",
+    "mixins/list-group",
+    "mixins/lists",
+    "mixins/pagination",
+    "mixins/reset-text",
+    "mixins/resize",
+    "mixins/table-variants",
+    "mixins/transition",
+    "mixins/utilities",
+    "mixins/visually-hidden";

data/_sass/includes/components/mixins/_box-shadow.scss

@@ -0,0 +1,9 @@
+//==================================================================
+// BOX-SHADOW MIXIN
+//==================================================================
+
+@mixin box-shadow( $x: 0.25rem, $y: 0.25rem, $blur: 0.5rem, $spread: 0.5rem, $color: var(--dark), $opacity: 1, $inset: false ) {
+    -webkit-box-shadow: $x $y $blur $spread rgba($color, $opacity);
+       -moz-box-shadow: $x $y $blur $spread rgba($color, $opacity);
+            box-shadow: $x $y $blur $spread rgba($color, $opacity);
+}

data/_sass/includes/components/mixins/_forms.scss

@@ -0,0 +1,10 @@
+//==================================================================
+// FORM MIXINS
+//==================================================================
+
+@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {
+    color: $color;
+    font-size: $font-size;
+    font-weight: $font-weight;
+}
+