Merge branch 'feature/spit-and-polish' into develop

_config.yml

@@ -16,7 +16,7 @@ baseurl                  : "/minimal-mistakes" # the subpath of your site, e.g.
 email                    : "your-email@domain.com"
 logo                     : "site-logo.png"
 teaser                   : "500x300.png"
-breadcrumbs              : true
+breadcrumbs              : # true, false (default)
 breadcrumb_home_label    : "Home"
 breadcrumb_separator     : "/"
 twitter:
@@ -35,8 +35,7 @@ comments:
   facebook:
     # https://developers.facebook.com/docs/plugins/comments
     appid                :
-    num_posts            : # 5
+    num_posts            : # 5 (default)
-    width                : # 580
     colorscheme          : # "light" (default), "dark"
 google_site_verification :
 bing_site_verification   :
@@ -249,6 +248,7 @@ author:
   steam            :
   tumblr           :
   twitter          : *twitter
+  vine             :
   weibo            :
   xing             :
   youtube          :

_data/ui-text.yml

@@ -3,6 +3,7 @@
 # English (default)
 # -----------------
 en: &DEFAULT_EN
+  page                : "Page"
   pagination_previous : "Previous"
   pagination_next     : "Next"
   toc_label           : "Overview"
@@ -14,10 +15,11 @@ en: &DEFAULT_EN
   meta_label          :
   tags_label          : "Tags:"
   categories_label    : "Categories:"
-  date_label          : "Last Updated:"
+  date_label          :
   comments_label      : "Leave a Comment"
+  more_label          : "Learn More"
   related_label       : "You May Also Enjoy"
-  follow_label        : "Follow "
+  follow_label        : "Follow:"
   feed_label          : "Feed"
   powered_by          : "Powered by"
 en_US:

_includes/archive-single.html

@@ -19,10 +19,11 @@
             {% else %}
               "{{ teaser | prepend: "/images/" | prepend: base_path }}"
             {% endif %}
-            alt="{{ page.title }}">
+            alt="">
         </div>
-        {% endif %}
+      {% endif %}
-      <h2 class="archive__item-title" itemprop="headline">{% if post.id %}{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}{% else %}{{ post.title }}{% endif %}</h2>
+      <h2 class="archive__item-title" itemprop="headline">{% if post.id %}{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}{% else %}{{ post.title }}{% endif %}{% if post.link %}<i class="fa fa-star" aria-hidden="true"></i>{% endif %}</h2>
+      {% if site.read_time and post.read_time %}<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>{% endif %}
       {% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
     </article>
   </a>

_includes/author-profile.html

@@ -18,8 +18,8 @@
   </div>
 
   <div class="author__urls-wrapper">
-    <button class="btn btn--inverse">Follow</button>
+    <button class="btn btn--inverse btn--small">Follow</button>
-    <ul class="author__urls">
+    <ul class="author__urls social-icons">
       {% if author.uri %}
         <li><a href="{{ author.uri }}" target="_blank"><i class="fa fa-fw fa-globe"></i>Website</a></li>
       {% endif %}
@@ -54,7 +54,7 @@
         <li><a href="http://stackoverflow.com/users/{{ author.stackoverflow }}" target="_blank"><i class="fa fa-fw fa-stack-overflow"></i> Stackoverflow</a></li>
       {% endif %}
       {% if author.lastfm %}
-        <li><a href="http://lastfm.com/user/{{ author.lastfm }}" target="_blank"><i class="fa fa-fw fa-music"></i> Last.fm</a></li>
+        <li><a href="http://lastfm.com/user/{{ author.lastfm }}" target="_blank"><i class="fa fa-fw fa-lastfm-square"></i> Last.fm</a></li>
       {% endif %}
       {% if author.dribbble %}
         <li><a href="http://dribbble.com/{{ author.dribbble }}" target="_blank"><i class="fa fa-fw fa-dribbble"></i> Dribbble</a></li>
@@ -83,6 +83,9 @@
       {% if author.codepen %}
         <li><a href="http://codepen.io/{{ author.codepen }}" target="_blank"><i class="fa fa-fw fa-codepen"></i> CodePen</a></li>
       {% endif %}
+      {% if author.vine %}
+        <li><a href="https://vine.co/u/{{ author.vine }}" target="_blank"><i class="fa fa-fw fa-vine"></i> Vine</a></li>
+      {% endif %}
     </ul>
   </div>
 </div>

_includes/comments-providers/scripts.html

@@ -0,0 +1,14 @@
+{% if site.comments.provider and page.comments %}
+
+{% case site.comments.provider %}
+{% when "disqus" %}
+  {% include /comments-providers/disqus.html %}
+{% when "facebook" %}
+  {% include /comments-providers/facebook.html %}
+{% when "google-plus" %}
+  {% include /comments-providers/google-plus.html %}
+{% when "custom" %}
+  {% include /comments-providers/custom.html %}
+{% endcase %}
+
+{% endif %}

_includes/comments.html

@@ -1,14 +1,13 @@
-{% if site.comments.provider and page.comments %}
+<div class="page__comments">
-
+  <h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label }}</h4>
-{% case site.comments.provider %}
+  {% case site.comments.provider %}
-{% when "disqus" %}
+  {% when "disqus" %}
-  {% include /comments-providers/disqus.html %}
+    <section id="disqus_thread"></section>
-{% when "facebook" %}
+  {% when "facebook" %}
-  {% include /comments-providers/facebook.html %}
+    <section class="fb-comments" data-href="{{ base_path }}{{ page.url }}" data-mobile="true" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="100%" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
-{% when "google-plus" %}
+  {% when "google-plus" %}
-  {% include /comments-providers/google-plus.html %}
+    <section class="g-comments" data-href="{{ base_path }}{{ page.url }}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</section>
-{% when "custom" %}
+  {% when "custom" %}
-  {% include /comments-providers/custom.html %}
+    <section id="comments"></section>
-{% endcase %}
+  {% endcase %}
-
+</div>
-{% endif %}

_includes/feature-row

@@ -0,0 +1,45 @@
+{% include base_path %}
+
+{% if include.id %}
+  {% assign feature_row = page.[include.id] %}
+{% else %}
+  {% assign feature_row = page.feature_row %}
+{% endif %}
+
+<div class="feature__wrapper">
+
+  {% for f in feature_row %}
+    <div class="feature__item{% if include.type %}--{{ include.type }}{% endif %}">
+      <div class="archive__item">
+        {% if f.image_path %}
+          <div class="archive__item-teaser">
+            <img src=
+              {% if f.image_path contains "http" %}
+                "{{ f.image_path }}"
+              {% else %}
+                "{{ f.image_path | prepend: "/images/" | prepend: base_path }}"
+              {% endif %}
+            alt="{% if f.alt %}{{ f.alt }}{% endif %}">
+          </div>
+        {% endif %}
+
+        <div class="archive__item-body">
+          {% if f.title %}
+            <h2 class="archive__item-title">{{ f.title }}</h2>
+          {% endif %}
+
+          {% if f.excerpt %}
+            <div class="archive__item-excerpt">
+              {{ f.excerpt | markdownify }}
+            </div>
+          {% endif %}
+
+          {% if f.url %}
+            <p><a href="{{ f.url }}" class="btn {{ f.btn_class }}">{{ f.btn_label | default: site.data.ui-text[site.locale].more_label }}</a></p>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+
+</div>

_includes/footer.html

@@ -15,7 +15,7 @@
 {% endif %}
 
 <div class="page__footer-follow">
-  <ul>
+  <ul class="social-icons">
     {% if site.data.ui-text[site.locale].follow_label %}
       <li><strong>{{ site.data.ui-text[site.locale].follow_label }}</strong></li>
     {% endif %}

_includes/gallery

@@ -6,17 +6,17 @@
   {% assign gallery = page.gallery %}
 {% endif %}
 
-{% capture gallery-size %}{{ gallery | size }}{% endcapture %}
+{% capture gallery_size %}{{ gallery | size }}{% endcapture %}
 
-{% if gallery-size == '2' %}
+{% if gallery_size == '2' %}
-  {% assign gallery-layout = 'half' %}
+  {% assign gallery_layout = 'half' %}
-{% elsif gallery-size >= '3' %}
+{% elsif gallery_size >= '3' %}
-  {% assign gallery-layout = 'third' %}
+  {% assign gallery_layout = 'third' %}
 {% else %}
-  {% assign gallery-layout = '' %}
+  {% assign gallery_layout = '' %}
 {% endif %}
 
-<figure class="{{ gallery-layout }} {{ include.class }}">
+<figure class="{{ gallery_layout }} {{ include.class }}">
   {% for img in gallery %}
     {% if img.url %}
       <a href=

_includes/page__hero.html

@@ -0,0 +1,41 @@
+{% if page.header.image contains "http" %}
+  {% capture img_path %}{{ page.header.image }}{% endcapture %}
+{% else %}
+  {% capture img_path %}{{ page.header.image | prepend: "/images/" | prepend: base_path }}{% endcapture %}
+{% endif %}
+
+{% if page.header.overlay_image contains "http" %}
+  {% capture overlay_img_path %}{{ page.header.overlay_image }}{% endcapture %}
+{% elsif page.header.overlay_image %}
+  {% capture overlay_img_path %}{{ page.header.overlay_image | prepend: "/images/" | prepend: base_path }}{% endcapture %}
+{% endif %}
+
+<div class="page__hero{% if page.header.overlay_color or page.header.overlay_image %}--overlay{% endif %}"
+  style="{% if page.header.overlay_color %}background-color: {{ page.header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: url('{{ overlay_img_path }}');{% endif %}"
+>
+  {% if page.header.overlay_color or page.header.overlay_image %}
+    <div class="wrapper">
+      <h1 class="page__title" itemprop="headline">
+        {% if paginator %}
+          {{ site.title }}{% unless paginator.page == 1 %} {{ site.data.ui-text[site.locale].page }} {{ paginator.page }}{% endunless %}
+        {% else %}
+          {{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}
+        {% endif %}
+      </h1>
+      {% if page.excerpt %}
+        <p class="page__lead">{{ page.excerpt | markdownify | remove: "<p>" | remove: "</p>" }}</p>
+      {% endif %}
+      {% if site.read_time and page.read_time %}
+        <p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
+      {% endif %}
+      {% if page.header.cta_url %}
+        <p><a href="{{ page.header.cta_url }}" class="btn btn--light-outline btn--x-large">{{ page.header.cta_label | default: site.data.ui-text[site.locale].more_label }}</a></p>
+      {% endif %}
+    </div>
+  {% else %}
+    <img src="{{ img_path }}" alt="{{ page.title }}" class="page__hero-image">
+  {% endif %}
+  {% if page.header.caption %}
+    <span class="page__hero-caption">{{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
+  {% endif %}
+</div>

_includes/read-time.html

@@ -1,4 +1,8 @@
-{% assign words = page.content | strip_html | number_of_words %}
+{% if post.read_time %}
+  {% assign words = post.content | strip_html | number_of_words %}
+{% elsif page.read_time %}
+  {% assign words = page.content | strip_html | number_of_words %}
+{% endif %}
 
 {% if words < 180 %}
   {{ site.data.ui-text[site.locale].less_than }} 1 {{ site.data.ui-text[site.locale].minute_read }}

_includes/scripts.html

@@ -1,4 +1,4 @@
 <script src="{{ base_path }}/assets/js/main.min.js"></script>
 
 {% include analytics.html %}
-{% include comments.html %}
+{% include /comments-providers/scripts.html %}

_includes/seo.html

@@ -16,7 +16,7 @@
   {% assign canonical_url = page.url | replace: "index.html", "" | prepend: site.url %}
 {% endif %}
 
-<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ site.title_separator }} page {{ paginator.page }}{% endunless %}{% endif %}</title>
+<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ site.title_separator }} {{ site.data.ui-text[site.locale].page }} {{ paginator.page }}{% endunless %}{% endif %}</title>
 
 {% assign seo_description = page.description | default: page.excerpt | default: site.description %}
 {% if seo_description %}

_includes/sidebar.html

@@ -0,0 +1,20 @@
+{% if page.author_profile or page.sidebar %}
+  <div class="sidebar sticky">
+  {% if page.author_profile %}{% include author-profile.html %}{% endif %}
+  {% if page.sidebar %}
+    {% for s in page.sidebar %}
+      {% if s.image %}
+        <img src=
+        {% if s.image contains "http" %}
+          "{{ s.image }}"
+        {% else %}
+          "{{ s.image | prepend: "/images/" | prepend: base_path }}"
+        {% endif %}
+        alt="{% if s.image_alt %}{{ s.image_alt }}{% endif %}">
+      {% endif %}
+      {% if s.title %}<h3>{{ s.title }}</h3>{% endif %}
+      {% if s.text %}{{ s.text | markdownify }}{% endif %}
+    {% endfor %}
+  {% endif %}
+  </div>
+{% endif %}

_layouts/archive.html

@@ -2,7 +2,21 @@
 layout: default
 ---
 
-<div class="archive">
+{% if (page.header.overlay_color or page.header.overlay_image) or page.header.image %}
-  <h1 class="page__title">{{ page.title }}</h1>
+  {% include page__hero.html %}
-  {{ content }}
+{% endif %}
-</div><!-- /.archive -->
+
+{% if page.url != "/" and site.breadcrumbs and site.categories.type == "jekyll-archives" %}
+  {% include breadcrumbs.html %}
+{% endif %}
+
+<div id="main" role="main">
+  {% include sidebar.html %}
+
+  <div class="archive">
+    {% unless page.header.overlay_color or page.header.overlay_image %}
+      <h1 class="page__title">{{ page.title }}</h1>
+    {% endunless %}
+    {{ content }}
+  </div>
+</div>

_layouts/default.html

@@ -16,46 +16,7 @@ layout: compress
   {% include browser-upgrade.html %}
   {% include masthead.html %}
 
-  {% if page.header.image %}
+  {{ content }}
-    <div class="page__hero">
-      <img src=
-        {% if page.header.image contains "http" %}
-          "{{ page.header.image }}"
-        {% else %}
-          "{{ page.header.image | prepend: "/images/" | prepend: base_path }}"
-        {% endif %}
-        alt="{{ page.title }}" class="page__hero-image">
-      {% if page.header.caption %}
-        <span class="page__hero-caption">{{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
-      {% endif %}
-    </div>
-  {% endif %}
-
-  {% if site.breadcrumbs and site.categories.type == 'jekyll-archives' %}
-    {% include breadcrumbs.html %}
-  {% endif %}
-
-  <div id="main" role="main">
-    {% if page.author_profile or page.sidebar %}<div class="sidebar sticky">
-      {% if page.author_profile %}{% include author-profile.html %}{% endif %}
-      {% if page.sidebar %}
-        {% for s in page.sidebar %}
-          {% if s.image %}
-            <img src=
-            {% if s.image contains "http" %}
-              "{{ s.image }}"
-            {% else %}
-              "{{ s.image | prepend: "/images/" | prepend: base_path }}"
-            {% endif %}
-            alt="{% if s.image_alt %}{{ s.image_alt }}{% endif %}">
-          {% endif %}
-          {% if s.title %}<h3>{{ s.title }}</h3>{% endif %}
-          {% if s.text %}{{ s.text | markdownify }}{% endif %}
-        {% endfor %}
-      {% endif %}
-    </div>{% endif %}
-    {{ content }}
-  </div>
 
   <div class="page__footer">
     <footer>

_layouts/single.html

@@ -4,62 +4,67 @@ layout: default
 
 {% include base_path %}
 
-<article class="page" itemscope itemtype="http://schema.org/CreativeWork">
+{% if (page.header.overlay_color or page.header.overlay_image) or page.header.image %}
-  {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
+  {% include page__hero.html %}
-  {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
+{% endif %}
-  {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}
 
-  <div class="page__inner-wrap">
+{% if page.url != "/" and site.breadcrumbs and site.categories.type == "jekyll-archives" %}
-    <header>
+  {% include breadcrumbs.html %}
-      <h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>
+{% endif %}
-      {% if site.read_time and page.read_time %}<p class="page__meta">{{ page.date | date: "%b %d, %Y" }} <span class="sep">·</span> {% include read-time.html %}</p>{% endif %}
-    </header>
 
-    <section class="page__content" itemprop="text">
+<div id="main" role="main">
-      {{ content }}
+  {% include sidebar.html %}
-      {% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label }}</a></div>{% endif %}
-    </section>
 
-    <footer class="page__meta">
+  <article class="page" itemscope itemtype="http://schema.org/CreativeWork">
-      {% if site.data.ui-text[site.locale].meta_label %}
+    {% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
-        <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
+    {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
-      {% endif %}
+    {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
-      {% include page__taxonomy.html %}
+    {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}
-      {% if page.modified %}
-        <p class="page__date"><strong>{{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.modified | date: "%Y-%m-%d" }}">{{ page.modified | date: "%B %d, %Y" }}</time></p>
-      {% elsif page.date %}
-        <p class="page__date"><strong>{{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
-      {% endif %}
-    </footer>
 
-    {% if site.share and page.share %}{% include social-share.html %}{% endif %}
+    <div class="page__inner-wrap">
-  </div>
+      {% unless page.header.overlay_color or page.header.overlay_image %}
+        <header>
+          <h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>
+          {% if site.read_time and page.read_time %}<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>{% endif %}
+        </header>
+      {% endunless %}
 
-  {% if site.comments.provider and page.comments %}
+      <section class="page__content" itemprop="text">
-    <h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label }}</h4>
+        {{ content }}
-    {% case site.comments.provider %}
+        {% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label }}</a></div>{% endif %}
-    {% when "disqus" %}
+      </section>
-      <section id="disqus_thread"></section>
-    {% when "facebook" %}
-      <section class="fb-comments" data-href="{{ base_path }}{{ page.url }}" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="{{ site.comments.facebook.width | default: 580 }}" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
-    {% when "google-plus" %}
-      <section class="g-comments" data-href="{{ base_path }}{{ page.url }}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</section>
-    {% when "custom" %}
-      <section id="comments"></section>
-    {% endcase %}
-  {% endif %}
-</article>
 
-{% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
+      <footer class="page__meta">
-{% if page.id and page.related and site.related_posts.size > 0 %}
+        {% if site.data.ui-text[site.locale].meta_label %}
-  <div class="page__related">
+          <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
-    {% if site.data.ui-text[site.locale].related_label %}
+        {% endif %}
-      <h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label }}</h4>
+        {% include page__taxonomy.html %}
-    {% endif %}
+        {% if page.modified %}
-    <div class="grid__wrapper">
+          <p class="page__date"><strong>{{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.modified | date: "%Y-%m-%d" }}">{{ page.modified | date: "%B %d, %Y" }}</time></p>
-      {% for post in site.related_posts limit:4 %}
+        {% elsif page.date %}
-        {% include archive-single.html type="grid" %}
+          <p class="page__date"><strong>{{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
-      {% endfor %}
+        {% endif %}
+      </footer>
+
+      {% if site.share and page.share %}{% include social-share.html %}{% endif %}
     </div>
-  </div>
+
-{% endif %}
+    {% if site.comments.provider and page.comments %}
+      {% include comments.html %}
+    {% endif %}
+  </article>
+
+  {% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
+  {% if page.id and page.related and site.related_posts.size > 0 %}
+    <div class="page__related">
+      {% if site.data.ui-text[site.locale].related_label %}
+        <h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label }}</h4>
+      {% endif %}
+      <div class="grid__wrapper">
+        {% for post in site.related_posts limit:4 %}
+          {% include archive-single.html type="grid" %}
+        {% endfor %}
+      </div>
+    </div>
+  {% endif %}
+</div>

_layouts/splash.html

@@ -0,0 +1,22 @@
+---
+layout: default
+---
+
+{% include base_path %}
+
+{% if (page.header.overlay_color or page.header.overlay_image) or page.header.image %}
+  {% include page__hero.html %}
+{% endif %}
+
+<div id="main" role="main">
+  <article class="splash" itemscope itemtype="http://schema.org/CreativeWork">
+    {% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
+    {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
+    {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
+    {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}
+
+    <section class="page__content" itemprop="text">
+      {{ content }}
+    </section>
+  </article>
+</div>

_pages/splash-page.md

@@ -0,0 +1,64 @@
+---
+title: "Splash Page"
+layout: splash
+permalink: /splash-page/
+date: 2016-03-23T11:48:41-04:00
+header:
+  overlay_color: "#000"
+  overlay_image: unsplash-image-1.jpg
+  cta_label: "Download"
+  cta_url: "https://github.com/mmistakes/minimal-mistakes/"
+  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
+excerpt: "Bacon ipsum dolor sit amet salami ham hock ham, hamburger corned beef short ribs kielbasa biltong t-bone drumstick tri-tip tail sirloin pork chop."
+intro: 
+  - excerpt: 'Nullam suscipit et nam, tellus velit pellentesque at malesuada, enim eaque. Quis nulla, netus tempor in diam gravida tincidunt, *proin faucibus* voluptate felis id sollicitudin. Centered with `type="center"`'
+feature_row:
+  - image_path: unsplash-gallery-image-1-th.jpg
+    alt: "placeholder image 1"
+    title: "Placeholder 1"
+    excerpt: "This is some sample content that goes here with **Markdown** formatting."
+  - image_path: unsplash-gallery-image-2-th.jpg
+    alt: "placeholder image 2"
+    title: "Placeholder 2"
+    excerpt: "This is some sample content that goes here with **Markdown** formatting."
+    url: "#test-link"
+    btn_label: "Read More"
+    btn_class: "btn--inverse btn--large"
+  - image_path: unsplash-gallery-image-3-th.jpg
+    title: "Placeholder 3"
+    excerpt: "This is some sample content that goes here with **Markdown** formatting."
+feature_row2:
+  - image_path: unsplash-gallery-image-2-th.jpg
+    alt: "placeholder image 2"
+    title: "Placeholder Image Left Aligned"
+    excerpt: 'This is some sample content that goes here with **Markdown** formatting. Left aligned with `type="left"`'
+    url: "#test-link"
+    btn_label: "Read More"
+    btn_class: "btn--inverse btn--large"
+feature_row3:
+  - image_path: unsplash-gallery-image-2-th.jpg
+    alt: "placeholder image 2"
+    title: "Placeholder Image Right Aligned"
+    excerpt: 'This is some sample content that goes here with **Markdown** formatting. Right aligned with `type="right"`'
+    url: "#test-link"
+    btn_label: "Read More"
+    btn_class: "btn--inverse btn--large"
+feature_row4:
+  - image_path: unsplash-gallery-image-2-th.jpg
+    alt: "placeholder image 2"
+    title: "Placeholder Image Center Aligned"
+    excerpt: 'This is some sample content that goes here with **Markdown** formatting. Centered with `type="center"`'
+    url: "#test-link"
+    btn_label: "Read More"
+    btn_class: "btn--inverse btn--large"
+---
+
+{% include feature-row id="intro" type="center" %}
+
+{% include feature-row %}
+
+{% include feature-row id="feature_row2" type="left" %}
+
+{% include feature-row id="feature_row3" type="right" %}
+
+{% include feature-row id="feature_row4" type="center" %}

_posts/2010-08-05-post-image-linked.md

@@ -7,4 +7,4 @@ tags:
   - Post Formats
 ---
 
-[![foo]({{http://wpthemetestdata.files.wordpress.com/2008/06/100_5540.jpg?w=604}})](http://wpthemetestdata.files.wordpress.com/2008/06/100_5540.jpg)
+[![foo](https://farm5.staticflickr.com/4073/4939853213_33ffc0290b_b.jpg)](https://flic.kr/p/8ww3fZ)

_posts/2010-08-06-post-image-linked-caption.md

@@ -8,10 +8,14 @@ tags:
 ---
 
 {% capture fig_img %}
-[![Foo](http://wpthemetestdata.files.wordpress.com/2012/06/dsc20040724_152504_532.jpg)](http://wpthemetestdata.files.wordpress.com/2012/06/dsc20040724_152504_532.jpg)
+[![Foo](https://farm5.staticflickr.com/4134/4940462712_7c28420b27_b.jpg)](https://flic.kr/p/8wzarA)
+{% endcapture %}
+
+{% capture fig_caption %}
+Stairs? Were we're going we don't need no stairs.
 {% endcapture %}
 
 <figure>
-  {{ fig_img | markdownify }}
+  {{ fig_img | markdownify | remove: "<p>" | remove: "</p>" }}
-  <figcaption>Chunk of resinous blackboy husk, Clarkson, Western Australia. This burns like a spinifex log.</figcaption>
+  <figcaption>{{ fig_caption | markdownify | remove: "<p>" | remove: "</p>" }}</figcaption>
 </figure>

_posts/2010-08-07-post-image-caption.md

@@ -13,6 +13,6 @@ tags:
 {% endcapture %}
 
 <figure>
-  {{ fig_img | markdownify }}
+  {{ fig_img | markdownify | remove: "<p>" | remove: "</p>" }}
   <figcaption>Bell on wharf in San Francisco</figcaption>
 </figure>

_posts/2012-01-07-template-sticky.md

@@ -1,16 +0,0 @@
----
-title: "Template: Sticky"
-categories:
-  - Uncategorized
-tags:
-  - sticky
-  - template
----
-
-This is a sticky post.
-
-There are a few things to verify:
-
-  * The sticky post should be distinctly recognizable in some way in comparison to normal posts.
-  * They should show at the very top of the blog index page, even though they could be several posts back chronologically.
-  * They should still show up again in their chronologically correct position in time, but without the sticky indicator.

_posts/2012-03-14-template-excerpt-generated.md

@@ -10,7 +10,7 @@ tags:
   - template
 ---
 
-This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content.
+This is the post content. Archive-index pages should display an auto-generated excerpt of this content.
 
 <!--more-->
 

_posts/2012-03-15-template-header-image-external.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image (External URL)"
+title: "Template: Header Image (External URL)"
 header:
   image: https://farm5.staticflickr.com/4140/4939863887_84705982fd_b.jpg
 categories:
@@ -12,6 +12,6 @@ tags:
   - template
 ---
 
-This post should display a **featured image**, if the theme supports it.
+This post should display a **header image**, if the theme supports it.
 
 Featured image is an external asset and should load.

_posts/2012-03-15-template-header-image-horizontal.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image (Horizontal)"
+title: "Template: Header Image (Horizontal)"
 header:
   image: unsplash-image-1.jpg
   caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
@@ -13,8 +13,8 @@ tags:
   - template
 ---
 
-This post should display a **featured image**, if the theme supports it.
+This post should display a **header image**, if the theme supports it.
 
 Non-square images can provide some unique styling issues.
 
-This post tests a horizontal featured image.
+This post tests a horizontal header image.

_posts/2012-03-15-template-header-image-text-readability.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image and Text Readability"
+title: "Template: Header Image and Text Readability"
 header:
   image: unsplash-image-4.jpg
   caption: "Photo credit: [**Unsplash**](https://unsplash.com)"

_posts/2012-03-15-template-header-image-vertical.md

@@ -1,5 +1,5 @@
 ---
-title: "Template: Featured Image (Vertical)"
+title: "Template: Header Image (Vertical)"
 header:
   image: unsplash-image-6.jpg
   caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
@@ -14,8 +14,8 @@ tags:
   - template
 ---
 
-This post should display a **featured image**, if the theme supports it.
+This post should display a **header image**, if the theme supports it.
 
 Non-square images can provide some unique styling issues.
 
-This post tests a vertical featured image.
+This post tests a vertical header image.

_posts/2012-03-15-template-header-overlay-color.md

@@ -0,0 +1,18 @@
+---
+title: "Template: Header Overlay with Background Fill"
+header:
+  overlay_color: "#333"
+categories:
+  - Template
+  - Uncategorized
+tags:
+  - edge case
+  - image
+  - template
+---
+
+This post should display a **header with a solid background color**, if the theme supports it.
+
+Non-square images can provide some unique styling issues.
+
+This post tests overlay headers.

_posts/2012-03-15-template-header-overlay-image.md

@@ -0,0 +1,20 @@
+---
+title: "Template: Header Image Overlay"
+header:
+  overlay_image: unsplash-image-1.jpg
+  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
+  cta_url: "https://unsplash.com"
+categories:
+  - Template
+  - Uncategorized
+tags:
+  - edge case
+  - image
+  - template
+---
+
+This post should display a **header with an overlay image**, if the theme supports it.
+
+Non-square images can provide some unique styling issues.
+
+This post tests overlay header images.

_posts/2013-01-11-markup-html-tags-and-formatting.md

@@ -121,6 +121,20 @@ Make any link standout more when applying the `.btn` class.
 [Info Button Text](#link){: .btn .btn--info}
 ```
 
+[X-Large Button](#){: .btn .btn--x-large}
+[Large Button](#){: .btn .btn--large}
+[Default Button](#){: .btn}
+[Small Button](#){: .btn .btn--small}
+[X-Small Button](#){: .btn .btn--x-small}
+
+```markdown
+[X-Large Button](#){: .btn .btn--x-large}
+[Large Button](#){: .btn .btn--large}
+[Default Button](#){: .btn}
+[Small Button](#){: .btn .btn--small}
+[X-Small Button](#){: .btn .btn--x-small}
+```
+
 ## Notices
 
 **Watch out!** You can also add notices by appending `{: .notice}` to a paragraph.

_posts/2016-02-24-welcome-to-jekyll.md

@@ -1,7 +1,7 @@
 ---
 title:  "Welcome to Jekyll!"
 header:
-  teaser: "http://wpthemetestdata.files.wordpress.com/2008/06/100_5540.jpg?w=604"
+  teaser: "https://farm5.staticflickr.com/4076/4940499208_b79b77fb0a_z.jpg"
 categories: 
   - Jekyll
 tags:

assets/_scss/_archive.scss

@@ -23,7 +23,7 @@
 }
 
 .archive__subtitle {
-  margin: 0;
+  margin: 2em 0 0;
   padding-bottom: 0.5em;
   font-size: 14px;
   color: mix(#fff, $gray, 25%);
@@ -44,6 +44,14 @@
   }
 }
 
+.archive__item-teaser {
+  border-radius: $border-radius;
+  overflow: hidden;
+  img {
+    width: 100%;
+  }
+}
+
 a:hover {
   .archive__item-teaser {
     box-shadow: 0 0 10px rgba(#000, 0.25);
@@ -71,6 +79,10 @@ a:hover {
   @include breakpoint($x-large) {
     padding-right: $right-sidebar-width-wide;
   }
+
+  .page__meta {
+    margin: 0 0 4px;
+  }
 }
 
 
@@ -81,22 +93,18 @@ a:hover {
 .grid__item {
   margin-bottom: 2em;
 
-  .archive__item-excerpt {
+  .page__meta {
-    display: none;
+    margin: 0 0 4px;
   }
 
-  .archive__item-teaser {
+  .archive__item-excerpt {
-    border-radius: $border-radius;
+    display: none;
-    img {
-      width: 100%;
-    }
   }
 
   @include breakpoint($small) {
     @include gallery(5 of 10);
     .archive__item-teaser {
       max-height: 200px;
-      overflow: hidden;
     }
   }
 
@@ -114,3 +122,137 @@ a:hover {
     }
   }
 }
+
+
+/*
+   Features
+   ========================================================================== */
+
+.feature__wrapper {
+  @include clearfix();
+  margin-bottom: 2em;
+  border-bottom: 1px solid $border-color;
+}
+
+.feature__item {
+  margin-bottom: 2em;
+
+  @include breakpoint($small) {
+    text-align: center;
+    @include gallery(4 of 12);
+
+    .feature__item-teaser {
+      max-height: 200px;
+      overflow: hidden;
+    }
+  }
+
+  .archive__item-title {
+    margin-bottom: 0.5em;
+    font-size: 30px;
+  }
+
+  .archive__item-excerpt {
+    margin-bottom: 1em;
+    font-size: 18px;
+
+    p {
+      font-size: 18px;
+    }
+  }
+
+  &--left {
+    @include full();
+    margin-bottom: 2em;
+
+    @include breakpoint($small) {
+      .archive__item-teaser {
+        @include span(5 of 12);
+      }
+
+      .archive__item-body {
+        @include span(7 of 12 last);
+        @include prefix(0.5 of 12);
+        @include suffix(1 of 12);
+      }
+    }
+
+    .archive__item-title {
+      margin-bottom: 0.5em;
+      font-size: 30px;
+    }
+
+    .archive__item-excerpt {
+      margin-bottom: 1em;
+      font-size: 18px;
+
+      p {
+        font-size: 18px;
+      }
+    }
+  }
+
+  &--right {
+    @include full();
+    margin-bottom: 2em;
+    @include breakpoint($small) {
+      text-align: right;
+
+      .archive__item-teaser {
+        @include span(5 of 12 rtl);
+      }
+
+      .archive__item-body {
+        @include span(7 of 12 last rtl);
+        @include prefix(0.5 of 12);
+        @include suffix(1 of 12);
+      }
+    }
+
+    .archive__item-title {
+      margin-bottom: 0.5em;
+      font-size: 30px;
+    }
+
+    .archive__item-excerpt {
+      margin-bottom: 1em;
+      font-size: 18px;
+
+      p {
+        font-size: 18px;
+      }
+    }
+  }
+
+  &--center {
+    @include full();
+    margin-bottom: 2em;
+    @include breakpoint($small) {
+      text-align: center;
+
+      .archive__item-teaser {
+        margin: 0 auto;
+        width: span(5 of 12);
+      }
+
+      .archive__item-body {
+        margin: 0 auto;
+        width: span(7 of 12);
+      }
+    }
+
+    .archive__item-title {
+      margin-bottom: 0.5em;
+      font-size: 30px;
+    }
+
+    .archive__item-excerpt {
+      margin-bottom: 1em;
+      font-size: 18px;
+
+      p {
+        font-size: 18px;
+      }
+    }
+  }
+}

assets/_scss/_base.scss

@@ -62,20 +62,6 @@ del a {
   color: inherit;
 }
 
-/* paragraph indents */
-
-p {
-  margin: 0 0 $indent-var;
-
-  // sibling indentation
-  @if $paragraph-indent == true {
-    & + p {
-      text-indent: $indent-var;
-      margin-top: -($indent-var);
-    }
-  }
-}
-
 /* reduce orphans and widows when printing */
 
 p, pre, blockquote, ul, ol, dl, figure, table, fieldset {
@@ -164,8 +150,8 @@ li code,
 figcaption code {
   padding-top: 0.1rem;
   padding-bottom: 0.1rem;
-  background: mix(#fff, $light-gray, 40%);
+  background: $code-background-color;
-  border: 1px solid $light-gray;
+  border: 1px solid $lighter-gray;
   border-radius: $border-radius;
 
   &:before, &:after {

assets/_scss/_buttons.scss

@@ -10,15 +10,15 @@
   /* default button */
   display: inline-block;
   margin-bottom: 0.25em;
-  padding: 10px 20px;
+  padding: 0.5em 1em;
   color: #fff !important;
   font-family: $sans-serif;
-  font-size: 0.8rem;
+  font-size: 14px;
   font-weight: bold;
   line-height: 1.5;
   text-align: center;
   text-decoration: none;
-  background-color: #000;
+  background-color: $primary-color;
   border: 0 !important;
   border-radius: $border-radius;
   cursor: pointer;
@@ -49,12 +49,13 @@
   /* for dark backgrounds */
 
   &--inverse {
-    color: currentColor !important;
+    color: $gray !important;
-    border: 1px solid currentColor !important; // override
+    border: 1px solid $light-gray !important; // override
     background-color: #fff;
 
     &:hover {
-      background-color: mix(#000, #fff, 20%);
+      color: #fff !important;
+      border-color: $gray;
     }
   }
 
@@ -132,4 +133,28 @@
       }
     }
   }
+
+  /* extra large button */
+
+  &--x-large {
+    font-size: 24px;
+  }
+
+  /* large button */
+
+  &--large {
+    font-size: 18px;
+  }
+
+  /* small button */
+
+  &--small {
+    font-size: 12px;
+  }
+
+  /* extra small button */
+  &--x-small {
+    font-size: 10px;
+    font-weight: normal;
+  }
 }

assets/_scss/_footer.scss

@@ -55,8 +55,10 @@
 
   li {
     display: inline-block;
+    padding-top: 5px;
+    padding-bottom: 5px;
     font-family: $sans-serif-narrow;
-    font-size: 16px;
+    font-size: 14px;
     text-transform: uppercase;
   }
 
@@ -66,6 +68,7 @@
   }
 
   a {
+    padding-right: 10px;
     font-weight: bold;
   }
 }

assets/_scss/_masthead.scss

@@ -50,7 +50,6 @@
     @include prefix(2.5 of 12);
   }
 
-  margin-bottom: 1em;
   ul {
     margin: 0;
     padding: 0;
@@ -64,10 +63,4 @@
   list-style-type: none;
   font-size: 16px;
   white-space: nowrap;
-
-  a {
-    &:hover {
-      color: $gray;
-    }
-  }
 }

assets/_scss/_navigation.scss

@@ -9,19 +9,32 @@
 .breadcrumbs {
   @include container;
   @include clearfix;
-  margin-bottom: 1em;
+  margin-top: 0;
+  margin-bottom: 0;
   padding-left: 2em;
   padding-right: 2em;
   font-family: $sans-serif;
 
+  @include breakpoint($large) {
+    padding-left: 1em;
+    padding-right: 1em;
+  }
+
+  @include breakpoint($x-large) {
+    max-width: $x-large;
+  }
+
   ol {
     padding: 0;
     list-style: none;
     font-size: 14px;
 
-    @include breakpoint($medium) {
+    @include breakpoint($large) {
-      @include span(10 of 12);
+      @include span(10 of 12 last);
-      @include pre(2);
+    }
+
+    @include breakpoint($x-large) {
+      @include prefix(0.5 of 12);
     }
   }
 
@@ -75,8 +88,14 @@
 
   a {
     display: block;
-    padding: 10px 20px;
+    margin: 0 20px;
+    padding: 10px 0;
+    color: $gray;
     text-decoration: none;
+
+    &:hover {
+      color: #000;
+    }
   }
 
   button {
@@ -99,14 +118,38 @@
 
       &:first-child {
         font-weight: bold;
+
         a {
-          padding-left: 0;
+          margin-left: 0;
         }
       }
 
       &:last-child {
         a {
-          padding-right: 0;
+          margin-right: 0;
+        }
+      }
+    }
+
+    a {
+      position: relative;
+
+      &:before {
+        content: "";
+        position: absolute;
+        bottom: 0;
+        height: 4px;
+        background: $light-gray;
+        width: 0;
+        transition: 0.3s;
+      }
+
+      &:hover {
+        color: #000;
+        border-bottom-color: $border-color;
+
+        &:before {
+          width: 100%;
         }
       }
     }
@@ -124,7 +167,14 @@
     box-shadow: 0 0 10px rgba(#000, 0.25);
 
     a {
+      margin: 0;
+      padding: 10px 20px;
       font-size: 0.8em;
+
+      &:hover {
+        color: #000;
+        background: $border-color;
+      }
     }
 
     &:before {
@@ -156,6 +206,7 @@
     li {
       display: block;
       border-bottom: 1px solid $border-color;
+
       &:last-child {
         border-bottom: none;
       }

assets/_scss/_notices.scss

@@ -11,8 +11,9 @@
  */
 
 @mixin notice($notice-color) {
-  margin: 2em 0;
+  margin: 2em 0 !important;  // override
   padding: 1em;
+  text-indent: initial; // override
   background-color: mix(#fff, $notice-color, 90%);
   border-radius: $border-radius;
 
@@ -52,7 +53,7 @@
   }
 
   code {
-    background-color: mix(#fff, $notice-color, 70%)
+    background-color: mix(#fff, $notice-color, 95%)
   }
 }
 

assets/_scss/_page.scss

@@ -35,26 +35,90 @@
     @include prefix(0.5 of 12);
     padding-right: $right-sidebar-width-wide;
   }
+
+  .page__inner-wrap {
+    .page__content,
+    .page__meta,
+    .page__share {
+      @include clearfix();
+      @include full();
+    }
+  }
 }
 
 .page__title {
   margin-top: 0;
   font-family: $serif;
+  line-height: 1;
   & + .page__meta {
     margin-top: -1.5em;
   }
 }
 
+.page__lead {
+  font-family: $sans-serif;
+  font-size: 20px;
+}
+
 .page__content {
   p, li {
     font-size: 16px;
   }
+
+  /* paragraph indents */
+  p {
+    margin: 0 0 $indent-var;
+
+    // sibling indentation
+    @if $paragraph-indent == true {
+      & + p {
+        text-indent: $indent-var;
+        margin-top: -($indent-var);
+      }
+    }
+  }
 }
 
 .page__hero {
   position: relative;
   margin-bottom: 2em;
   @include clearfix;
+
+  &--overlay {
+    position: relative;
+    margin-bottom: 2em;
+    padding: 3em 0;
+    @include clearfix;
+    text-align: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+
+    .wrapper {
+      padding-left: 2em;
+      padding-right: 2em;
+    }
+
+    .page__title,
+    .page__meta,
+    .page__lead,
+    .btn {
+      color: #fff;
+      text-shadow: 1px 1px 4px rgba(#000, 0.5);
+    }
+
+    .page__title {
+      font-size: 48px;
+
+      @include breakpoint($small) {
+        font-size: 60px;
+      }
+    }
+
+    .page__lead {
+      font-weight: bold;
+    }
+  }
 }
 
 .page__hero-image {
@@ -135,6 +199,10 @@
   .sep {
     display: none;
   }
+
+  strong {
+    margin-right: 10px;
+  }
 }
 
 .page__taxonomy-item {
@@ -157,6 +225,11 @@
    Comments
    ========================================================================== */
 
+.page__comments {
+  @include clearfix();
+  @include full();
+}
+
 .page__comments-title {
   font-size: 14px;
   margin-top: 2rem;

assets/_scss/_sidebar.scss

@@ -95,9 +95,8 @@
 .author__content {
   display: table-cell;
   vertical-align: top;
-  vertical-align: top;
   padding-left: 15px;
-  padding-right: 15px;
+  padding-right: 25px;
   line-height: 1;
 
   @include breakpoint($large) {
@@ -123,9 +122,10 @@
 }
 
 .author__bio {
-  margin-bottom: 10px;
+  margin: 0;
 
   @include breakpoint($large) {
+    margin-top: 10px;
     margin-bottom: 20px;
   }
 }
@@ -133,20 +133,22 @@
 .author__urls-wrapper {
   position: relative;
   display: table-cell;
-  vertical-align: middle;
+  vertical-align: top;
   font-family: $sans-serif;
   z-index: 9999;
   position: relative;
   cursor: pointer;
 
+  li:last-child {
+    a {
+      margin-bottom: 0;
+    }
+  }
+
   @include breakpoint($large) {
     display: block;
   }
   .btn {
-    margin: 0;
-    padding: 5px 10px;
-    color: mix(#fff, $gray, 25%);
-
     @include breakpoint($large) {
       display: none;
     }
@@ -214,6 +216,8 @@
     display: block;
     margin-bottom: 5px;
     padding-right: 5px;
+    padding-top: 2px;
+    padding-bottom: 2px;
     font-size: 14px;
     text-decoration: none;
     white-space: nowrap;

assets/_scss/_syntax.scss

@@ -7,6 +7,7 @@ div.highlighter-rouge, figure.highlight {
   padding: 1em;
   border: 1px solid $border-color;
   border-radius: $border-radius;
+  background-color: $code-background-color;
 
   .highlight {
     margin: 0;
@@ -18,101 +19,68 @@ div.highlighter-rouge, figure.highlight {
 
 .highlight table td { padding: 5px; }
 .highlight table pre { margin: 0; }
-.highlight, .highlight .w {
-  color: #303030;
-}
 
-.highlight .err {
+/* GitHub style */
-  color: #151515;
-  background-color: #ac4142;
-}
 
-.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
+.highlight .c { color: #999988; font-style: italic; }
-  color: #505050;
+.highlight .err { color: #a61717; background-color: #e3d2d2; }
-}
+.highlight .k { font-weight: bold; }
-
+.highlight .o { font-weight: bold; }
-.highlight .cp {
+.highlight .cm { color: #999988; font-style: italic; }
-  color: #f4bf75;
+.highlight .cp { color: #999999; font-weight: bold; }
-}
+.highlight .c1 { color: #999988; font-style: italic; }
-
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
-.highlight .nt {
+.highlight .gd { color: #000000; background-color: #ffdddd; }
-  color: #f4bf75;
+.highlight .gd .x { color: #000000; background-color: #ffaaaa; }
-}
+.highlight .ge { font-style: italic; }
-
+.highlight .gr { color: #aa0000; }
-.highlight .o, .highlight .ow {
+.highlight .gh { color: #999999; }
-  color: #d0d0d0;
+.highlight .gi { color: #000000; background-color: #ddffdd; }
-}
+.highlight .gi .x { color: #000000; background-color: #aaffaa; }
-
+.highlight .go { color: #888888; }
-.highlight .p, .highlight .pi {
+.highlight .gp { color: #555555; }
-  color: #d0d0d0;
+.highlight .gs { font-weight: bold; }
-}
+.highlight .gu { color: #800080; font-weight: bold; }
-
+.highlight .gt { color: #aa0000; }
-.highlight .gi {
+.highlight .kc { font-weight: bold; }
-  color: #90a959;
+.highlight .kd { font-weight: bold; }
-}
+.highlight .kn { font-weight: bold; }
-
+.highlight .kp { font-weight: bold; }
-.highlight .gd {
+.highlight .kr { font-weight: bold; }
-  color: #ac4142;
+.highlight .kt { color: #445588; font-weight: bold; }
-}
+.highlight .m { color: #009999; }
-
+.highlight .s { color: #dd1144; }
-.highlight .gh {
+.highlight .n { color: #333333; }
-  color: #6a9fb5;
+.highlight .na { color: teal; }
-  background-color: #151515;
+.highlight .nb { color: #0086b3; }
-  font-weight: bold;
+.highlight .nc { color: #445588; font-weight: bold; }
-}
+.highlight .no { color: teal; }
-
+.highlight .ni { color: purple; }
-.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+.highlight .ne { color: #990000; font-weight: bold; }
-  color: #aa759f;
+.highlight .nf { color: #990000; font-weight: bold; }
-}
+.highlight .nn { color: #555555; }
-
+.highlight .nt { color: navy; }
-.highlight .kc {
+.highlight .nv { color: teal; }
-  color: #d28445;
+.highlight .ow { font-weight: bold; }
-}
+.highlight .w { color: #bbbbbb; }
-
+.highlight .mf { color: #009999; }
-.highlight .kt {
+.highlight .mh { color: #009999; }
-  color: #d28445;
+.highlight .mi { color: #009999; }
-}
+.highlight .mo { color: #009999; }
-
+.highlight .sb { color: #dd1144; }
-.highlight .kd {
+.highlight .sc { color: #dd1144; }
-  color: #d28445;
+.highlight .sd { color: #dd1144; }
-}
+.highlight .s2 { color: #dd1144; }
-
+.highlight .se { color: #dd1144; }
-.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+.highlight .sh { color: #dd1144; }
-  color: #90a959;
+.highlight .si { color: #dd1144; }
-}
+.highlight .sx { color: #dd1144; }
-
+.highlight .sr { color: #009926; }
-.highlight .sr {
+.highlight .s1 { color: #dd1144; }
-  color: #75b5aa;
+.highlight .ss { color: #990073; }
-}
+.highlight .bp { color: #999999; }
-
+.highlight .vc { color: teal; }
-.highlight .si {
+.highlight .vg { color: teal; }
-  color: #8f5536;
+.highlight .vi { color: teal; }
-}
+.highlight .il { color: #009999; }
-
+.highlight .gc { color: #999; background-color: #EAF2F5; }
-.highlight .se {
-  color: #8f5536;
-}
-
-.highlight .nn {
-  color: #f4bf75;
-}
-
-.highlight .nc {
-  color: #f4bf75;
-}
-
-.highlight .no {
-  color: #f4bf75;
-}
-
-.highlight .na {
-  color: #6a9fb5;
-}
-
-.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
-  color: #90a959;
-}
-
-.highlight .ss {
-  color: #90a959;
-}

assets/_scss/_toc.scss

@@ -36,7 +36,7 @@
 
     &:hover {
       color: #000;
-      background: $border-color;
+      background: $lighter-gray;
     }
   }
 

assets/_scss/_utilities.scss

@@ -99,6 +99,10 @@ body:hover .visually-hidden button {
 
 .cf { clear: both; }
 
+.wrapper {
+  @include container();
+}
+
 
 /*
    Images
@@ -153,6 +157,112 @@ body:hover .visually-hidden button {
   vertical-align: middle;
 }
 
+// social icons
+
+.social-icons {
+  .fa-behance,
+  .fa-behance-square {
+    color: $behance-color;
+  }
+
+  .fa-dribbble {
+    color: $dribbble-color;
+  }
+
+  .fa-facebook,
+  .fa-facebook-square {
+    color: $facebook-color;
+  }
+
+  .fa-twitter,
+  .fa-twitter-square {
+    color: $twitter-color;
+  }
+
+  .fa-flickr {
+    color: $flickr-color;
+  }
+
+  .fa-foursquare {
+    color: $foursquare-color;
+  }
+
+  .fa-github,
+  .fa-github-alt,
+  .fa-github-square {
+    color: $github-color;
+  }
+
+  .fa-google-plus,
+  .fa-google-plus-square {
+    color: $google-plus-color;
+  }
+
+  .fa-instagram {
+    color: $instagram-color;
+  }
+
+  .fa-lastfm,
+  .fa-lastfm-square {
+    color: $lastfm-color;
+  }
+
+  .fa-linkedin,
+  .fa-linkedin-square {
+    color: $linkedin-color;
+  }
+
+  .fa-pinterest,
+  .fa-pinterest-p,
+  .fa-pinterest-square {
+    color: $pinterest-color;
+  }
+
+  .fa-rss,
+  .fa-rss-square {
+    color: $rss-color;
+  }
+
+  .fa-soundcloud {
+    color: $soundcloud-color;
+  }
+
+  .fa-stack-exchange,
+  .fa-stack-overflow {
+    color: $stackoverflow-color;
+  }
+
+  .fa-tumblr,
+  .fa-tumblr-square {
+    color: $tumblr-color;
+  }
+
+  .fa-twitter,
+  .fa-twitter-square {
+    color: $twitter-color;
+  }
+
+  .fa-vimeo,
+  .fa-vimeo-square {
+    color: $vimeo-color;
+  }
+
+  .fa-vine {
+    color: $vine-color;
+  }
+
+  .fa-youtube,
+  .fa-youtube-square,
+  .fa-youtube-play {
+    color: $youtube-color;
+  }
+
+  .fa-xing,
+  .fa-xing-square {
+    color: $xing-color;
+  }
+}
+
 
 /*
    Navicons
@@ -252,4 +362,12 @@ $navicon-height : 4px;
     margin-bottom: 0;
     font-size: 14px;
   }
+}
+
+a.reversefootnote {
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
 }

assets/_scss/_variables.scss

@@ -6,73 +6,85 @@
    Typography
    ========================================================================== */
 
-$doc-font-size      : 16;
+$doc-font-size              : 16;
-$doc-line-height    : 26;
+$doc-line-height            : 26;
-$paragraph-indent   : false !default;
+
-$indent-var         : 0rem + ($doc-line-height / $doc-font-size);
+/* paragraph indention */
+$paragraph-indent           : false; // true, false (default)
+$indent-var                 : 0rem + ($doc-line-height / $doc-font-size);
 
 /* system typefaces */
-$serif              : Georgia, Times, serif;
+$serif                      : Georgia, Times, serif;
-$sans-serif         : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
+$sans-serif                 : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
-$monospace          : Monaco, Consolas, "Lucida Console", monospace;
+$monospace                  : Monaco, Consolas, "Lucida Console", monospace;
 
 /* sans serif typefaces */
-$sans-serif-narrow  : $sans-serif;
+$sans-serif-narrow          : $sans-serif;
-$helvetica          : Helvetica, "Helvetica Neue", Arial, sans-serif;
+$helvetica                  : Helvetica, "Helvetica Neue", Arial, sans-serif;
 
 /* serif typefaces */
-$georgia            : Georgia, serif;
+$georgia                    : Georgia, serif;
-$times              : Times, serif;
+$times                      : Times, serif;
-$bodoni             : "Bodoni MT", serif;
+$bodoni                     : "Bodoni MT", serif;
-$calisto            : "Calisto MT", serif;
+$calisto                    : "Calisto MT", serif;
-$garamond           : Garamond, serif;
+$garamond                   : Garamond, serif;
 
 
 /*
    Colors
    ========================================================================== */
 
-$gray               : #4c4c4c;
+$gray                       : #4c4c4c;
-$dark-gray          : #191413;
+$dark-gray                  : #191413;
-$light-gray         : #e2e2e2;
+$light-gray                 : mix(#fff, $gray, 70%);
-$lighter-gray       : #f9f9f9;
+$lighter-gray               : mix(#fff, $gray, 90%);
 
-$body-color         : #fff;
+$body-color                 : #fff;
-$background-color   : #fff;
+$background-color           : #fff;
-$text-color         : #333332;
+$code-background-color      : #f8f8f8;
-$border-color       : $light-gray;
+$text-color                 : #333332;
-$base-color         : #343434;
+$border-color               : $lighter-gray;
-$comp-color         : spin($base-color, 180);
+$base-color                 : #343434;
-$accent-color       : #000;
+$comp-color                 : spin($base-color, 180);
+$accent-color               : #000;
 
 /* buttons */
-$primary-color      : #000;
+$primary-color              : #000;
-$success-color      : #5cb85c;
+$success-color              : #5cb85c;
-$warning-color      : #dd8338;
+$warning-color              : #dd8338;
-$danger-color       : #C64537;
+$danger-color               : #C64537;
-$info-color         : #308cbc;
+$info-color                 : #308cbc;
 
 /* brands */
-$facebook-color     : #3b5998;
+$behance-color              : #1769FF;
-$flickr-color       : #ff0084;
+$dribbble-color             : #ea4c89;
-$foursquare-color   : #0cbadf;
+$facebook-color             : #3b5998;
-$google-plus-color  : #dd4b39;
+$flickr-color               : #ff0084;
-$instagram-color    : #4e433c;
+$foursquare-color           : #0072b1;
-$linkedin-color     : #4875b4;
+$github-color               : #171516;
-$pinterest-color    : #cb2027;
+$google-plus-color          : #dd4b39;
-$rss-color          : #fa9b39;
+$instagram-color            : #517fa4;
-$tumblr-color       : #2c4762;
+$lastfm-color               : #d51007;
-$twitter-color      : #55acee;
+$linkedin-color             : #007bb6;
-$vimeo-color        : #1ab7ea;
+$pinterest-color            : #cb2027;
-$youtube-color      : #ff3333;
+$rss-color                  : #fa9b39;
+$soundcloud-color           : #ff3300;
+$stackoverflow-color        : #fe7a15;
+$tumblr-color               : #32506d;
+$twitter-color              : #55acee;
+$vimeo-color                : #1ab7ea;
+$vine-color                 : #00bf8f;
+$youtube-color              : #bb0000;
+$xing-color                 : #006567;
+
 
 /* links */
-$link-color         : #343434;
+$link-color                 : #343434;
-$link-color-hover   : darken($link-color, 10);
+$link-color-hover           : darken($link-color, 10);
-$link-color-visited : lighten($link-color-hover, 20);
+$link-color-visited         : lighten($link-color-hover, 20);
-$link-color-focus   : darken($link-color-visited, 10);
+$link-color-focus           : darken($link-color-visited, 10);
 
-$border-radius      : 4px;
+$border-radius              : 4px;
 
 
 /*
@@ -81,20 +93,20 @@ $border-radius      : 4px;
 
 @include breakpoint-set("to ems", true);
 
-$small                        : 600px;
+$small                      : 600px;
-$medium                       : 768px;
+$medium                     : 768px;
-$medium-wide                  : 900px;
+$medium-wide                : 900px;
-$large                        : 1024px;
+$large                      : 1024px;
-$x-large                      : 1280px;
+$x-large                    : 1280px;
 
 
 /*
    Grid
    ========================================================================== */
 
-$right-sidebar-width-narrow   : 200px;
+$right-sidebar-width-narrow : 200px;
-$right-sidebar-width          : 300px;
+$right-sidebar-width        : 300px;
-$right-sidebar-width-wide     : 400px;
+$right-sidebar-width-wide   : 400px;
 
 $susy: (
   columns: 12,

index.html

@@ -1,9 +1,8 @@
 ---
 layout: archive
-excerpt: "A minimal Jekyll theme for your blog by designer Michael Rose."
+excerpt: "A minimalistic Jekyll theme by Michael Rose."
 header:
-  image: unsplash-image-7.jpg
+  overlay_color: "#666"
-  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
 author_profile: false
 ---