spaacedout 1.0.2

data/_sass/syntax-highlight.scss

@@ -0,0 +1,156 @@
+$font-sans: Raleway, sans-serif;
+
+// This was modified slightly from the post found at https://textuploader.com/1odmf, originally posted https://frankindev.com/2017/03/18/syntax-highlight-with-rouge-in-jekyll/
+figure.highlight,
+pre.highlight {
+    padding: 1rem 1.5rem;
+    margin: 1.5rem 0;
+    overflow: auto;
+    line-height: 1.4rem;
+    position: relative;
+}
+
+.highlighter-rouge {
+    font-weight: 300;
+    position: relative;
+}
+
+li code.highlighter-rouge,
+p code.highlighter-rouge,
+p kbd {
+    color: #c66;
+    font-size: 1rem;
+    background-color: #f7f7f5;
+    padding: 2px 4px;
+    border-radius: 2px;
+    word-break: break-word;
+}
+
+kbd {
+    border: 1px solid #343a40;
+    border-radius: 4px;
+}
+
+figure.highlight::before,
+div.highlighter-rouge::before {
+    content: attr(data-lang);
+    font-family: $font-sans;
+    text-transform: lowercase;
+    font-size: .8rem;
+    color: #e9ecef;
+    position: absolute;
+    display: block;
+    height: 1rem;
+    right: .5rem;
+    z-index: 5;
+}
+
+figure.highlight::before {
+    margin-top: -1rem;
+}
+
+.rouge-table .code pre {
+    overflow: hidden;
+}
+
+table.rouge-table,
+table.rouge-table tr,
+table.rouge-table td,
+table.rouge-table pre {
+    border: 0;
+    padding: 0;
+    margin: 0;
+}
+
+table.rouge-table td.gutter {
+    padding-right: .5rem;
+    border-right: 1px solid #adb5bd;
+}
+
+table.rouge-table td.code {
+    padding-left: .5rem;
+}
+
+figure pre {
+    margin-bottom: 0;
+}
+
+.lineno {
+    text-align: right;
+    margin-right: 10px!important;
+}
+
+/* Base16 Tomorrow Dark by Chris Kempson; https://github.com/idleberg */
+.highlight,
+.highlight pre,
+.highlight table {
+    background: #2e3e4e;
+    color: #e9ecef;
+    border-radius: 4px;
+    font-size: 1rem;
+}
+
+.highlight .hll { background-color: #373b41 }
+.highlight .c { color: #969896 } /* Comment */
+.highlight .err { color: #cc6666 } /* Error */
+.highlight .k { color: #b294bb } /* Keyword */
+.highlight .l { color: #de935f } /* Literal */
+.highlight .n, .highlight .h { color: #ffffff } /* Name */
+.highlight .o { color: #8abeb7 } /* Operator */
+.highlight .p { color: #ffffff } /* Punctuation */
+.highlight .cm { color: #969896 } /* Comment.Multiline */
+.highlight .cp { color: #969896 } /* Comment.Preproc */
+.highlight .c1 { color: #969896 } /* Comment.Single */
+.highlight .cs { color: #969896 } /* Comment.Special */
+.highlight .gd { color: #cc6666 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #b5bd68 } /* Generic.Inserted */
+.highlight .gp { color: #969896; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #8abeb7; font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #b294bb } /* Keyword.Constant */
+.highlight .kd { color: #b294bb } /* Keyword.Declaration */
+.highlight .kn { color: #8abeb7 } /* Keyword.Namespace */
+.highlight .kp { color: #b294bb } /* Keyword.Pseudo */
+.highlight .kr { color: #b294bb } /* Keyword.Reserved */
+.highlight .kt { color: #f0c674 } /* Keyword.Type */
+.highlight .ld { color: #b5bd68 } /* Literal.Date */
+.highlight .m { color: #de935f } /* Literal.Number */
+.highlight .s { color: #b5bd68 } /* Literal.String */
+.highlight .na { color: #81a2be } /* Name.Attribute */
+.highlight .nb { color: #ffffff } /* Name.Builtin */
+.highlight .nc { color: #f0c674 } /* Name.Class */
+.highlight .no { color: #cc6666 } /* Name.Constant */
+.highlight .nd { color: #8abeb7 } /* Name.Decorator */
+.highlight .ni { color: #ffffff } /* Name.Entity */
+.highlight .ne { color: #cc6666 } /* Name.Exception */
+.highlight .nf { color: #81a2be } /* Name.Function */
+.highlight .nl { color: #ffffff } /* Name.Label */
+.highlight .nn { color: #f0c674 } /* Name.Namespace */
+.highlight .nx { color: #81a2be } /* Name.Other */
+.highlight .py { color: #ffffff } /* Name.Property */
+.highlight .nt { color: #8abeb7 } /* Name.Tag */
+.highlight .nv { color: #cc6666 } /* Name.Variable */
+.highlight .ow { color: #8abeb7 } /* Operator.Word */
+.highlight .w { color: #ffffff } /* Text.Whitespace */
+.highlight .mf { color: #de935f } /* Literal.Number.Float */
+.highlight .mh { color: #de935f } /* Literal.Number.Hex */
+.highlight .mi { color: #de935f } /* Literal.Number.Integer */
+.highlight .mo { color: #de935f } /* Literal.Number.Oct */
+.highlight .sb { color: #b5bd68 } /* Literal.String.Backtick */
+.highlight .sc { color: #ffffff } /* Literal.String.Char */
+.highlight .sd { color: #969896 } /* Literal.String.Doc */
+.highlight .s2 { color: #b5bd68 } /* Literal.String.Double */
+.highlight .se { color: #de935f } /* Literal.String.Escape */
+.highlight .sh { color: #b5bd68 } /* Literal.String.Heredoc */
+.highlight .si { color: #de935f } /* Literal.String.Interpol */
+.highlight .sx { color: #b5bd68 } /* Literal.String.Other */
+.highlight .sr { color: #b5bd68 } /* Literal.String.Regex */
+.highlight .s1 { color: #b5bd68 } /* Literal.String.Single */
+.highlight .ss { color: #b5bd68 } /* Literal.String.Symbol */
+.highlight .bp { color: #ffffff } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #cc6666 } /* Name.Variable.Class */
+.highlight .vg { color: #cc6666 } /* Name.Variable.Global */
+.highlight .vi { color: #cc6666 } /* Name.Variable.Instance */
+.highlight .il { color: #de935f } /* Literal.Number.Integer.Long */

data/_sass/variables/variables.scss

@@ -0,0 +1,54 @@
+$baseurl: '{{ site.baseurl }}' !default;
+$transition-time: 0.3s !default;
+
+// Fonts
+$font-standard: Merriweather, serif !default;
+$font-sans: Raleway, sans-serif !default;
+$font-site-title: Lato, sans-serif !default;
+$font-icons: "FontAwesome" !default;
+
+// Colors
+$color-primary: #222 !default;
+$color-secondary: #021523 !default; 
+$color-darkgrey: #555 !default;
+$color-grey: #2e3e4e !default;
+$color-lightgrey: #e9ecef !default;
+$color-lightblue: #81a2be !default;
+$color-blue: #0a59b0 !default;
+$color-teal: #5CCDDE !default;
+$color-navy: #021523 !default;
+$color-yellow: #ffc107 !default;
+$color-red: #D9534F !default;
+$color-orange: #FF6154 !default;
+$color-purple: #98b8fe !default;
+$color-white: #fff !default;
+
+$color-link: $color-teal !default;
+$color-link-hover: $color-lightblue !default;
+
+$color-background: #f4f4f4 !default;
+$color-header-background: $color-navy !default;
+$color-header-background-active: rgba(104,123,137,.5) !default;
+$color-social-icons-background: $color-navy !default;
+$color-social-icons-color: $color-lightgrey !default;
+$color-social-icons-hover: $color-purple !default;
+$color-post-title: $color-blue !default;
+$color-post-meta: $color-darkgrey !default;
+
+// Sizes
+$size-standard-font: 16px !default;
+$size-standard-line-height: 1.5em !default;
+
+$size-about-pane: 300px !default;
+$size-about-pane-mobile: 55px !default;
+
+// Media Breakpoints
+$media-breakpoint-sm-min: 576px !default;
+$media-breakpoint-md-min: 768px !default;
+$media-breakpoint-lg-min: 992px !default;
+$media-breakpoint-xl-min: 1200px !default;
+
+$media-breakpoint-xs-max: 575.99px !default;
+$media-breakpoint-sm-max: 767.99px !default;
+$media-breakpoint-md-max: 991.99px !default;
+$media-breakpoint-lg-max: 1199.99px !default;

data/assets/js/utils.js

@@ -0,0 +1,114 @@
+// Borrowed from haacked/haackbar and modified for many purposes.
+var SpaacedOut = (function() {
+    // NodeList foreach Polyfill
+    if (window.NodeList && !NodeList.prototype.forEach) {
+        NodeList.prototype.forEach = function (callback, thisArg) {
+            thisArg = thisArg || window
+            for (var i = 0; i < this.length; i++) {
+                callback.call(thisArg, this[i], i, this)
+            }
+        }
+    }
+  
+    // Return the namespace object.
+    return {
+        ready: function(init) {
+          if (document.readyState === "complete" || (document.readyState !== "loading" && !document.documentElement.doScroll)) {
+                window.setTimeout(init)
+          }
+          else {
+            var completed = function() {
+              document.removeEventListener("DOMContentLoaded", completed)
+                window.removeEventListener("load", completed)
+              init()
+            }
+            document.addEventListener("DOMContentLoaded", completed)
+            window.addEventListener("load", completed)
+          }
+        },
+        get: function(elementId) {
+          var element = document.getElementById(elementId)
+          if (element)
+            return element
+          var elements = document.getElementsByClassName(elementId)
+          if (elements && elements.length > 0)
+            return elements[0]
+          return null
+        },
+        codeIdentity: function() {
+          document.querySelectorAll(".highlighter-rouge, figure.highlight").forEach(i => {
+            i.setAttribute("data-lang", "code");
+            var l = i.getAttribute("class").split("language-");
+            if (l.length > 1) {
+              var lang = l[1].split(" ");
+              if (lang.length > 0) {
+                i.setAttribute("data-lang", lang[0]);
+              }
+            }
+            //1 < l.length && (l = l[1].split(" "[0], i.setAttribute("data-lang", l)));
+          });
+        },
+        setupMenuToggle: function() {
+          var menuToggle = document.getElementById('menu-toggle');
+          if (menuToggle) {
+            menuToggle.addEventListener('click', function(e){
+              document.body.classList.toggle('menu--opened');
+              SpaacedOut.menuToggleIcon();
+              e.preventDefault();
+            },false);
+            document.body.classList.remove('menu--opened');
+          
+            window.addEventListener('resize', function () {
+              if (menuToggle.offsetParent === null) {
+                document.body.classList.remove('menu--opened');
+              }
+            }, true);
+          }
+        },
+        menuToggleIcon: function() {
+          var menuToggle = document.getElementById('menu-toggle');
+          if (document.body.classList.contains('menu--opened')) {
+            menuToggle.getElementsByClassName('fa-bars')[0].style.display = "none";
+            menuToggle.getElementsByClassName('fa-bars')[0].style.visibility = "hidden";
+            menuToggle.getElementsByClassName('fa-times')[0].style.display = "block";
+            menuToggle.getElementsByClassName('fa-times')[0].style.visibility = "visible";
+          } else {
+            menuToggle.getElementsByClassName('fa-bars')[0].style.display = "block";
+            menuToggle.getElementsByClassName('fa-bars')[0].style.visibility = "visible";
+            menuToggle.getElementsByClassName('fa-times')[0].style.display = "none";
+            menuToggle.getElementsByClassName('fa-times')[0].style.visibility = "hidden";
+          }
+        },
+        setPostLinkTargetToBlank: function() {
+          var postContent = document.getElementsByClassName("post-content");
+          if (postContent.length > 0) {
+            var links = postContent[0].getElementsByTagName("a");
+            for (var link of links) {
+              link.setAttribute("target", "_blank");
+            }
+          }
+        }
+    };
+  })()
+  
+  // This sets the `current-page` css class on the nav link
+  // that points to the current page so we can render it differently
+  // We do this in JS so that we can cache the header once rather than
+  // generate it for every single page.
+  SpaacedOut.ready(function() {
+    // Set current page on navigation
+    const path = window.location.pathname
+    const currentPageLink = document.querySelector('.site-nav li a[href="' + path + '"]')
+    if (currentPageLink) {
+      const listItem = currentPageLink.parentElement
+      listItem.classList.add('current-page')
+      const span = document.createElement('span')
+      span.innerText = currentPageLink.textContent
+      listItem.appendChild(span)
+      listItem.removeChild(currentPageLink)
+    }
+    SpaacedOut.codeIdentity();
+    SpaacedOut.setupMenuToggle();
+    SpaacedOut.menuToggleIcon();
+    SpaacedOut.setPostLinkTargetToBlank();
+})

data/assets/pages/archives.md

@@ -0,0 +1,14 @@
+---
+title: Archives
+permalink: /archives/
+include_nav: true
+---
+
+<div class="archives" itemscope itemtype="http://schema.org/Blog">
+{% for post in site.posts %}
+{% if post.layout == 'post' %}
+	{% include post/archive_post.html %}
+{% endif %}
+{% endfor %}
+  </ul>
+</div>

data/assets/pages/tags.md

@@ -0,0 +1,49 @@
+---
+title: Tags
+permalink: /tags/
+include_nav: false
+---
+
+<script>
+  SpaacedOut.ready(() => {
+    let title = document.getElementsByClassName('post-title')
+    if (title) {
+      title[0].style.display = 'none'
+    }
+    let tag = window.location.hash
+    if(tag) {
+        let tagElement = document.getElementById(tag.substring(1))
+        if (tagElement) {
+          tagElement.style.display = 'block'
+        }
+    }
+    else {
+      // Let's just show them all
+      var tags = document.getElementsByClassName('tag')
+      for (var tagElement of tags) {
+        if (tagElement) {
+          tagElement.style.display = 'block'
+        }
+      }
+    }
+  })
+</script>
+
+{% assign tags = site.tags %}
+
+<div class="tag_page">
+{% for tag in tags %}
+  {% assign tagname = tag | first | slugify %}
+<div id="{{ tagname }}" class="tag">
+  <h2>#{{ tagname }} Posts</h2>
+  {% assign posts = tag[1] %}
+  <ul>
+  {% for post in posts %}
+    <li>
+      <a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a>
+    </li>
+  {% endfor %}
+  </ul>
+</div>
+{% endfor %}
+</div>

data/assets/style.scss

@@ -0,0 +1,4 @@
+---
+---
+
+@import "SpaacedOut";

data/assets/syntax-highlight.scss

@@ -0,0 +1,4 @@
+---
+---
+
+@import "syntax-highlight";

metadata

@@ -0,0 +1,213 @@
+--- !ruby/object:Gem::Specification
+name: spaacedout
+version: !ruby/object:Gem::Version
+  version: 1.0.2
+platform: ruby
+authors:
+- Jason Gaylord
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-05-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-avatar
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.7.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.7.0
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.13.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.13.0
+- !ruby/object:Gem::Dependency
+  name: jekyll-gist
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.5.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.5.0
+- !ruby/object:Gem::Dependency
+  name: jekyll-paginate
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.6.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.6.1
+- !ruby/object:Gem::Dependency
+  name: jekyll-sitemap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.0
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.4
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.4
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 13.0.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 13.0.1
+description: 
+email:
+- jason@jasongaylord.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- LICENSE.haackbar
+- LICENSE.plainwhite-jekyll
+- README.md
+- _includes/comments/comments.html
+- _includes/comments/comments_link.html
+- _includes/comments/disqus_comments.html
+- _includes/comments/disqus_comments_link.html
+- _includes/end-notice.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/head/google-adsense.html
+- _includes/head/google-analytics.html
+- _includes/head/stylesheets.html
+- _includes/head/twitter.html
+- _includes/header.html
+- _includes/info-notice.html
+- _includes/pagination.html
+- _includes/post/archive_post.html
+- _includes/post/edit.html
+- _includes/post/meta.html
+- _includes/post/tags.html
+- _includes/social-links.html
+- _includes/warning-notice.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/SpaacedOut.scss
+- _sass/core/base.scss
+- _sass/core/core.scss
+- _sass/core/footer.scss
+- _sass/core/header.scss
+- _sass/core/main.scss
+- _sass/core/notice.scss
+- _sass/core/post.scss
+- _sass/syntax-highlight.scss
+- _sass/variables/variables.scss
+- assets/js/utils.js
+- assets/pages/archives.md
+- assets/pages/tags.md
+- assets/style.scss
+- assets/syntax-highlight.scss
+homepage: https://github.com/jasongaylord/SpaacedOut
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key: 
+specification_version: 4
+summary: A theme that includes the menu on the side for desktops and at the top for
+  mobile.
+test_files: []