geekspace 3.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 598361057f1c0ffc20c81ca54867c63aaa267175b92905a743fb7c22f1fbc89e
+  data.tar.gz: 73b618eb97c117cc19c9086c76340f16b240ab000c4504d1224492dc1a431244
+SHA512:
+  metadata.gz: 5b35caf5a20465a152791726096edad693b7be7abafd6abd8782690fcaa41b995c9dc33848c5042d7dd4ee439f160e61ea951e64fc9c61b3b95d74abc098e783
+  data.tar.gz: ba47ce53d9c212d050328923e8b5f81e9243258c9392bf87f2e8b398e84c61da5b84a873f908ce4d614f2676cf94d720ff7f7f8f2ef44dc1467e046e663e712c

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Heiswayi Nrird
+
+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,15 @@
+# Geek space
+
+> Geek space is just a minimalist Jekyll theme which designed for technical writing blog.
+
+This theme is build on top of https://github.com/heiswayi/thinkspace, with changes insired by a custom version of [CODE SPACE Tumblr Theme](https://github.com/doersino/Tumblr-Themes/tree/master/CODE%26SPACE)
+
+[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) ![GENERATOR](https://img.shields.io/badge/made_with-jekyll-blue.svg) ![VERSION](https://img.shields.io/badge/current_version-3.1.1-green.svg) ![TRAVIS-CI](https://travis-ci.org/alessinossa/geekspace.svg?branch=master)
+
+[//]: # - **Demo:** https://alessionossa.github.io/geekspace/
+
+![SCREENSHOT](https://i.imgur.com/1YS078k.png)
+
+## License
+
+[MIT](LICENSE)

data/_includes/comments.html

@@ -0,0 +1,28 @@
+{% if site.comments_enabled and page.comments %}
+  <aside id="comments" class="disqus">
+
+    <div class="container">
+      <h3><i class="icon icon-comments-o"></i> Comments</h3>
+      <div id="disqus_thread"></div>
+
+      <script type="text/javascript">
+        var disqus_shortname = '{{ site.disqus_shortname }}';
+        var disqus_identifier = '{{ page.id }}';
+        var disqus_title = '{{ page.title }}';
+        var disqus_url = '{{ page.url | prepend: site.baseurl | prepend: site.url }}';
+        /*var disqus_developer = 1;*/
+
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+      </script>
+
+      <noscript>
+        Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a>
+      </noscript>
+    </div>
+
+  </aside>
+{% endif %}

data/_includes/foot.html

@@ -0,0 +1,11 @@
+<script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', '{{ site.google_analytics }}']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+</script>

data/_includes/footer.html

@@ -0,0 +1,5 @@
+<footer class="site-footer">
+  <div class="container">
+    <small class="block">&copy; {{ site.time | date: '%Y' }} {{ site.author.name }} &middot; &lt;/&gt; Powered by <a href="https://jekyllrb.com/">Jekyll</a> and <a href="https://github.com/alessionossa/geekspace">Geek space theme</a></small>
+  </div>
+</footer>

data/_includes/head.html

@@ -0,0 +1,99 @@
+<head>
+  <meta charset="utf-8">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  {% assign page_title = '' %}
+  {% if page.title == "Home" %}
+      {% capture page_title %}
+        {{ site.title_left }}{{ site.title_right }} | {{ site.description }}
+        {%if paginator and paginator.page != 1 %} - {{ paginator.page }}{% endif %}
+      {% endcapture %}
+  {% else %}
+      {% capture page_title %}
+          {%if page.slug == 'category' %}Category: {% endif %}
+          {%if page.slug == 'tag' %}Tag: {% endif %} {{ page.title }} | {{ site.title_left }}{{ site.title_right }}
+      {% endcapture %}
+  {% endif %}
+  {% capture page_title %}
+      {{ page_title | strip | rstrip | lstrip | escape | strip_newlines }}
+  {% endcapture %}
+
+  <title>{{ page_title }}</title>
+
+  {% assign page_description = '' %}
+  {% capture page_description %}
+      {% if page.description %}
+          {{ page.description | strip_html | strip | rstrip | strip_newlines | truncate: 160 }}
+      {% else %}
+          {{ site.description }}
+      {% endif %}
+      {%if paginator and paginator.page != 1 %} - {{ paginator.page }} {% endif %}
+      {%if page.slug == 'category' %} Category: {{ page.title }}{% endif %}
+      {%if page.slug == 'tag' %} Tag: {{ page.title }}{% endif %}
+  {% endcapture %}
+
+  {% capture page_description %}
+      {{ page_description | strip | rstrip | lstrip | escape | strip_newlines }}
+  {% endcapture %}
+
+  <meta name="description" content="{{ page_description }}">
+  <meta name="keywords" content="{% if page.keywords %}{{ page.keywords }}{% else %}{{ site.keywords }}{% endif %}">
+
+  <meta name="HandheldFriendly" content="True">
+  <meta name="MobileOptimized" content="320">
+
+  {% assign page_image = '' %}
+  {% capture page_image %}
+      {% if page.cover %}
+          {{ page.cover | prepend: site.baseurl | prepend: site.url }}
+      {% else %}
+          {{ site.cover | prepend: site.baseurl | prepend: site.url }}
+      {% endif %}
+  {% endcapture %}
+  {% capture page_image %}{{ page_image | strip | rstrip | lstrip | escape | strip_newlines }}{% endcapture %}
+
+  <!-- Social: Facebook / Open Graph -->
+{% if page.id %}
+  <meta property="og:type" content="article">
+  <meta property="article:author" content="{{ site.author.name }}">
+  <meta property="article:section" content="{{ page.categories | join: ', ' }}">
+  <meta property="article:tag" content="{{ page.keywords }}">
+  <meta property="article:published_time" content="{{ page.date }}">
+{% else%}
+  <meta property="og:type" content="website">
+{% endif %}
+  <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <meta property="og:title" content="{{ page_title }}">
+  <meta property="og:image" content="{{ page_image }}">
+  <meta property="og:description" content="{{ page_description }}">
+  <meta property="og:site_name" content="{{ site.author.name }}">
+  <meta property="og:locale" content="en_US">
+
+  <!-- Social: Twitter -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="{{ site.twitter_username }}">
+  <meta name="twitter:title" content="{{ page_title }}">
+  <meta name="twitter:description" content="{{ page_description }}">
+  <meta name="twitter:image:src" content="{{ page_image }}">
+
+  <!-- Social: Google+ / Schema.org  -->
+  <meta itemprop="name" content="{{ page_title }}">
+  <meta itemprop="description" content="{{ page_description }}">
+  <meta itemprop="image" content="{{ page_image }}">
+
+  <!-- Canonical link tag -->
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title_left }}{{ site.title_right }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+
+  <!-- rel prev and next -->
+  {% if paginator.previous_page %}
+    <link rel="prev" href="{{ paginator.previous_page_path | prepend: site.baseurl | prepend: site.url }}">
+  {% endif %}
+  {% if paginator.next_page %}
+    <link rel="next" href="{{ paginator.next_page_path | prepend: site.baseurl | prepend: site.url }}">
+  {% endif %}
+
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl | prepend: site.url }}">
+</head>

data/_includes/header.html

@@ -0,0 +1,3 @@
+<header class="site-header">
+  {% include nav.html %}
+</header>

data/_includes/intro.html

@@ -0,0 +1,6 @@
+<section class="intro">
+  <div class="back"></div>
+  <div class="container">
+    <p class="lead">Hi, I'm Alessio Nossa. I do stuffs with computer and sometimes write about it here. I'm from Bergamo, Italy.</p>
+  </div>
+</section>

data/_includes/nav.html

@@ -0,0 +1,17 @@
+
+  <header class="container">
+    <div class="site-title">
+      <h1>
+        <a href="{{ '/' | prepend: site.baseurl | prepend: site.url }}">{{ site.title }}</a>
+      </h1>
+      {% if site.logo %}
+        <img class="site-logo" src="{{ site.logo | prepend: site.baseurl}}">
+      {% endif %}
+    </div>
+    <nav class="nav">
+      <ul class="navbar">
+        <li><a href="{{ '/about' | prepend: site.baseurl | prepend: site.url }}">About me</a></li>
+        <li><a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" target="_blank">RSS</a></li>
+      </ul>
+    </nav>
+  </header>

data/_includes/pagination.html

@@ -0,0 +1,23 @@
+{% if paginator.total_pages > 1 %}
+<nav class="pagination" role="pagination">
+  <ul>
+    {% if paginator.previous_page %}
+      <li>
+        <a class="pagination-item prev"
+          href="{{ paginator.previous_page_path | relative_url }}">
+          &laquo; Newer
+        </a>
+      </li>
+    {% endif %}
+    <li><span class="page-number">Page {{paginator.page}} of {{paginator.total_pages}}</span></li>
+    {% if paginator.next_page %}
+      <li>
+        <a class="pagination-item next"
+          href="{{ paginator.next_page_path | relative_url }}">
+          Older &raquo;
+        </a>
+      </li>
+    {% endif %}
+  </ul>
+</nav>
+{% endif %}

data/_includes/post-share.html

@@ -0,0 +1,8 @@
+{% if site.postshare_enabled %}
+<aside class="share">
+
+  <p>If you liked this article and think others should read it, please share it on <a href="http://twitter.com/share?text={{page.title}}&amp;url={{ page.url | prepend: site.baseurl | prepend: site.url }}&amp;via={{ site.twitter_username }}"
+  onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">Twitter</a> or <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | prepend: site.baseurl | prepend: site.url }}" onclick="window.open(this.href, 'facebook-share', 'width=550,height=235');return false;">Facebook</a>.</p>
+
+</aside>
+{% endif %}

data/_layouts/compress.html

@@ -0,0 +1,11 @@
+---
+# Jekyll layout that compresses HTML
+# v2.1.0
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ 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 p rt rp 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.ignore.whitespaces %}{% assign _random = site.time | date: "%s%N" %}{% if site.compress_html.ignore.whitespaces contains "SPACE" %}{% capture _ignore_space %} {% endcapture %}{% capture _freeze_space %}space{{ _random }}{% endcapture %}{% capture _join %}
+{% endcapture %}{% else %}{% capture _ignore_space %}{% endcapture %}{% capture _freeze_space %}{% endcapture %}{% capture _join %} {% endcapture %}{% endif %}{% if site.compress_html.ignore.whitespaces contains "LINE FEED" %}{% capture _ignore_line_feed %}
+{% endcapture %}{% capture _freeze_line_feed %}line_feed{{ _random }}{% endcapture %}{% else %}{% capture _ignore_line_feed %}{% endcapture %}{% capture _freeze_line_feed %}{% endcapture %}{% endif %}{% if site.compress_html.ignore.whitespaces contains "CHARACTER TABULATION" %}{% capture _ignore_character_tabulation %}	{% endcapture %}{% capture _freeze_character_tabulation %}character_tabulation{{ _random }}{% endcapture %}{% else %}{% capture _ignore_character_tabulation %}{% endcapture %}{% capture _freeze_character_tabulation %}{% endcapture %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% if _pres.size != 0 %}{% if site.compress_html.ignore.whitespaces %}{% assign _pres_after = _pres.last | replace: _ignore_space, _freeze_space | replace: _ignore_line_feed, _freeze_line_feed | replace: _ignore_character_tabulation, _freeze_character_tabulation | split: " " | join: _join | replace: _freeze_character_tabulation, _ignore_character_tabulation | replace: _freeze_line_feed, _ignore_line_feed | replace: _freeze_space, _ignore_space %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% case _pres.size %}{% when 2 %}{% capture _content %}{{ _content }}<pre{{ _pres.first }}</pre>{{ _pres_after }}{% endcapture %}{% when 1 %}{% capture _content %}{{ _content }}{{ _pres_after }}{% endcapture %}{% endcase %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _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 %}{% assign _comment_befores = _content | split: _comments.first %}{% for _comment_before in _comment_befores %}{% assign _comment_content = _comment_before | split: _comments.last | first %}{% if _comment_content %}{% capture _comment %}{{ _comments.first }}{{ _comment_content }}{{ _comments.last }}{% endcapture %}{% assign _content = _content | remove: _comment %}{% endif %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% 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_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

data/_layouts/default.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+  <body>
+    <main class="wrapper">
+      {% include header.html %}
+      {{ content }}
+      {% include footer.html %}
+    </main>
+    {% include foot.html %}
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,47 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<section class="post-list">
+  <div class="container">
+    {% for post in paginator.posts %}
+      <article class="post-item">
+        <header class="post-header">
+            <p class="post-meta"><time datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">{{ post.date | date: "%b %-d, %Y" }}</time>{% if post.author %} &middot; <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ post.author }}</span></span>{% endif %}</p>
+            <h2 class="post-title" itemprop="name headline">
+                <a href="{{ site.baseurl }}{{ post.url }}">
+                    {{ post.title }}
+                </a>
+            </h2>
+        </header>
+        <div class="post-content" itemprop="articleBody">
+            {% if post.excerpt %}
+                {{ post.excerpt }}
+            {% else %}
+                {{ post.content }}
+            {% endif %}
+
+            {% if post.excerpt %}
+                {% comment %}Excerpt may be equal to content. Check.{% endcomment %}
+                {% capture content_words %}
+                {{ post.content | number_of_words }}
+                {% endcapture %}
+                {% capture excerpt_words %}
+                {{ post.excerpt | number_of_words }}
+                {% endcapture %}
+                
+                {% if content_words != excerpt_words %}
+                <a href="{{ post.url | relative_url }}">More &hellip;</a>
+                {% endif %}
+            {% endif %}
+          {% include post-share.html %}
+        </div>
+      </article>
+    {% endfor %}
+
+    {% include pagination.html %}
+  </div>
+
+</section>

data/_layouts/page.html

@@ -0,0 +1,12 @@
+---
+layout: default
+---
+
+<article class="page container">
+  <header class="page-header">
+    <h1 class="page-title">{{ page.title }}</h1>
+  </header>
+  <div class="page-content">
+    {{ content }}
+  </div>
+</article>

data/_layouts/post.html

@@ -0,0 +1,16 @@
+---
+layout: default
+---
+
+<article class="post container" itemscope itemtype="http://schema.org/BlogPosting">
+  <header class="post-header">
+    <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} &middot; <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
+    <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
+  </header>
+  <div class="post-content" itemprop="articleBody">
+    {{ content }}
+    {% include post-share.html %}
+  </div>
+</article>
+
+{% include comments.html %}

data/_sass/_layout.scss

@@ -0,0 +1,364 @@
+* {
+  &,
+  &:before,
+  &:after {
+    box-sizing: border-box;
+  }
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+.clearfix {
+  &:before {
+    content: " ";
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+
+  *zoom: 1;
+}
+
+body {
+  // background-color: $base-background-color;
+  background: rgb(221,211,211);
+  background: linear-gradient(160deg, rgba(221,211,211,1) 0%, rgba(224,224,255,1) 45%, rgba(169,218,228,1) 100%);
+  background-attachment: fixed;
+}
+
+footer, article {
+  margin: 4em auto;
+}
+
+hr {
+  border-top: none;
+  border-bottom: 2px solid lighten($light-gray-color, 7%);
+  width: 100%;
+  margin: $small-spacing 0;
+}
+
+article {
+  background-color: white;
+  box-shadow: 0px 0px 0px 20px white;
+}
+
+.container {
+  padding: $base-spacing;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 800px;
+  font-weight: normal;
+}
+
+.pull-left {
+  float: left;
+}
+
+.pull-right {
+  float: right;
+}
+
+.link {
+  color: $blue-color;
+  padding-bottom: .05em;
+  border-bottom: 2px solid transparent;
+
+  transition: border 300ms linear;
+  //@include transition(border 300ms linear);
+
+  &:hover,
+  &:focus,
+  &:active {
+    border-bottom: 2px solid $blue-color;
+  }
+}
+
+header {
+  text-align: left;
+  padding: 0.6em;
+}
+
+header, footer {
+  text-transform: uppercase;
+}
+
+.site-title {
+  font-size: inherit;
+  padding: 0 2em;
+  background-color: $accent-color;
+  //background: $accent-color ;
+  min-height: 128px;
+  position: relative;
+}
+
+.site-title h1 {
+  display: inline-block;
+  font-size: 4.85em;
+  background-color: transparent;
+  line-height: 1em;
+  padding: 0.27em 0 0.25em;
+  padding-right: 70px;
+  margin: 0;
+  position: relative;
+  z-index: 1000;
+}
+
+.site-title h1:hover, nav a:hover {
+  transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-15deg, 0deg);
+  font-style: normal;
+}
+
+.site-title .site-logo {
+  width: 120px;
+  top: 0px;
+  right: 0px;
+  position: absolute;
+  z-index: 500;
+}
+
+.site-title > span {
+  color: black;
+  display: inline-block;
+  padding-bottom: 1.5em;
+  text-transform: none;
+}
+.site-title > span:empty {
+  display: none;
+}
+nav ul {
+  margin-top: 0.6em;
+}
+nav li {
+  display: inline-block;
+  background-color: $accent-color;
+  margin-bottom: 0.6em;
+}
+nav a, nav input {
+  display: inline-block;
+  padding: 0.4em 0.6em;
+  background-color: transparent;
+}
+
+.intro {
+
+  position: relative;
+
+  .back {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: white;
+    opacity: 50%;
+    filter: blur(4px);
+    z-index: 10;
+  }
+
+  .author-name {
+    display: inline-block;
+    padding: 0 .2em;
+    background: lighten($light-gray-color, 15%)
+  }
+
+  a {
+    @extend .link;
+  }
+
+  .container {
+    padding-bottom: 10px;
+    position: relative;
+    z-index: 100;
+  }
+}
+
+.logo {
+  float: left;
+  margin: 0 0 1em 0;
+  cursor: pointer;
+  letter-spacing: 0.8px;
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 300;
+
+  span {
+    font-weight: 700;
+  }
+}
+
+.category-title {
+  margin: 1em 0 0.5em 0;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+.post-item {
+  margin-bottom: 0.2em;
+  display: block;
+
+  a {
+    color: $action-color;
+  }
+
+  .article-title {
+    display: inline-block;
+    width: 85%;
+    //border-bottom: 1px dashed lighten($light-gray-color, 10%);
+  }
+
+  .date-label {
+    //border: 1px solid lighten($light-gray-color, 10%);
+    padding: 0 0.2em;
+    margin-left: 1em;
+    margin-top: 2px;
+    @extend .pull-right;
+  }
+
+}
+
+.post-meta {
+  color: $medium-gray-color;
+  text-transform: uppercase;
+  display: inline-block;
+  letter-spacing: 1px;
+  // Solution adapted from https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/functions/_px-to-rem.scss
+  font-size: 14px / 16px * 1em;
+  margin-bottom: 1px;
+}
+
+.post-title {
+  margin-top: 0;
+  margin-bottom: 1em;
+  color: $dark-gray-color;
+}
+
+.post-link,
+.post a,
+.page a {
+  @extend .link;
+}
+
+.post {
+  @extend .clearfix;
+}
+
+.pagination {
+  padding: 2em;
+
+  li, a, span {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  a, span {
+    font-size: 12px / 16px * 1em;
+    padding: .5em;
+  }
+
+  .prev, .next {
+    @extend .link;
+  }
+}
+
+.share {
+  border-top: 0.2em dashed lighten($light-gray-color, 13%);
+  padding-top: $base-spacing;
+  margin-top: $base-spacing * 2;
+
+  p {
+    margin: 0 5em;
+    font-size: 14px / 16px * 1em;
+    color: $medium-gray-color;
+  }
+}
+
+.disqus {
+  background-color: lighten($light-gray-color, 16%);
+  padding: $base-spacing 0;
+
+  hr {
+    margin: $base-spacing 0;
+  }
+}
+
+.site-footer {
+  @extend .clearfix;
+
+  background-color: $accent-color;
+  
+  padding: $base-spacing 0;
+
+  a {
+    @extend .link;
+  }
+
+  small {
+    display: block;
+    font-size: 12px / 16px * 1em;
+    color: darken($medium-gray-color, 10%);
+  }
+
+  .block {
+    display: block;
+  }
+}
+
+.video-container {
+	position:relative;
+	padding-bottom:56.25%;
+	padding-top:30px;
+	height:0;
+	overflow:hidden;
+
+  iframe,
+  object,
+  embed {
+    position:absolute;
+  	top:0;
+  	left:0;
+  	width:100%;
+  	height:100%;
+  }
+}
+
+.divider {
+  border-top: 0.2em solid lighten($light-gray-color, 13%);
+  margin-bottom: $base-spacing * 2;
+  margin-top: $base-spacing * 2;
+}
+
+// This applies from 0px to 600px
+@media (max-width: 600px) {
+  .date-label {
+    float: left !important;
+    border: 0 !important;
+    margin-left: -2px !important;
+    margin-top: 2px;
+    margin-right: 1em;
+  }
+
+  .post-item {
+    padding: 0 0.5em;
+  }
+
+  .article-title {
+    border-bottom: none !important;
+  }
+
+  .post-link {
+    &:hover,
+    &:focus,
+    &:active {
+      border-bottom: 2px solid transparent;
+      color: $blue-color;
+    }
+  }
+}