jekyll-theme-hydeout-funfox 1.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 9ef4f22c05f4e2dbf097b31552c62402fa9ff77c9bddf756cf769d1f609303ce
+  data.tar.gz: c648f8334e8314528c549b81cc3f6be723a2b50b7c8566db1a9e108eaabd90a2
+SHA512:
+  metadata.gz: 748192c13264869ddaed8a924b13d7816d5cde0a627504cdb6ff10ddb8c84042ebbdabfd9cfa0e3cdd042caa61453521960f132258d76a7a6cce7c27c7081ece
+  data.tar.gz: 1d6c563fa80130a4394747b0c480e786596897f0d94adc238c7249a3d9723a81ade7dacf5fc366f44492e318f222bbe77b61e4cddf4d1f787e58ec8756f38bdf

data/LICENSE.md

@@ -0,0 +1,11 @@
+# Released under MIT License
+
+Copyright (c) 2013 Mark Otto.
+
+Copyright (c) 2017 Andrew Fong.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,189 @@
+# Hydeout
+
+This project is a fork of the [original Hydeout theme](https://github.com/fongandrew/hydeout) by Andrew Fong.
+This fork exists to remove SASS code that is now considered deprecated.
+
+Hydeout updates the original [Hyde](https://github.com/poole/hyde)
+theme for [Jekyll](http://jekyllrb.com) 3.x and 4.x and adds new functionality.
+
+![Desktop](/_screenshots/1.png?raw=true)
+<img alt="Mobile home page" src="/_screenshots/2.png?raw=true" width="300px" />
+<img alt="Mobile post page" src="/_screenshots/3.png?raw=true" width="300px" />
+
+### Usage
+
+Hydeout is available as the `jekyll-theme-hydeout-funfox` Ruby Gem.
+Add `gem "jekyll-theme-hydeout-funfox", "~> 1.0"` to your Gemfile and run
+`bundle install`.
+
+If you're installing on GitHub pages, you may also have to add
+`remote_theme: functional-fox/hydeout` to your `_config.yml`. [See the GitHub
+instructions for more details.](https://help.github.com/articles/adding-a-jekyll-theme-to-your-github-pages-site/)
+
+Hydeout uses pagination, so if you have an `index.md`, you'll need to swap
+it with an `index.html` that uses the `index` layout:
+
+```
+---
+layout: index
+title: Home
+---
+```
+
+You'll also need to add a setting to `_config.yml` telling Jekyll how many posts
+to include per page (e.g. `paginate: 5`).
+
+### Keep It Simple
+
+In keeping with the original Hyde theme, Hydeout aims to keep the overall
+design lightweight and plugin-free. JavaScript is currently limited only
+to Disqus and Google Analytics (and is only loaded if you provide configuration
+variables).
+
+Hydeout makes heavy use of Flexbox in its CSS. If Flexbox is not available,
+the CSS degrades into a single column layout.
+
+### Customization
+
+Hydeout replaces Hyde's class-based theming with the use
+of the following SASS variables:
+
+```scss
+$sidebar-bg-color: #202020 !default;
+$sidebar-fg-color: white !default;
+$sidebar-sticky: true !default;
+$layout-reverse: false !default;
+$link-color: #268bd2 !default;
+```
+
+To override these variables, define your own variables inside a SASS file
+in the `assets/css/` directory.
+Then `@use` that file in your own `assets/css/main.scss` file, like so:
+
+```scss
+---
+# Jekyll needs front matter for SCSS files
+---
+
+@use "colours";
+@use "hydeout/variables" with (
+  $body-bg:           colours.$grey,
+  $body-color:        white,
+  $heading-color:     colours.$light-pink,
+  $link-color:        colours.$green,
+  $sidebar-bg-color:  colours.$dark-pink,
+  $sidebar-sticky:    false,
+  );
+@use "hydeout";
+```
+
+Example content of `assets/css/colours.scss`:
+
+```scss
+$green:       #61c200;
+$grey:        #363636;
+$dark-pink:   #9f0647;
+$light-pink:  #f0a2c3;
+```
+
+See the [_variables](_sass/hydeout/_variables.scss) file for other variables
+you can override.
+
+**Pay attention to the namespace of the variables you intend to override, otherwise, you will probably experience errors.**
+
+You can see the full set of partials you can replace in the
+[`_includes`](_includes) folder, but there are a few worth noting:
+
+* `_includes/copyright.html` - Insert your own copyright here.
+
+* `_includes/custom-head.html` - Insert custom head tags (e.g. to load your
+  own stylesheets)
+
+* `_includes/custom-foot.html` - Insert custom elements at the end of the
+  body (e.g. for custom JS)
+
+* `_includes/custom-nav-links.html` - Additional nav links to insert at the
+  end of the list of links in the sidebar.
+
+  Pro-tip: The `nav`s in the sidebar are flexboxes. Use the `order` property
+  to order your links.
+
+* `_includes/custom-icon-links.html`- Additional icon links to insert at the
+  end of the icon links at the bottom of the sidebar. You can use the `order`
+  property to re-order.
+
+* `_includes/favicons.html` - Replace references to `favicon.ico` and
+  `favicon.png` with your own favicons references.
+
+* `_includes/font-includes.html` - The Abril Fatface font used for the site
+  title is loaded here. If you're overriding that font in the CSS, be sure
+  to also remove the font load reference here.
+
+### New Features
+
+* Hydeout adds a new tags page (accessible in the sidebar). Just create a
+  new page with the tags layout:
+
+  ```
+  ---
+  layout: tags
+  title: Tags
+  ---
+  ```
+
+* Hydeout adds a new "category" layout for dedicated category pages.
+  Category pages are automatically added to the sidebar. All other pages
+  must have `sidebar_link: true` in their front matter to show up in
+  the sidebar. To create a category page, use the `category` layout"
+
+  ```
+  ---
+  layout: category
+  title: My Category
+  ---
+
+  Description of "My Category"
+  ```
+
+* You can control how pages are sorted by using the `sidebar_sort_order`
+  parameter in the front matter. This works for both category and non-category
+  pages, although non-category pages will always come first. Take a look at
+  [`_includes/sidebar-nav-links.html`](./_includes/sidebar-nav-links.html) if
+  you want to customize this behavior.
+
+  ```
+  ---
+  layout: page
+  title: My page
+  sidebar_sort_order: 123
+  ---
+
+  Some content.
+  ```
+
+* A simple redirect-to-Google search is available. Just create a page with
+  the `search` layout.
+
+  ```
+  ---
+  layout: search
+  title: Google Search
+  ---
+  ```
+
+* Disqus integration is ready out of the box. Just add the following to
+  your config file:
+
+  ```yaml
+  disqus:
+    shortname: my-disqus-shortname
+  ```
+
+  If you don't want Disqus or want to use something else, override
+  `comments.html`.
+
+* For Google Analytics support, define a `google_analytics` variable with
+  your property ID in your config file.
+
+There's also a bunch of minor tweaks and adjustments throughout the
+theme. Hope this works for you!

data/_includes/back-link.html

@@ -0,0 +1,6 @@
+{% assign back_page = site.pages | find: "name", page.back_page %}
+{% if back_page != null %}
+    <p class="back-link">
+    <a href="{{ back_page.url | relative_url }}"><span class="back-arrow icon">{% include svg/back-arrow.svg %}</span>{{ back_page.short_title | default: back_page.title }}</a>
+    </p>
+{% endif %}

data/_includes/category-links.html

@@ -0,0 +1,12 @@
+{% comment %}
+  Dynamically generate list of links to all category pages
+{% endcomment %}
+{% assign pages_list = site.pages|sort:"sidebar_sort_order" %}
+{% for node in pages_list %}
+  {% if node.title != null %}
+    {% if node.layout == "category" %}
+      <a class="category-link {% if page.url == node.url %} active{% endif %}"
+          href="{{ node.url | relative_url }}">{{ node.title }}</a>
+    {% endif %}
+  {% endif %}
+{% endfor %}

data/_includes/comments.html

@@ -0,0 +1,6 @@
+{% if page.comments != false %}
+  <section class="comments">
+    <h2>Comments</h2>
+    {% include disqus.html %}
+  </section>
+{% endif %}

data/_includes/copyright.html

@@ -0,0 +1,4 @@
+<p>
+  &copy; {{ site.time | date: '%Y' }}.
+  <a href="{{ "/LICENSE.md" | relative_url }}">MIT License.</a>
+</p>

data/_includes/custom-foot.html

@@ -0,0 +1 @@
+<!-- Optional footer content -->

data/_includes/custom-head.html

@@ -0,0 +1 @@
+<!-- Additional head bits without overriding original head -->

data/_includes/custom-icon-links.html

@@ -0,0 +1 @@
+<!-- Optional additional links to insert for icons links -->

data/_includes/custom-nav-links.html

@@ -0,0 +1 @@
+<!-- Optional additional links to insert in sidebar nav -->

data/_includes/disqus.html

@@ -0,0 +1,43 @@
+{% if site.disqus.shortname %}
+  <div id="disqus_thread">
+    <button class="disqus-load" onClick="loadDisqusComments()">
+      Load Comments
+    </button>
+  </div>
+  <script>
+
+  /**
+  *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW
+  *  TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+  *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT:s
+  *  https://disqus.com/admin/universalcode/#configuration-variables
+  */
+  var disqus_config = function () {
+    this.page.url = "{{ page.url | absolute_url }}";
+    this.page.identifier = "{{ page.guid or page.id }}" ||
+                           "{{ page.url | absolute_url }}";
+  }
+  function loadDisqusComments() { // DON'T EDIT BELOW THIS LINE
+    var d = document, s = d.createElement('script');
+    s.src = '//{{ 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">comments powered by Disqus</a>.
+  </noscript>
+
+{% elsif jekyll.environment != "production" %}
+  <p>
+    You are seeing this because your Disqus shortname is not properly set. To
+    configure Disqus, you should edit your <code>_config.yml</code> to include
+    either a <code>disqus.shortname</code> variable.
+  </p>
+
+  <p>
+    If you do not wish to use Disqus, override the
+    <code>comments.html</code> partial for this theme.
+  </p>
+{% endif %}

data/_includes/favicons.html

@@ -0,0 +1,2 @@
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ "/favicon.png" | relative_url }}" />
+<link rel="shortcut icon" href="{{ "/favicon.ico" | relative_url}}" />

data/_includes/font-includes.html

@@ -0,0 +1,6 @@
+{% comment %}
+  Separate partial for Google Webfont include, so we can override with
+  different fonts as applicable.
+{% endcomment %}
+
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface" />

data/_includes/google-analytics.html

@@ -0,0 +1,11 @@
+{% if jekyll.environment == 'production' and site.google_analytics %}
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+  </script>
+{% endif %}

data/_includes/head.html

@@ -0,0 +1,30 @@
+<head>
+  <link href="https://gmpg.org/xfn/11" rel="profile" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
+  <!-- Enable responsiveness on mobile devices-->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+
+  <title>
+    {% if page.title == "Home" %}
+      {{ site.title }}{% if site.tagline %} &middot; {{ site.tagline }}{% endif %}
+    {% else %}
+      {{ page.title }} &middot; {{ site.title }}
+    {% endif %}
+  </title>
+
+  {% include google-analytics.html %}
+
+  <!-- CSS -->
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
+  {% include font-includes.html %}
+
+  <!-- Icons -->
+  {% include favicons.html %}
+
+  <!-- RSS -->
+  <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.feed.path | default: 'feed.xml' | relative_url }}" />
+
+  {% include custom-head.html %}
+</head>

data/_includes/page-links.html

@@ -0,0 +1,13 @@
+{% comment %}
+  The code below dynamically generates a sidebar nav of pages with
+  `sidebar_link: true` in the front-matter. See readme for usage.
+{% endcomment %}
+{% assign pages_list = site.pages|sort:"sidebar_sort_order" %}
+{% for node in pages_list %}
+  {% if node.title != null %}
+    {% if node.sidebar_link %}
+      <a class="page-link {% if page.url == node.url %} active{% endif %}"
+          href="{{ node.url | relative_url }}">{% if node.short_title != null %}{{ node.short_title }}{% else %}{{ node.title }}{% endif %}</a>
+    {% endif %}
+  {% endif %}
+{% endfor %}

data/_includes/pagination-newer.html

@@ -0,0 +1,8 @@
+{% if paginator.previous_page %}
+<div class="pagination">
+  <a class="pagination-item newer"
+     href="{{ paginator.previous_page_path | relative_url }}">
+    Newer
+  </a>
+</div>
+{% endif %}

data/_includes/pagination-older.html

@@ -0,0 +1,8 @@
+{% if paginator.next_page %}
+<div class="pagination">
+  <a class="pagination-item older"
+     href="{{ paginator.next_page_path | relative_url }}">
+    Older
+  </a>
+</div>
+{% endif %}

data/_includes/post-meta.html

@@ -0,0 +1,29 @@
+<div class="post-meta">
+  <span class="post-date">{{ include.post.date | date_to_string }}</span>
+  <span class="post-categories">
+    {% for category in include.post.categories %}
+      &bull;
+
+      {% comment %}
+        Check if this category has a corresponding page before decide
+        to link to it. This is an O(n^2) operations so consider removing
+        it and linking for all categories (or no categories) if this
+        site has a lot of pages and/or a lot of categories.
+      {% endcomment %}
+      {% assign category_page = false %}
+      {% for node in site.pages %}
+        {% if node.category == category or node.title == category %}
+          {% assign category_page = node %}
+        {% endif %}
+      {% endfor %}
+
+      {% if category_page %}
+        <a href="{{ category_page.url | relative_url }}">
+          {{ category_page.title | default: category_page.category }}
+        </a>
+      {% else %}
+        {{ category }}
+      {% endif %}
+    {% endfor %}
+  </span>
+</div>

data/_includes/post-tags.html

@@ -0,0 +1,21 @@
+{% comment %}
+  Check if we have a tags page active before linking to it.
+{% endcomment %}
+{% assign tags_page = false %}
+{% for node in site.pages %}
+  {% if node.layout == "tags" %}
+    {% assign tags_page = node %}
+  {% endif %}
+{% endfor %}
+
+<div class="post-tags">
+  {% for tag in include.post.tags %}
+    {% if tags_page %}
+    <a href="{{ tags_page.url | relative_url }}#{{ tag | slugify }}">
+    {% else %}<span>{% endif %}
+      <span class="icon">
+        {% include svg/tags.svg %}
+      </span>&nbsp;<span class="tag-name">{{ tag }}</span>
+    {% if tags_page %}</a>{% else %}</span>{% endif %}
+  {% endfor %}
+</div>

data/_includes/related_posts.html

@@ -0,0 +1,15 @@
+<section class="related">
+  <h2>Related Posts</h2>
+  <ul class="posts-list">
+    {% for post in site.related_posts limit:3 %}
+      <li>
+        <h3>
+          <a href="{{ post.url | relative_url }}">
+            {{ post.title }}
+            <small>{{ post.date | date_to_string }}</small>
+          </a>
+        </h3>
+      </li>
+    {% endfor %}
+  </ul>
+</section>

data/_includes/search-form.html

@@ -0,0 +1,17 @@
+<form action="https://google.com/search" class="search-form">
+  <div class="search-row">
+    <input id="search-bar" type="search" name="q" />
+
+    {% comment %}
+      Hacky strip of protocol to the sitesearch value we pass to Google
+    {% endcomment %}
+    {% assign url = site.url | replace_first: 'https://', '' %}
+    {% assign url = url | replace_first: 'http://', '' %}
+    {% assign url = url | replace_first: 'spdy://', '' %}
+    {% assign url = url | replace_first: '//', '' %}
+    <input name="sitesearch" type="hidden"
+           value="{{ url }}{{ "/" | relative_url }}" />
+
+    <input type="submit" value="Search" />
+  </div>
+</form>

data/_includes/sidebar-icon-links.html

@@ -0,0 +1,53 @@
+<nav id="sidebar-icon-links">
+  {% if site.hydeout.repo %}
+    <a id="github-link"
+       class="icon" title="Github Project" aria-label="Github Project"
+       href="{{ site.hydeout.repo }}">
+      {% include svg/github.svg %}
+    </a>
+    <a id="github-download-link"
+       class="icon" title="Download" aria-label="Download"
+       href="{{ site.hydeout.repo }}/archive/v{{ site.hydeout.version }}.zip">
+      {% include svg/download.svg %}
+    </a>
+  {% endif %}
+
+  <a id="subscribe-link"
+     class="icon" title="Subscribe" aria-label="Subscribe"
+     href="{{ site.feed.path | default: 'feed.xml' | relative_url }}">
+    {% include svg/feed.svg %}
+  </a>
+
+  {% comment %}
+    Check if we have tag or search pages page active before linking to it.
+  {% endcomment %}
+  {% assign tags_page = false %}
+  {% assign search_page = false %}
+  {% for node in site.pages %}
+    {% if node.layout == "tags" %}
+      {% assign tags_page = node %}
+    {% elsif node.layout == "search" %}
+      {% assign search_page = node %}
+    {% endif %}
+  {% endfor %}
+
+  {% if tags_page %}
+    <a id="tags-link"
+       class="icon{% if page.url == '/tags' %} active{% endif %}"
+       title="Tags" aria-label="Tags"
+       href="{{ tags_page.url | relative_url }}">
+      {% include svg/tags.svg %}
+    </a>
+  {% endif %}
+
+  {% if search_page %}
+    <a id="search-link"
+       class="icon{% if page.url == '/search' %} active{% endif %}"
+       title="Search" aria-label="Search"
+       href="{{ search_page.url | relative_url }}">
+      {% include svg/search.svg %}
+    </a>
+  {% endif %}
+
+  {% include custom-icon-links.html %}
+</nav>

data/_includes/sidebar-nav-links.html

@@ -0,0 +1,20 @@
+<nav id="sidebar-nav-links">
+  {% if site.sidebar_home_link %}
+    <a class="home-link {% if page.url == '/' %} active{% endif %}"
+        href="{{ "/" | relative_url }}">Home</a>
+  {% endif %}
+  {% if site.sidebar_blog_link %}
+    <a class="page-link {% if page.url == site.sidebar_blog_link %} active{% endif %}"
+	href="{{ site.sidebar_blog_link | relative_url }}">Blog</a>
+  {% endif %}
+
+  {% comment %}
+    The code below dynamically generates a sidebar nav of pages with
+    `sidebar_link: true` in the front-matter. See readme for usage.
+  {% endcomment %}
+
+  {% include page-links.html %}
+  {% include category-links.html %}
+
+  {% include custom-nav-links.html %}
+</nav>

data/_includes/sidebar.html

@@ -0,0 +1,21 @@
+<div id="sidebar">
+  <header>
+    <{% if page.layout == "index" %}h1{% else %}div{% endif %} class="site-title">
+      <a href="{{ "/" | relative_url }}">
+        {% unless page.url == "/" %}
+          <span class="back-arrow icon">{% include svg/back-arrow.svg %}</span>
+        {% endunless %}
+        {{ site.title }}
+      </a>
+    </{% if page.layout == "index" %}h1{% else %}div{% endif %}>
+    <p class="lead">{{ site.description }}</p>
+  </header>
+  {% include sidebar-nav-links.html %}
+
+  {% if site.version %}
+    <span class="site-version">Currently v{{ site.version }}</span>
+  {% endif %}
+
+  {% include sidebar-icon-links.html %}
+  {% include copyright.html %}
+</div>

data/_includes/svg/back-arrow.svg

@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 0h24v24H0z" fill="none"/>
+  <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/>
+</svg>

data/_includes/svg/download.svg

@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
+    <path d="M0 0h24v24H0z" fill="none"/>
+</svg>

data/_includes/svg/feed.svg

@@ -0,0 +1,5 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <circle cx="6.18" cy="17.82" r="2.18"/>
+    <path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/>
+</svg>

data/_includes/svg/github.svg

@@ -0,0 +1,2 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 28" height="24" width="28"><path d="M12 2c6.625 0 12 5.375 12 12 0 5.297-3.437 9.797-8.203 11.391-0.609 0.109-0.828-0.266-0.828-0.578 0-0.391 0.016-1.687 0.016-3.297 0-1.125-0.375-1.844-0.812-2.219 2.672-0.297 5.484-1.313 5.484-5.922 0-1.313-0.469-2.375-1.234-3.219 0.125-0.313 0.531-1.531-0.125-3.187-1-0.313-3.297 1.234-3.297 1.234-0.953-0.266-1.984-0.406-3-0.406s-2.047 0.141-3 0.406c0 0-2.297-1.547-3.297-1.234-0.656 1.656-0.25 2.875-0.125 3.187-0.766 0.844-1.234 1.906-1.234 3.219 0 4.594 2.797 5.625 5.469 5.922-0.344 0.313-0.656 0.844-0.766 1.609-0.688 0.313-2.438 0.844-3.484-1-0.656-1.141-1.844-1.234-1.844-1.234-1.172-0.016-0.078 0.734-0.078 0.734 0.781 0.359 1.328 1.75 1.328 1.75 0.703 2.141 4.047 1.422 4.047 1.422 0 1 0.016 1.937 0.016 2.234 0 0.313-0.219 0.688-0.828 0.578-4.766-1.594-8.203-6.094-8.203-11.391 0-6.625 5.375-12 12-12zM4.547 19.234c0.031-0.063-0.016-0.141-0.109-0.187-0.094-0.031-0.172-0.016-0.203 0.031-0.031 0.063 0.016 0.141 0.109 0.187 0.078 0.047 0.172 0.031 0.203-0.031zM5.031 19.766c0.063-0.047 0.047-0.156-0.031-0.25-0.078-0.078-0.187-0.109-0.25-0.047-0.063 0.047-0.047 0.156 0.031 0.25 0.078 0.078 0.187 0.109 0.25 0.047zM5.5 20.469c0.078-0.063 0.078-0.187 0-0.297-0.063-0.109-0.187-0.156-0.266-0.094-0.078 0.047-0.078 0.172 0 0.281s0.203 0.156 0.266 0.109zM6.156 21.125c0.063-0.063 0.031-0.203-0.063-0.297-0.109-0.109-0.25-0.125-0.313-0.047-0.078 0.063-0.047 0.203 0.063 0.297 0.109 0.109 0.25 0.125 0.313 0.047zM7.047 21.516c0.031-0.094-0.063-0.203-0.203-0.25-0.125-0.031-0.266 0.016-0.297 0.109s0.063 0.203 0.203 0.234c0.125 0.047 0.266 0 0.297-0.094zM8.031 21.594c0-0.109-0.125-0.187-0.266-0.172-0.141 0-0.25 0.078-0.25 0.172 0 0.109 0.109 0.187 0.266 0.172 0.141 0 0.25-0.078 0.25-0.172zM8.937 21.438c-0.016-0.094-0.141-0.156-0.281-0.141-0.141 0.031-0.234 0.125-0.219 0.234 0.016 0.094 0.141 0.156 0.281 0.125s0.234-0.125 0.219-0.219z"></path>
+</svg>

data/_includes/svg/search.svg

@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
+    <path d="M0 0h24v24H0z" fill="none"/>
+</svg>

data/_includes/svg/tags.svg

@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"/>
+</svg>

data/_includes/tags-list.html

@@ -0,0 +1,41 @@
+<!-- See https://blog.lanyonm.org/articles/2013/11/21/alphabetize-jekyll-page-tags-pure-liquid.html -->
+<!-- With added pipe to handle lack of sort_natural -->
+{% capture site_tags %}{% for tag in site.tags %}{{ tag | first | downcase }}|{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+<!-- site_tags: {{ site_tags }} -->
+{% assign tag_words = site_tags | split:',' | sort %}
+<!-- tag_words: {{ tag_words }} -->
+
+<div id="tags-page">
+  <div class="tags-list">
+    {% for tag_pair in tag_words %}
+    {% assign tag = tag_pair | split:'|' | last %}
+    <a href="#{{ tag | slugify }}" class="tag-link">
+      <span class="tag-name">{{ tag }}</span>
+      <span class="tag-count">{{ site.tags[tag] | size }}</span>
+    </a>
+    {% endfor %}
+  </div>
+
+  <hr/>
+
+  <div class="posts-by-tag">
+    {% for tag_pair in tag_words %}
+    {% assign tag = tag_pair | split:'|' | last %}
+    <div id="{{ tag | slugify }}" class="posts-for-tag">
+      <h2>{{ tag }}</h2>
+      <ul class="posts-list">
+        {% for post in site.tags[tag] %}
+          <li>
+            <h3>
+              <a href="{{ post.url | relative_url }}">
+                {{ post.title }}
+                <small>{{ post.date | date_to_string }}</small>
+              </a>
+            </h3>
+          </li>
+        {% endfor %}
+      </ul>
+    </div>
+    {% endfor %}
+  </div>
+</div>