simple-jekyll-theme 1.0.0

data/_includes/tag-cloud.html

@@ -0,0 +1,20 @@
+{% if site.tags.size > 1 %}
+<div class="separator"></div>
+<div id="blog-list-mini" class="no-select">
+    <!-- https://longqian.me/2017/02/09/github-jekyll-tag/ -->
+    <!-- https://stackoverflow.com/questions/13025281/how-to-get-a-sorted-tags-list-in-jekyll -->
+    <h2>All Tags</h2>
+    <div class="tag" style="margin-bottom: 10px">
+    {% capture temptags %}
+      {% for tag in site.tags %}
+        {{ tag[1].size | plus: 1000 }}:{{ tag[0] }}{% unless forloop.last %},{% endunless %}
+      {% endfor %}
+    {% endcapture %}
+    {% assign sortedtemptags = temptags | split:',' | sort | reverse %}
+    {% for temptag in sortedtemptags %}
+      {% assign tagitems = temptag | split: ':' %}
+      <a href="{{ site.url }}/tags/{{ tagitems[1] | slugify }}"><code>{{ tagitems[1] | rstrip }}({{ tagitems[0] | to_integer | minus: 1000}})</code></a>
+    {% endfor %}
+    </div>
+</div>
+{% endif %}

data/_includes/toc.html

@@ -0,0 +1,108 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Version 1.0.12
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize     (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class        (string) :   ''   - a CSS class assigned to the TOC
+            * id           (string) :   ''   - an ID to assigned to the TOC
+            * h_min        (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max        (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered      (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class   (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * baseurl      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class (string) :   ''   - add custom class(es) for each anchor element
+            * skipNoIDs    (bool)   : false  - skip headers that do not have an `id` attribute
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture my_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign skipNoIDs = include.skipNoIDs | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | split: '<h' %}
+    {% assign firstHeader = true %}
+
+    {% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if headerLevel < minHeader or headerLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign html_id = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign html_class = _classWorkspace[0] %}
+
+        {% if html_class contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign firstHeader = false %}
+            {% assign minHeader = headerLevel %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% assign indentAmount = headerLevel | minus: minHeader %}
+        {% assign space = '' %}
+        {% for i in (1..indentAmount) %}
+            {% assign space = space | prepend: '    ' %}
+        {% endfor %}
+
+        {% if include.item_class and include.item_class != blank %}
+            {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+        {% endif %}
+
+        {% capture anchor_body %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+        {% capture anchor_body %}{{ anchor_body | replace: "|", "\|" }}{% endcapture %}
+
+        {% if html_id %}
+            {% capture list_item %}[{{ anchor_body }}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% endcapture %}
+        {% elsif skipNoIDs == true %}
+            {% continue %}
+        {% else %}
+            {% capture list_item %}{{ anchor_body }}{% endcapture %}
+        {% endif %}
+
+        {% capture my_toc %}{{ my_toc }}
+{{ space }}{{ listModifier }} {{ listItemClass }} {{ list_item }}{% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+    {% endfor %}
+
+    {% if include.class and include.class != blank %}
+        {% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+
+    {% if include.id %}
+        {% capture my_toc %}{: #{{ include.id }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}

data/_layouts/compress.html

@@ -0,0 +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 %}

data/_layouts/default.html

@@ -0,0 +1,41 @@
+---
+layout: compress
+---
+
+<!DOCTYPE html>
+<html lang="{{ site.lang }}">
+    {% include head.html %}
+    <body>
+        {% if site.google-tag-manager-id %}
+        <!-- Google Tag Manager (noscript) -->
+        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.google-tag-manager-id }}"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+        {% endif %}
+
+        {% if site.font-awesome-kit %}{% else %}
+            {% include icons.html %}
+        {% endif %}
+
+        <div id="main-header" class="no-select">
+            <div class="container">
+                <a {% if page.layout != 'home' %}href="{{ site.url }}/index.html"{% endif %}>{{ site.title }}</a>
+            </div>
+        </div>
+        
+        {% include navigation.html %}
+
+        <div class="container">
+
+            {{ content }}
+
+            {% include footer.html %}
+        </div>
+
+        {% if page.content contains '```' or page.layout == 'post' %}
+            <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
+        {% endif %}
+        <script src="{{ site.url }}/assets/js/main.min.js"></script>
+    </body>
+</html>
+

data/_layouts/home.html

@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+{% if page.content.size > 0 %}
+    {{ content }}
+    <div class="separator"></div>
+{% endif %}
+
+<h1 class="header">Posts</h1>
+<div id="blog-list" data-page="{{ paginator.page }}" data-totalPages="{{ paginator.total_pages }}">
+{% for post in paginator.posts %}
+    {% include post-card.html %}
+{% endfor %}
+</div>
+
+{% if paginator.total_pages > 1 %}
+    <button id="loadmore-btn">Load more...</button>
+{% endif %}
+
+{% include tag-cloud.html %}
+
+{% if paginator.total_pages > 1 %}
+    <script src="{{ site.url }}/assets/js/pagination.min.js" defer></script>
+{% endif %}

data/_layouts/post.html

@@ -0,0 +1,59 @@
+---
+layout: default
+---
+<h1 class="header">{{ page.title }}</h1>
+<div class="page-meta no-select">
+    <span class="date">{{ page.date | date: "%b %-d, %Y" }}</span>
+    {% if page.tags.size > 0 %}
+        <span class="tag">
+            {%- if site.font-awesome-kit -%}
+                <i class="fas fa-tag"></i>
+            {%- else -%}
+                <svg class="icon"><use xlink:href="#icon-tag-solid"></use></svg>
+            {%- endif -%}
+            {% for tag in page.tags %}<a href="{{ site.url }}/tags/{{ tag | slugify }}"><code>{{ tag }}</code></a>{% endfor %}
+        </span>
+    {% endif %}
+
+    <p>
+        <em>{{ page.description }}</em>
+    </p>
+</div>
+
+{% if page.toc %}
+    <div id="toc">
+        <h2 class="no-select">Contents</h2>
+        {% include toc.html html=content class='no-select' id='toc-list' skipNoIDs=true h_max=2 %}
+    </div>
+{% endif %}
+
+{{ content }}
+
+{% if page.comments %}
+    <div class="separator"></div>
+    {% include comment.html %}
+{% endif %}
+
+{% if site.posts.size > 1 %}
+<div class="separator"></div>
+<div id="blog-list-mini" class="no-select">
+    <h2>Latest Posts</h2>
+    <ul>
+        {% for post in site.categories.posts limit:3 %}
+        {% if post.url != page.url %}
+            <li>
+                <a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a>
+            </li>
+        {% endif %}
+        {% endfor %}
+    </ul>
+</div>
+{% endif %}
+
+<button id="share-btn" fallback-text="Link Copied" aria-label="Share This Post">
+    {% if site.font-awesome-kit %}
+        <i class="fas fa-share"></i>
+    {% else %}
+        <svg class="icon"><use xlink:href="#icon-share-solid"></use></svg>
+    {% endif %}
+</button>

data/_layouts/tagpage.html

@@ -0,0 +1,19 @@
+---
+layout: default
+---
+
+<h1 class="header">
+    {% if site.font-awesome-kit %}
+        <i class="fas fa-tag" style="font-size: 80%"></i>
+    {% else %}
+        <svg class="icon"><use xlink:href="#icon-tag-solid"></use></svg>
+    {% endif %}
+    {{ page.tag }}
+</h1>
+<div id="blog-list">
+{% for post in site.tags[page.tag] %}
+    {% include post-card.html %}
+{% endfor %}
+</div>
+
+{% include tag-cloud.html %}

data/_sass/blog.scss

@@ -0,0 +1,246 @@
+// Blog
+
+@mixin blog-critical{
+
+.post-meta, .page-meta  {
+    @include color(color, --gray-text, $gray_text);
+    font-size: $small;
+}
+
+.date{
+    margin-right: 10px;
+}
+
+.tag{
+    @include gray-link {display: inline-block;};
+    i, .icon {
+        font-size: 80%;
+        margin-right: 5px;
+        margin-left: 10px;
+    }
+    code {
+        margin: 0 5px;
+        white-space: nowrap;
+    }
+}
+
+
+#blog-list {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    a{
+        text-decoration: none;
+        display: block;
+        width: 100%;
+        .card {
+            padding: 2% 5%;
+            margin: 10px auto;
+        }
+        .post-meta{
+            font-size: $footnotesize;
+        }
+        .post-title {
+            color: $blue;
+            font-size: $Large;
+            font-weight: 700;
+        }
+        .post-description {
+            font-size: $small
+        }
+    }
+
+    a:hover{
+        color: inherit;
+        .card{
+            @include float-card;
+            margin-top: 5px;
+            margin-bottom: 15px;
+            transition: 0.3s;
+        }
+        .post-title{
+            color: $blue_hover;
+        }
+    }
+
+    a:active {
+        .card {
+            margin: 10px auto;
+            box-shadow: none;
+            transition: none;
+        }
+    }
+}
+
+
+#loadmore-btn {
+    padding: 20px 0;
+    margin: 10px auto;
+    width: 100%;
+    color: $blue;
+    font-size: $large;
+    font-weight: 600;
+    background: none;
+    border: none;
+}
+
+
+#blog-list-mini{
+    padding: 2% 5%;
+    margin: 10px;
+    @include float-card;
+}
+
+@media only screen and (min-width: 1250px) and (min-height: 500px) {
+    #toc {
+        width: 13%;
+        max-width: 250px;
+        max-height: calc(100% - 300px);
+        position: fixed;
+        right: 2%;
+        top: 100px;
+        font-size: $footnotesize;
+        @include float-card;
+        padding: 15px;
+        overflow-y: scroll;
+        // https://stackoverflow.com/a/7993098/10365842
+        a {
+            display:inline-block;
+            text-decoration: none;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            width: calc(100%);
+        }
+        h2 {
+            font-size: $normalsize;
+        }
+        ul {
+            padding-left: 20px;
+            list-style: none;
+        }
+    }
+
+    .active {
+        color: $blue;
+    }
+}
+
+}
+
+
+
+@mixin blog-noncritical{
+
+iframe {
+    border: none;
+}
+
+.iframecontainer {
+    height: 0;
+    padding-bottom: 56.25%;
+    width: 100%;
+    position: relative;
+}
+
+.iframecontainer > iframe {
+    position: absolute;
+    width: 95%;
+    height: 100%;
+    left: 2.5%;
+    box-shadow: 0 3px 20px rgba(0,0,0,0.1);
+
+    &[src*="slides"] {
+        width: 100%;
+        left: 0;
+        box-shadow: none;
+    }
+}
+
+#loadmore-btn{
+    &:hover {
+        @include float-card;
+        margin-top: 5px;
+        margin-bottom: 15px;
+        transition: 0.3s;
+        cursor: pointer;
+        color: $blue_hover;
+    }
+
+    &:active {
+        margin: 10px auto;
+        box-shadow: none;
+        transition: none;
+    }
+
+    &:disabled {
+        color: $gray_text;
+        @include color(color, --gray-text, $gray_text);
+    }
+}
+
+#share-btn{
+    position: fixed;
+    right: 60px;
+    bottom: 60px;
+    height: 50px;
+    width: 50px;
+    border-radius: 50%;
+    border: none;
+    color: #fff;
+    background-color: $blue;
+    box-shadow: 0 0 10px $blue_hover;
+    z-index: 10;
+    
+    i, .icon {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 150%;
+    }
+
+    &:hover{
+        background-color: $blue_hover;
+        cursor: pointer;
+    }
+
+    &:active{
+        box-shadow: none;
+    }
+
+    @include phone {
+        right: 30px;
+        &:hover{
+            background-color: $blue;
+        }
+    }
+}
+
+.shared:before {
+    content: attr(fallback-text);
+    color: $blue;
+    font-size: $footnotesize;
+    font-weight: 600;
+    display: inline-block;
+    width: 100px;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, -50px);
+    text-align: center;
+    padding: 5px;
+    z-index: 1;
+    opacity: 0;
+    transition: opacity 0.3s;
+    border-radius: 5px;
+    @include color(background-color, --dark-frosted-glass, rgba(245, 247, 249, 0.5));
+    @include frosted-glass;
+}
+
+.shared:hover:before {
+    opacity: 1;
+}
+
+}
+