minimal-jekyll-theme 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f4e3df09d7b82473a805232d7225079c6b4989de
-  data.tar.gz: 69c4c268a07430912d708ef3f7e752ed33e3394b
+  metadata.gz: 2c539dcfc6a4231c62aa3cdf1979c3605adf48a5
+  data.tar.gz: be131b6ddb7953d342c39eae870f737d9ad268b5
 SHA512:
-  metadata.gz: 027123066cea5006e0b1c1d8e26916cb1ebb806e9bca0a2a8f82768c4b96b4bbf6bddeeecdae72fc2ce7e3e6b40e232a8541ae38da0d36dba4c9d06c6d041fda
-  data.tar.gz: b34d3fb981aca041b91e37b175981eb398026d587dab513ff4171c99cbf779fc1aee1e7845e128794ab39feed41ec60fa686dbef841df5055f138ae056d4e4ed
+  metadata.gz: 47e403cd4d2f61755527187209bdffcde90bf658edcf9a43ce266366b377bd0de03b121b2d45215e8e4245cc7447f9ae1cdb6c5575bd400f91098a6962bceeaa
+  data.tar.gz: bb9e59f5a3c94ca7054fb0329ab2416423524fc287b03feb60711dcad964ade1008821f1ce48f4afabc0aa38626c6c46a45bd09c0a3cee109765042b243821cd

data/CHANGELOG.md

@@ -0,0 +1 @@
+

data/LICENSE.txt

@@ -0,0 +1,5 @@
+
+Copyright (c) 2017 Desired Persona
+
+Creative Commons Attribution 4.0
+https://creativecommons.org/licenses/by/4.0/

data/README.md

@@ -0,0 +1,54 @@
+# Minimal Jekyll Theme
+
+**Subscribe to my [Newsletter for more Themes](https://desiredpersona.com/themes).**
+
+## Homepage Layout With Latest Blog Posts
+![Minimal Jekyll Theme - homepage layout](/screenshot.png)
+
+## Post Layout With Hero Image And Call-To-Action
+![Minimal Jekyll Theme - Post layout with hero image and cta](/screenshot-post-hero.png)
+
+## Post Layout
+![Minimal Jekyll Theme - Post layout](/screenshot-post-layout.png)
+
+
+## Features
+
+- Compatible with Jekyll 3.4.x and GitHub Pages.
+- Support for Jekyll's built-in Sass/SCSS preprocessor.
+- Built with [Tachyons-sass](https://github.com/tachyons-css/tachyons-sass).
+- Several layout options (one-column pages, two-column pages, posts, archive, landing pages).
+- SEO optimized using [Jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag).
+- Optional [Disqus comments](https://disqus.com/).
+- Optional analytics ([Google Analytics](https://www.google.com/analytics/) and custom).
+- Multiple author support.
+- System-fonts
+
+
+## Installation
+
+Please read the [theme documentation](https://github.com/desiredpersona/minimal-jekyll-theme/tree/master/example/_docs)
+
+
+## Credits
+
+### Creator
+
+Desired Persona
+
+- <https://desiredpersona.com>
+- <https://twitter.com/desiredpersona>
+- <https://github.com/desiredpersona>
+
+### Thanks to:
+
+- [Jekyll](http://jekyllrb.com)
+- [Tachyons](http://tachyons.io)
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at [https://github.com/desiredpersona/minimal-jekyll-theme](https://github.com/desiredpersona/minimal-jekyll-theme).
+
+## License
+
+The theme is available as open source under the terms of the [Creative Commons Attribution 4.0 (CC-BY-4.0)](https://creativecommons.org/licenses/by/4.0/).

data/_includes/author_bio.html

@@ -0,0 +1,39 @@
+{% if page.author_bio != false %}
+
+{% if page.author and site.data.authors[page.author] %}
+  {% assign author = site.data.authors[page.author] %}
+{% else %}
+  {% assign author = site.author %}
+{% endif %}
+
+<div class="flex flex-row w-100 mt2 lh-copy bt b--light-gray pv3" itemscope itemtype="http://schema.org/Person">
+  <div class="flex items-start">
+    {% if author.url contains "://" %}
+    <a href="{{ author.url }}" target="_blank"><img src="{{ author.avatar }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+    {% else %}
+    <a href="{{ author.url | relative_url }}"><img src="{{ author.avatar | absolute_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+    {% endif %}
+  </div>
+
+  <div class="flex flex-column w-90 pl2 pl3-ns">
+    <div class="flex flex-row">
+      {% if author.url contains "://" %}
+      <a class="f5 f4-ns fw4 link lh-title black mr2" href="{{ author.url }}" target="_blank">{{ author.name }}</a>
+      {% else %}
+      <a class="f5 f4-ns fw4 link lh-title black mr2" href="{{ author.url | relative_url }}">{{ author.name }}</a>
+      {% endif %}
+
+      {% if author.cta_url contains "://" %}
+      <a class="flex items-center f6 fw3 link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url }}" target="_blank">{{ author.cta | default: "Subscribe" }}</a>
+      {% else %}
+      <a class="flex items-center f6 fw3 link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url | relative_url }}" target="_blank">{{ author.cta | default: "Subscribe" }}</a>
+      {% endif %}
+    </div>
+
+
+    <div class="f6 f5-ns fw3 lh-copy light-silver">{{ author.bio }}</div>
+  </div>
+
+</div>
+
+{% endif %}

data/_includes/category_tag_list.html

@@ -0,0 +1,20 @@
+{% if page.category_tag_list != false %}
+<div class="flex flex-row justify-start flex-wrap list mb2">
+  {% if post %}
+    {% assign categories = post.categories %}
+    {% assign tags = post.tags %}
+  {% else %}
+    {% assign categories = page.categories %}
+    {% assign tags = page.tags %}
+  {% endif %}
+
+  {% for category in categories %}
+    <a class="f6 br1 mt2 mr1 pa2 link black-60 hover-dark-gray bg-near-white hover-bg-black-10" href="{{ "/categories/" | absolute_url }}#{{ category | slugify }}">{{ category }}</a>
+  {% endfor %}
+
+  {% for tag in tags %}
+    <a class="f6 br1 mt2 mr1 pa2 link black-60 hover-dark-gray bg-near-white hover-bg-black-10" href="{{ "/tags/" | absolute_url }}#{{ tag | slugify }}">{{ tag }}</a>
+  {% endfor %}
+
+</div>
+{% endif %}

data/_includes/disqus_comments.html

@@ -0,0 +1,17 @@
+{% if page.comments != false %}
+
+  <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.data.theme.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>
+{% endif %}

data/_includes/figure

@@ -0,0 +1,12 @@
+<figure class="{{ include.class }}">
+  <img src=
+    {% if include.image_path contains "://" %}
+      "{{ include.image_path }}"
+    {% else %}
+      "{{ include.image_path | absolute_url }}"
+    {% endif %}
+    alt="{% if include.alt %}{{ include.alt }}{% endif %}">
+  {% if include.caption %}
+    <figcaption>{{ include.caption | markdownify | remove: "<p>" | remove: "</p>" }}</figcaption>
+  {% endif %}
+</figure>

data/_includes/footer.html

@@ -0,0 +1,20 @@
+<footer class="flex justify-start items-baseline {% if page.sidebar %}mw8{% else %}mw7{% endif %} center w-100 ph3 ph4-m mt4 mb2 lh-copy">
+  <nav class="flex flex-row flex-wrap">
+    <span class="f7 fw3 light-silver mr3 ttc"><a href="{{ '/' | absolute_url }}" class="f7 fw5 b light-silver link underline-hover" title="{{ site.title }}">{{ site.title | capitalize }}</a> &copy; {{ site.time | date: '%Y' }}</span>
+    
+    {% if site.data.theme.navigation.footer %}
+    {% for link in site.data.theme.navigation.footer %}
+    {% if link.url contains 'http' or 'mailto' %}
+      {% assign domain = '' %}
+    {% else %}
+      {% assign domain = site.url | append: site.baseurl %}
+    {% endif %}
+    <a href="{{ domain }}{{ link.url }}" class="f7 fw3 light-silver link underline-hover mr3" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title | capitalize }}</a>
+    {% endfor %}
+    {% endif %}
+
+    {% if site.data.theme.attribution == true %}
+    <span class="f7 fw3 light-silver mr3">Designed with <a href="https://desiredpersona.com/themes/" class="f7 fw3 light-silver link underline-hover mr3" target="_blank">Minimal</a></span>
+    {% endif %}
+  </nav>
+</footer>

data/_includes/head.html

@@ -0,0 +1,46 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Meta Robots Tag -->
+  {% if page.meta_robots %}<meta name="robots" content="{{ page.meta_robots }}">{% else %}<meta name="robots" content="all">{% endif %}
+
+  <!-- Site Author -->
+  <meta name="author" content="{{ site.author }}">
+
+  <!-- Atom Feed -->
+  <link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | relative_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
+  
+  <!-- Stylesheet -->
+  <link rel="stylesheet" href="{{ '/assets/css/minimal.css' | relative_url }}">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="/favicon.png">
+
+  <!-- Analytics -->
+  {% if site.google_analytics and jekyll.environment == 'production' %}
+  {% include analytics.html %}
+  {% endif %}
+
+  {% if site.google_site_verification %}
+  <meta name="google-site-verification" content="{{ site.google_site_verification }}">
+  {% endif %}
+
+  {% if site.bing_site_verification %}
+  <meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
+  {% endif %}
+
+  {% if site.fb_page %}
+  <meta property="fb:pages" content="{{ site.fb_page_id }}">
+  {% endif %}
+
+  <!-- SEO -->
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+
+  {% if page.categories %}
+  <meta name="keywords" content="{{ page.categories | join: ', ' }}">
+  {% endif %}
+
+  {% seo %}
+</head>

data/_includes/header.html

@@ -0,0 +1,38 @@
+{% unless page.header.navigation == 'fancy' %}
+{% include navigation.html %}
+{% endunless %}
+
+
+{% if page.header.layout == 'hero' %}
+<header class="flex flex-column cover w-100 vh-50 vh-75-l bg-left bg-center-l" style="background-image: url({{ page.header.image | absolute_url }})">
+  {% if page.header.navigation == 'fancy' %}
+  {% include navigation.html %}
+  {% endif %}
+  <div class="flex flex-auto flex-column justify-center">
+    <div class="flex flex-column items-start items-center-l mw9 mw7-m center w-100 ph3 ph4-ns">
+      <h1 class="f2 f1-l fw6 lh-title white mv0">{{ page.title }}</h1>
+      {% if page.subtitle %}
+      <h2 class="f4 f3-l fw3 white-90 mt3 mb3">{{ page.subtitle }}</h2>
+      {% endif %}
+
+      {% if page.header.cta_url contains "://" %}
+      <a class="f5 f4-ns no-underline dib grow{% if page.header.cta.class %}{{ page.header.cta.class | join: ' ' | prepend: ' ' }}{% else %}{{ site.data.theme.ui.header.cta.class | join: ' ' | prepend: ' ' }}{% endif %} ph4 pv3 mb3" href="{{ page.header.cta_url }}" target="_blank" rel="nofollow">{{ page.header.cta }}</a>
+      {% elsif page.header.cta_url %}
+      <a class="f5 f4-ns no-underline dib grow{% if page.header.cta.class %}{{ page.header.cta.class | join: ' ' | prepend: ' ' }}{% else %}{{ site.data.theme.ui.header.cta.class | join: ' ' | prepend: ' ' }}{% endif %} ph4 pv3 mb3" href="{{ page.header.cta_url | absolute_url }}">{{ page.header.cta }}</a>
+      {% endif %}
+    </div>
+  </div>
+</header>
+
+{% elsif page.header.layout == 'header' %}
+<header class="flex flex-column cover w-100 vh-50 vh-75-l bg-left bg-center-l" style="background-image: url({{ page.header.image | absolute_url }})">
+  {% if page.header.navigation == 'fancy' %}
+  {% include navigation.html %}
+  {% endif %}
+</header>
+{% endif %}
+
+
+{% if page.header.attribution %}
+<span class="flex flex-row justify-center f6 fw3 light-silver pv2 ph3">{{ site.data.theme.text.attribution }}&colon;&nbsp; {{ page.header.attribution | markdownify | remove: "<p>" | remove: "</p>" }}</span>
+{% endif %}

data/_includes/navigation.html

@@ -0,0 +1,26 @@
+<div class="flex-l justify-between items-center mw7 mw8-l w-100 {% if page.sidebar %}center-l{% else %}center{% endif %} pa3 ph4-m">
+{% if page.header.navigation == 'fancy' %}
+<a class="white link f2 f3-l fw4 dim mr3" href="{{ '/' | absolute_url }}" title="Home">{{ site.title }}</a>
+{% else %}
+<a class="black link f2 f3-l fw4 dim mr3" href="{{ '/' | absolute_url }}" title="Home">{{ site.title }}</a>
+{% endif %}
+
+  <div class="flex-l items-center">
+    <nav class="nowrap overflow-x-auto">
+    {% for link in site.data.theme.navigation.main %}
+    {% if link.url contains 'http' or 'mailto' %}
+    {% assign domain = '' %}
+    {% else %}
+    {% assign domain = site.url | append: site.baseurl %}
+    {% endif %}
+
+    {% if page.header.navigation == 'fancy' %}
+    <a href="{{ domain }}{{ link.url }}" class="white link dim f4 f5-ns fw3 mr3 mt2" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a>
+    {% else %}
+    <a href="{{ domain }}{{ link.url }}" class="black link dim f4 f5-ns fw3 mr3 mt2" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a>
+    {% endif %}
+
+    {% endfor %}
+    </nav>
+  </div>
+</div>

data/_includes/newsletter.html

@@ -0,0 +1,19 @@
+<div class="mb4 measure-narrow">
+  <form action="{{ page.newsletter.url }}" method="POST" target="_blank" accept-charset="utf-8">
+
+      <div class="mt2">
+        <label class="db f6 fw4 lh-copy" for="name">First name</label>
+        <input class="f5 f4-ns fw3 pa2 ba bg-white w-100 input-reset" type="text" name="name"  id="name">
+      </div>
+
+      <div class="mt3">
+        <label class="db f6 fw4 lh-copy" for="email">Email address</label>
+        <input class="f5 f4-ns fw3 pa2 ba bg-white w-100 input-reset" type="text" name="email"  id="email">
+      </div>
+
+    <div class="mt3">
+      <input type="hidden" name="list" value="{{ page.newsletter.list }}">
+      <input class="f6 f5-ns fw4 white pa2 ba b--green bg-green w-100 grow pointer input-reset" type="submit" name="submit" value="Subscribe">
+    </div>
+  </form>
+</div>

data/_includes/post_meta.html

@@ -0,0 +1,49 @@
+{% if page.post_meta != false %}
+
+{% if page.author and site.data.authors[page.author] %}
+  {% assign author = site.data.authors[page.author] %}
+{% else %}
+  {% assign author = site.author %}
+{% endif %}
+
+
+<div class="flex flex-row w-100 mt4 lh-copy">
+  <div class="flex self-center">
+    {% if author.url contains "://" %}
+      <a href="{{ author.url }}" target="_blank"><img src="{{ author.avatar }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+    {% else %}
+      <a href="{{ author.url | relative_url }}"><img src="{{ author.avatar | absolute_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+    {% endif %}
+  </div>
+
+  <div class="flex flex-column self-center w-90 pl2 pl3-ns">
+    <div class="flex flex-row items-center">
+      {% if author.url contains "://" %}
+      <a class="f5 fw4 lh-copy link lh-title black mr2" href="{{ author.url }}" target="_blank">{{ author.name }}</a>
+      {% else %}
+      <a class="f5 fw4 lh-copy link lh-title black mr2" href="{{ author.url | relative_url }}">{{ author.name }}</a>
+      {% endif %}
+
+      {% if author.cta_url contains "://" %}
+      <a class="f6 fw3 lh-copy link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url }}" target="_blank">{{ author.cta | default: "Subscribe" }}</a>
+      {% else %}
+      <a class="f6 fw3 lh-copy link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url | relative_url }}">{{ author.cta | default: "Subscribe" }}</a>
+      {% endif %}
+    </div>
+
+    <div class="flex flex-wrap f6 fw3 lh-copy light-silver">{{ author.post_meta_bio }}</div>
+
+    <div class="f6 fw3 lh-copy light-silver">
+      {% if page.last_modified_at %}
+      <span>{{ site.data.theme.text.updated }} {{ page.last_modified_at | date: site.date_format }}</span>
+      {% else %}
+      <span>{{ page.date | date: site.date_format }}</span>
+      {% endif %}
+
+      <span class="ttl"> &middot;
+        {% include read_time.html %}
+      </span>
+    </div>
+  </div>
+</div>
+{% endif %}

data/_includes/read_time.html

@@ -0,0 +1,18 @@
+{% if post %}
+  {% assign words = post.content | strip_html | number_of_words %}
+{% elsif page %}
+  {% assign words = page.content | strip_html | number_of_words %}
+{% endif %}
+
+
+{% if site.data.theme.text.words_per_minute %}
+  {% if words < 180 %}
+	  {{ site.data.theme.text.less_than | default: "less than" }} 1 {{ site.data.theme.text.minute_read | default: "min read" }}
+	{% elsif words < 360 %}
+	  1 {{ site.data.theme.text.minute_read | default: "min read" }}
+	{% else %}
+	  {{ words | divided_by:site.data.theme.text.words_per_minute }} {{ site.data.theme.text.minute_read | default: "min read" }}
+	{% endif %}
+{% else %}
+  {{ site.data.theme.text.undefined_wpm }}
+{% endif %}

data/_includes/share_icons.html

@@ -0,0 +1,30 @@
+{% if page.share_icons != false %}
+<div class="flex flex-row justify-end">
+
+{% if site.twitter_icon != false  %}
+  <a class="link black-60 hover-dark-gray w2 ml3" href="https://twitter.com/intent/tweet?{% if site.text.twitter.username %}via={{ site.text.twitter.username }}&{% endif %}text={{ page.title }} {{ page.url | absolute_url }}" title="Share on Twitter" aria-hidden="true">
+    <svg viewBox="0 0 20 20" data-icon="twitter" style="fill:currentcolor">
+      <path xmlns="http://www.w3.org/2000/svg" d="M14.467,6.707c-0.34,0.198-0.715,0.342-1.115,0.419c-0.318-0.335-0.775-0.545-1.279-0.545c-0.969,0-1.754,0.773-1.754,1.727c0,0.135,0.015,0.267,0.045,0.394C8.905,8.628,7.612,7.94,6.747,6.896C6.596,7.151,6.509,7.448,6.509,7.764c0,0.599,0.31,1.128,0.78,1.438C7.002,9.192,6.732,9.115,6.495,8.985c0,0.007,0,0.014,0,0.021c0,0.837,0.605,1.535,1.408,1.694c-0.147,0.04-0.302,0.06-0.462,0.06c-0.113,0-0.223-0.011-0.33-0.031c0.223,0.687,0.871,1.186,1.638,1.199c-0.6,0.464-1.356,0.739-2.179,0.739c-0.142,0-0.281-0.007-0.418-0.023c0.777,0.489,1.699,0.775,2.689,0.775c3.228,0,4.991-2.63,4.991-4.913c0-0.075-0.002-0.149-0.004-0.223c0.342-0.244,0.639-0.547,0.875-0.894c-0.316,0.137-0.652,0.23-1.008,0.272C14.057,7.448,14.336,7.11,14.467,6.707 M10,0.594c-5.195,0-9.406,4.211-9.406,9.406c0,5.195,4.211,9.406,9.406,9.406c5.196,0,9.407-4.211,9.407-9.406C19.406,4.805,15.195,0.594,10,0.594 M10,18.552c-4.723,0-8.551-3.829-8.551-8.552S5.277,1.449,10,1.449c4.723,0,8.551,3.829,8.551,8.551S14.723,18.552,10,18.552"></path>
+    </svg>
+  </a>
+{% endif %}
+
+{% if site.facebook_icon != false  %}
+  <a class="link black-60 hover-dark-gray w2 ml3" href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}" title="Share on Facebook" aria-hidden="true">
+    <svg viewBox="0 0 20 20" data-icon="facebook" style="fill:currentcolor">
+      <path xmlns="http://www.w3.org/2000/svg" d="M10,0.5c-5.247,0-9.5,4.253-9.5,9.5c0,5.247,4.253,9.5,9.5,9.5c5.247,0,9.5-4.253,9.5-9.5C19.5,4.753,15.247,0.5,10,0.5 M10,18.637c-4.77,0-8.636-3.867-8.636-8.637S5.23,1.364,10,1.364S18.637,5.23,18.637,10S14.77,18.637,10,18.637 M10.858,7.949c0-0.349,0.036-0.536,0.573-0.536h0.719v-1.3H11c-1.38,0-1.866,0.65-1.866,1.743v0.845h-0.86V10h0.86v3.887h1.723V10h1.149l0.152-1.299h-1.302L10.858,7.949z"></path>
+    </svg>
+  </a>
+
+{% endif %}
+
+{% if site.google_plus_icon != false  %}
+  <a class="link black-60 hover-dark-gray w2 ml3" href="https://plus.google.com/share?url={{ page.url | absolute_url }}" title="Share on Google+" aria-hidden="true">
+    <svg viewBox="0 0 20 20" data-icon="google plus" style="fill:currentcolor">
+      <path xmlns="http://www.w3.org/2000/svg" d="M10,0.562c-5.212,0-9.438,4.226-9.438,9.438c0,5.213,4.226,9.438,9.438,9.438c5.212,0,9.438-4.225,9.438-9.438C19.438,4.788,15.212,0.562,10,0.562 M10,18.58c-4.738,0-8.58-3.841-8.58-8.58c0-4.738,3.842-8.58,8.58-8.58c4.737,0,8.579,3.841,8.579,8.58C18.579,14.739,14.737,18.58,10,18.58 M10.033,10.346C9.813,10.183,9.608,9.94,9.6,9.865c0-0.128,0-0.188,0.303-0.435c0.393-0.322,0.609-0.745,0.609-1.192c0-0.387-0.108-0.731-0.293-0.982h0.164l0.908-0.688H8.832c-0.986,0-1.851,0.774-1.851,1.657c0,0.912,0.667,1.604,1.565,1.642C8.533,9.933,8.525,9.996,8.525,10.06c0,0.131,0.03,0.257,0.09,0.378c-1.113,0.007-2.05,0.752-2.05,1.632c0,0.789,0.902,1.362,2.145,1.362c1.343,0,2.067-0.84,2.067-1.631C10.778,11.143,10.576,10.748,10.033,10.346 M8.026,8.198C7.985,7.869,8.054,7.565,8.212,7.384c0.096-0.11,0.22-0.169,0.358-0.169V7.036l0.016,0.179c0.412,0.014,0.807,0.501,0.88,1.086c0.042,0.335-0.03,0.647-0.191,0.833c-0.096,0.11-0.217,0.169-0.367,0.168h0C8.503,9.29,8.1,8.784,8.026,8.198 M8.707,12.749c-0.612,0-1.093-0.394-1.093-0.897c0-0.461,0.562-0.865,1.202-0.865v-0.18h0l0.017,0.18c0.138,0.002,0.272,0.022,0.399,0.062l0.126,0.092c0.326,0.231,0.498,0.363,0.549,0.575c0.013,0.056,0.019,0.111,0.019,0.167C9.927,12.458,9.517,12.749,8.707,12.749M13.43,6.993h-0.858v1.288H11.28V9.14h1.291v1.283h0.858V9.14h1.293V8.281H13.43V6.993z"></path>
+    </svg>
+  </a>
+{% endif %}
+
+</div>
+{% endif %}

data/_includes/sidebar.html

@@ -0,0 +1,17 @@
+  <aside class="pa3 ph4-m w-100 w-25-l">
+
+    {% if page.sidebar.navigation %}
+    <h3>{{ page.sidebar.title }}</h3>
+      <ul class="pl0 list ttc">
+      {% for link in site.data.theme.navigation[page.sidebar.navigation] %}
+      {% if link.url contains 'http' or 'mailto' %}
+      {% assign domain = '' %}
+      {% else %}
+        {% assign domain = site.url | append: site.baseurl %}
+      {% endif %}
+      <li><a href="{{ domain }}{{ link.url }}" class="f5 fw3 lh-copy link underline-hover" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+      {% endfor %}
+      </ul>
+    {% endif %}
+
+  </aside>