Release 4.6.0 💎

Reference GitHub comment
Update CHANGELOG and history
2017-09-12 14:59:06 -04:00 · 2017-09-12 13:03:37 -04:00 · 2017-09-12 13:02:23 -04:00 · 2017-09-12 13:02:16 -04:00 · 2017-09-12 13:01:45 -04:00 · 2017-09-12 12:54:17 -04:00
132 changed files with 5303 additions and 5024 deletions
@@ -2,28 +2,30 @@
  Before submitting please search open and closed issues at 
  https://github.com/mmistakes/minimal-mistakes/issues to avoid duplication.

-  Feel free to use the following as a template and remove or add fields as you see fit. You can convert `[ ]` into `[x]` to check boxes.
+  Feel free to use the following as a template and remove or add fields as you 
+  see fit. You can convert `[ ]` into `[x]` completed check boxes.
 -->

 - [ ] This is a question about using the theme.
 - [ ] This is a feature request.
+- [ ] I believe this to be a bug with the theme.
  - [ ] I have updated all gems with `bundle update`.
  - [ ] I have tested locally with `bundle exec jekyll build`.
- [ ] I believe this to be a bug with the theme --- not Jekyll, GitHub Pages or one of the bundled plugins.

 ---

 ## Environment informations

 <!--
-  Please include theme version, `github-pages --version`, and the operating system you are on or tested with.
+  Please include theme version, Jekyll version, whether you are hosting with
+  GitHub Pages, and the operating system you are on or tested with.
 -->

 - **Minimal Mistakes version:** 
- **`github-pages` or `jekyll` gem version:** 
+- **Jekyll version:**
+- **GitHub Pages hosted:** yes/no
 - **Operating system:** 

-
 ---

 ## Expected behavior
@@ -35,11 +37,21 @@
 ## Steps to reproduce the behavior

 <!--
-  Include a link to a public repository or ZIP file so that they can more easily be reproduced. Being able to see your actual files helps troubleshooting as most issues stem from missing YAML Front Matter, a mis-configured `_config.sys` file, or `_posts` content. 
+  Include a link to a public repository or ZIP file so that the behavior or bug 
+  can easily be reproduced. Being able to see your actual files helps with 
+  troubleshooting as most issues stem from invalid/missing YAML Front Matter, a 
+  mis-configured _config.sys file, or problematic site content. 

-  Describe the steps you took for this problem to exist. Such as you cloned the theme, customized `_config.yml`, added your own posts, and started up a Jekyll server locally.
+  Describe the steps you took for this problem to exist. Such as: you cloned the 
+  theme, customized _config.yml, added your own posts, and started up a Jekyll
+  server locally.

-  If an error occurred on GitHub Pages when pushing, please build locally and provide a complete log by running `bundle exec jekyll --trace --verbose` and including this output in the filed issue.
+  If an error occurred on GitHub Pages when pushing, please test a local version
+  following these setup instructions: 
+  https://help.github.com/articles/setting-up-your-github-pages-site-locally-with-jekyll/
+
+  Then provide a complete log by running `bundle exec jekyll --trace --verbose` 
+  and include this output in the filed issue.

  Screenshots can also be included if they help illustrate a behavior.
 -->
@@ -0,0 +1,17 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 30
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - security
+# Label to use when marking an issue as stale
+staleLabel: "Status: Stale"
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false
@@ -1,3 +1,41 @@
+## [4.6.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.6.0)
+
+### Enhancements
+
+- Test strict Front Matter in `/test` site. [#1236](https://github.com/mmistakes/minimal-mistakes/pull/1236)
+- Rename `gems` key to `plugins`. [#1239](https://github.com/mmistakes/minimal-mistakes/pull/1239)
+- Add [YIQ Color Contrast](https://github.com/easy-designs/yiq-color-contrast) mixin for determining lightness of a color.
+- DRY up button CSS using Sass lists and YIQ Color Contrast mixin.
+- Add `btn--primary` button class. **Note:** elements that were previously using only a `.btn` class will now also need `.btn--primary` (eg. `<a class="btn btn--primary" href="#">my link</a>`).
+- Add `air`, `contrast`, `dark`, `dirt`, `mint`, and `sunrise` skin color options. [#1208](https://github.com/mmistakes/minimal-mistakes/issues/1208)
+- Allow scripts in `<head>` and before `</body>` to be added/overridden with `head_scripts` and `footer_scripts` arrays in `_config.yml`. [#1241](https://github.com/mmistakes/minimal-mistakes/pull/1241)
+- Update JavaScript dependencies: jQuery `v3.2.1`, jQuery Smooth Scroll `v2.2.0`, and Magnific Popup `v1.1.0`. [#328690652](https://github.com/mmistakes/minimal-mistakes/pull/1241#issuecomment-328690652)
+
+## [4.5.2](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.2)
+
+### Enhancements
+
+- Add `.page__comments-form` to "non-printing" selectors in print styles. [#1195](https://github.com/mmistakes/minimal-mistakes/pull/1195)
+- Add LinkedIn and Steam author sidebar examples to `_config.yml`. [#1203](https://github.com/mmistakes/minimal-mistakes/pull/1203) [#1204](https://github.com/mmistakes/minimal-mistakes/pull/1204)
+- Remove the http-equiv="cleartype" meta tag. [#1087](https://github.com/mmistakes/minimal-mistakes/pull/1087)
+- Clarify documentation for `jekyll-archives` plugin and how to install. [#1206](https://github.com/mmistakes/minimal-mistakes/pull/1206)
+- Clarify documentation around taxonomy page and index generation. [#1207](https://github.com/mmistakes/minimal-mistakes/pull/1207)
+- Fix "Posts by tag" grammar in documentation. [#1209](https://github.com/mmistakes/minimal-mistakes/pull/1209)
+- Improve Chinese `date_label` and `minute_read` translations in `ui-text.yml`. [#1205](https://github.com/mmistakes/minimal-mistakes/pull/1205) [#1211](https://github.com/mmistakes/minimal-mistakes/pull/1211)
+- Add note to Quick-Start Guide about GitHub Pages hosting alternatives that allow 3rd party gem themes and Jekyll plugins.
+- Add note to configuration documentation about Cloudflare minification as an alternative to `layout: compress`. [#1217](https://github.com/mmistakes/minimal-mistakes/pull/1217)
+- Show 4 latest posts in "You May Also Enjoy" module when `related: true` and no related posts are found due to `lsi` ([latent semantic indexing](https://en.wikipedia.org/wiki/Latent_semantic_analysis#Latent_semantic_indexing)) being disabled on GitHub Pages. [#554](https://github.com/mmistakes/minimal-mistakes/issues/554)
+- Truncate archive item titles' that overflow with an ellipsis. [#1213](https://github.com/mmistakes/minimal-mistakes/issues/1213)
+
+### Bug Fixes
+
+- Fix license URL in README file. [#1189](https://github.com/mmistakes/minimal-mistakes/pull/1189)
+- Reduce amount of blank pages when printing in Chrome. [#1196](https://github.com/mmistakes/minimal-mistakes/issues/1196)
+- Remove `#disqus_thread` duplicate  from `comments-providers/disqus.html` as it is already in `comments.html` include. [#1199](https://github.com/mmistakes/minimal-mistakes/issues/1199)
+- Fix Liquid syntax errors in `tag-list.html` and `category-list.html` includes by removing parenthesis in `assign`s. [#1223](https://github.com/mmistakes/minimal-mistakes/issues/1223)
+- Fix Liquid syntax error: "Expected id but found open_square in `"{{ page.[include.id] }}"`" in `gallery` and `feature_row` includes.
+- Fix Liquid syntax error: "Expected end_of_string but found pipe in `"name in __names | sort"`" in `group-by-array` include.
+
 ## [4.5.1](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.1)

 ### Enhancements
@@ -11,7 +49,7 @@
 - URL encode title and page URL in social share links. [#1177](https://github.com/mmistakes/minimal-mistakes/pull/1177)
 - Replace old Disqus script with new Universal Embed Code. [#1179](https://github.com/mmistakes/minimal-mistakes/pull/1179)

-## Bug Fixes
+### Bug Fixes

 - Fix positioning of sidebar table of contents when using `layout: splash`. [#1169](https://github.com/mmistakes/minimal-mistakes/issues/1169)
 - Fix "follow" links `z-index` order to avoid overlapping issues. [#1167](https://github.com/mmistakes/minimal-mistakes/issues/1167)
@@ -1,6 +1,6 @@
 # [Minimal Mistakes Jekyll Theme](https://mmistakes.github.io/minimal-mistakes/)

-[![GitHub release](https://img.shields.io/gem/v/minimal-mistakes-jekyll.svg)](https://github.com/mmistakes/minimal-mistakes/releases) [![GitHub license](https://img.shields.io/badge/license-MIT-lightgrey.svg)](https://raw.githubusercontent.com/mmistakes/minimal-mistakes/master/LICENSE)
+[![GitHub release](https://img.shields.io/gem/v/minimal-mistakes-jekyll.svg)](https://github.com/mmistakes/minimal-mistakes/releases) [![GitHub license](https://img.shields.io/badge/license-MIT-lightgrey.svg)](https://raw.githubusercontent.com/mmistakes/minimal-mistakes/master/LICENSE.txt)

 Minimal Mistakes is a flexible two-column Jekyll theme. Perfect for hosting your personal site, blog, or portfolio on GitHub or self-hosting on your own server. As the name implies --- styling is purposely minimalistic to be enhanced and customized by you :smile:.

@@ -18,7 +18,7 @@ See what's new in the [CHANGELOG](CHANGELOG.md).
 ## Notable Features

 - "Gemified" for easier install/upgrading
- Compatible with Jekyll 3.x and GitHub Pages
+- Compatible with Jekyll 3.5 and GitHub Pages
 - Support for Jekyll's built-in Sass/SCSS preprocessor
 - Several responsive layout options (single, archive index, splash, and paginated home page)
 - SEO optimized with support for [Twitter Cards](https://dev.twitter.com/cards/overview) and [Open Graph](http://ogp.me/) data
@@ -37,7 +37,7 @@ See what's new in the [CHANGELOG](CHANGELOG.md).
 | [Post with a Gallery][gallery-post] | A post showing several images wrapped in `<figure>` elements. |
 | [Sample Collection Page][sample-collection] | Single page from a collection. |
 | [Categories Archive][categories-archive] | Posts grouped by category. |
-| [Tags Archive][tags-archive] | Posts grouped by tags. |
+| [Tags Archive][tags-archive] | Posts grouped by tag. |

 Additional sample posts are available under [posts archive][year-archive] on the demo site. Source files for these (and the entire demo site) can be found in [`/docs`](docs).

@@ -5,6 +5,8 @@
 # For technical reasons, this file is *NOT* reloaded automatically when you use
 # `jekyll serve`. If you change this file, please restart the server process.

+minimal_mistakes_skin    : "default" # "air", "contrast", "dark", "dirt", "mint", "sunrise"
+
 # Site Settings
 locale                   : "en"
 title                    : "Site Title"
@@ -95,11 +97,11 @@ author:
  keybase          :
  instagram        :
  lastfm           :
-  linkedin         :
+  linkedin         : # "john-doe-12345678" (the last part of your profile url, e.g. https://www.linkedin.com/in/john-doe-12345678)
  pinterest        :
  soundcloud       :
-  stackoverflow    : # "123456/username" (the last part of your profile url, e.g. http://stackoverflow.com/users/123456/username)
-  steam            :
+  stackoverflow    : # "123456/username" (the last part of your profile url, e.g. https://stackoverflow.com/users/123456/username)
+  steam            : # "steamId" (the last part of your profile url, e.g. https://steamcommunity.com/id/steamId/)
  tumblr           :
  twitter          :
  vine             :
@@ -175,11 +177,11 @@ sass:
 permalink: /:categories/:title/
 paginate: 5 # amount of posts to show
 paginate_path: /page:num/
-timezone: # http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
+timezone: # https://en.wikipedia.org/wiki/List_of_tz_database_time_zones


-# Plugins
-gems:
+# Plugins (previously gems:)
+plugins:
  - jekyll-paginate
  - jekyll-sitemap
  - jekyll-gist
@@ -322,12 +322,12 @@ zh: &DEFAULT_ZH
  toc_label                  : "在本页上"
  ext_link_label             : "直接链接"
  less_than                  : "少于"
-  minute_read                : "分钟 阅读"
+  minute_read                : "分钟读完"
  share_on_label             : "分享"
  meta_label                 :
  tags_label                 : "标签:"
  categories_label           : "分类:"
-  date_label                 : "最新的:"
+  date_label                 : "更新时间:"
  comments_label             : "留下评论"
  comments_title             : "评论"
  more_label                 : "了解更多"
@@ -11,7 +11,7 @@
    <!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
  {% endcomment %}
  {% capture page_categories %}{% for category in page.categories %}{{ category | downcase }}#{{ category }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
-  {% assign category_hashes = (page_categories | split: ',' | sort:0) %}
+  {% assign category_hashes = page_categories | split: ',' | sort %}

  <p class="page__taxonomy">
    <strong><i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].categories_label | default: "Categories:" }} </strong>
@@ -1,5 +1,4 @@
 {% if site.comments.disqus.shortname %}
-  <div id="disqus_thread"></div>
  <script>
    var disqus_config = function () {
      this.page.url = "{{ page.url | absolute_url }}";  // Replace PAGE_URL with your page's canonical URL variable
@@ -47,6 +47,7 @@
            <!-- End static comments -->

            <!-- Start new comment form -->
+            <div class="page__comments-form">
              <h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
              <p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
              <form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v1/entry/{{ site.repository }}/{{ site.staticman.branch }}">
@@ -83,9 +84,10 @@
                </p>
                <!-- End comment form alert messaging -->
                <fieldset>
-                <button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
+                  <button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--primary btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
                </fieldset>
              </form>
+            </div>
            <!-- End new comment form -->
          {% endif %}
        </section>
@@ -1,5 +1,5 @@
 {% if include.id %}
-  {% assign feature_row = page.[include.id] %}
+  {% assign feature_row = page[include.id] %}
 {% else %}
  {% assign feature_row = page.feature_row %}
 {% endif %}
@@ -1,5 +1,5 @@
 {% if include.id %}
-  {% assign gallery = page.[include.id] %}
+  {% assign gallery = page[include.id] %}
 {% else %}
  {% assign gallery = page.gallery %}
 {% endif %}
@@ -18,7 +18,7 @@

 <!-- Uniq -->
 {% assign __names =  __names | sort %}
-{% for name in __names | sort %}
+{% for name in __names %}

 <!-- If not equal to previous then it must be unique as sorted -->
 {% unless name == previous %}
@@ -31,4 +31,13 @@
  </style>
 <![endif]-->

-<meta http-equiv="cleartype" content="on">
+{% if site.head_scripts %}
+  {% for script in site.head_scripts %}
+    {% if script contains "://" %}
+      {% capture script_path %}{{ script }}{% endcapture %}
+    {% else %}
+      {% capture script_path %}{{ script | absolute_url }}{% endcapture %}
+    {% endif %}
+    <script src="{{ script_path }}"></script>
+  {% endfor %}
+{% endif %}
@@ -1,4 +1,15 @@
+{% if site.footer_scripts %}
+  {% for script in site.footer_scripts %}
+    {% if script contains "://" %}
+      {% capture script_path %}{{ script }}{% endcapture %}
+    {% else %}
+      {% capture script_path %}{{ script | absolute_url }}{% endcapture %}
+    {% endif %}
+    <script src="{{ script_path }}"></script>
+  {% endfor %}
+{% else %}
  <script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
+{% endif %}

 {% include analytics.html %}
 {% include /comments-providers/scripts.html %}
@@ -11,7 +11,7 @@
    <!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
  {% endcomment %}
  {% capture page_tags %}{% for tag in page.tags %}{{ tag | downcase }}#{{ tag }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
-  {% assign tag_hashes = (page_tags | split: ',' | sort:0) %}
+  {% assign tag_hashes = page_tags | split: ',' | sort %}

  <p class="page__taxonomy">
    <strong><i class="fa fa-fw fa-tags" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].tags_label | default: "Tags:" }} </strong>
@@ -3,7 +3,7 @@

 <!doctype html>
 <!--
-  Minimal Mistakes Jekyll Theme 4.5.1 by Michael Rose
+  Minimal Mistakes Jekyll Theme 4.6.0 by Michael Rose
  Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
  Free for personal and commercial use under the MIT license
  https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
@@ -35,7 +35,7 @@ layout: default

      <section class="page__content" itemprop="text">
        {{ content }}
-        {% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
+        {% if page.link %}<div><a href="{{ page.link }}" class="btn btn--primary">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
      </section>

      <footer class="page__meta">
@@ -60,7 +60,7 @@ layout: default
    {% endif %}
  </article>

-  {% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
+  {% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}
  {% if page.id and page.related and site.related_posts.size > 0 %}
    <div class="page__related">
      <h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
@@ -70,5 +70,15 @@ layout: default
        {% endfor %}
      </div>
    </div>
+  {% comment %}<!-- otherwise show recent posts if no related when `related: true` -->{% endcomment %}
+  {% elsif page.id and page.related %}
+    <div class="page__related">
+      <h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
+      <div class="grid__wrapper">
+        {% for post in site.posts limit:4 %}
+          {% include archive-single.html type="grid" %}
+        {% endfor %}
+      </div>
+    </div>
  {% endif %}
 </div>
@@ -1,5 +1,5 @@
 /*!
- * Minimal Mistakes Jekyll Theme 4.5.1 by Michael Rose
+ * Minimal Mistakes Jekyll Theme 4.6.0 by Michael Rose
 * Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
 * Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
 */
@@ -26,7 +26,7 @@
  margin: 1.414em 0 0;
  padding-bottom: 0.5em;
  font-size: $type-size-5;
-  color: mix(#fff, $gray, 25%);
+  color: $muted-text-color;
  border-bottom: 1px solid $border-color;

  + .list__item .archive__item-title {
@@ -37,6 +37,8 @@
 .archive__item-title {
  margin-bottom: 0.25em;
  font-family: $sans-serif-narrow;
+  overflow: hidden;
+  text-overflow: ellipsis;

  a + a {
    opacity: 0.5;
@@ -70,6 +72,7 @@
 }

 .archive__item:hover {
+
  .archive__item-teaser {
    box-shadow: 0 0 10px rgba(#000, 0.25);
  }
@@ -118,8 +118,13 @@ a {

  &:hover,
  &:active {
+    color: $link-color-hover;
    outline: 0;
  }
+
+  &:visited {
+    color: $link-color-visited;
+  }
 }

 /* code */
@@ -141,7 +146,7 @@ td > code {
  padding-bottom: 0.1rem;
  font-size: $type-size-6;
  background: $code-background-color;
-  border: 1px solid $lighter-gray;
+  border: 1px solid $border-color;
  border-radius: $border-radius;
  box-shadow: $box-shadow;

@@ -236,20 +241,16 @@ figure {

 figcaption {
  margin-bottom: 0.5em;
-  color: mix(#fff, $text-color, 25%);
+  color: $muted-text-color;
  font-family: $caption-font-family;
  font-size: $type-size-6;

  a {
-    color: inherit;
-    text-decoration: none;
-    border-bottom: 1px solid $light-gray;
    -webkit-transition: $global-transition;
    transition: $global-transition;

    &:hover {
-      color: #000;
-      border-bottom-color: #000;
+      color: $link-color-hover;
    }
  }
 }
@@ -7,25 +7,19 @@
   ========================================================================== */

 .btn {
-  /* default button */
+  /* default */
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 0.5em 1em;
-  color: #fff !important;
  font-family: $sans-serif;
  font-size: $type-size-6;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
-  background-color: $primary-color;
-  border: 0 !important;
+  border-width: 0;
  border-radius: $border-radius;
  cursor: pointer;

-  &:hover {
-    background-color: mix(white, #000, 20%);
-  }
-
  .icon {
    margin-right: 0.5em;
  }
@@ -34,8 +28,41 @@
    margin-left: -0.5em; /* override for hidden text*/
  }

-  /* fills width of parent container */
+  /* button colors */
+  $buttoncolors:
+  (primary, $primary-color),
+  (inverse, #fff),
+  (light-outline, transparent),
+  (success, $success-color),
+  (warning, $warning-color),
+  (danger, $danger-color),
+  (info, $info-color),
+  (facebook, $facebook-color),
+  (twitter, $twitter-color),
+  (google-plus, $google-plus-color),
+  (linkedin, $linkedin-color);

+  @each $buttoncolor, $color in $buttoncolors {
+    &--#{$buttoncolor} {
+      @include yiq-contrasted($color);
+      @if ($buttoncolor == inverse) {
+        border: 1px solid $border-color;
+      }
+      @if ($buttoncolor == light-outline) {
+        border: 1px solid #fff;
+      }
+
+      &:hover {
+        @include yiq-contrasted(mix(#000, $color, 20%));
+      }
+
+      &:visited {
+        @include yiq-contrasted($color);
+      }
+    }
+  }
+
+  /* fills width of parent container */
  &--block {
    display: block;
    width: 100%;
@@ -45,68 +72,7 @@
    }
  }

-  /* for dark backgrounds */
-
-  &--inverse {
-    color: $gray !important;
-    border: 1px solid $light-gray !important; /* override*/
-    background-color: #fff;
-
-    &:hover {
-      color: #fff !important;
-      border-color: $gray;
-    }
-  }
-
-  /* light outline */
-
-  &--light-outline {
-    border: 1px solid #fff !important; /* override*/
-    background-color: transparent;
-  }
-
-  /* information */
-
-  &--info {
-    background-color: $info-color;
-
-    &:hover {
-      background-color: mix(#000, $info-color, 20%);
-    }
-  }
-
-  /* warning */
-
-  &--warning {
-    background-color: $warning-color;
-
-    &:hover {
-      background-color: mix(#000, $warning-color, 20%);
-    }
-  }
-
-  /* success */
-
-  &--success {
-    background-color: $success-color;
-
-    &:hover {
-      background-color: mix(#000, $success-color, 20%);
-    }
-  }
-
-  /* danger */
-
-  &--danger {
-    background-color: $danger-color;
-
-    &:hover {
-      background-color: mix(#000, $danger-color, 20%);
-    }
-  }
-
  /* disabled */
-
  &--disabled {
    pointer-events: none;
    cursor: not-allowed;
@@ -115,38 +81,17 @@
    opacity: 0.65;
  }

-  /* social buttons */
-
-  $social:
-  (facebook, $facebook-color),
-  (twitter, $twitter-color),
-  (google-plus, $google-plus-color),
-  (linkedin, $linkedin-color);
-
-  @each $socialnetwork, $color in $social {
-    &--#{$socialnetwork} {
-      background-color: $color;
-
-      &:hover {
-        background-color: mix(#000, $color, 20%);
-      }
-    }
-  }
-
  /* extra large button */
-
  &--x-large {
    font-size: $type-size-4;
  }

  /* large button */
-
  &--large {
    font-size: $type-size-5;
  }

  /* small button */
-
  &--small {
    font-size: $type-size-7;
  }
@@ -15,13 +15,12 @@
  height: auto;
  /* sticky footer fix end */
  margin-top: 3em;
-  color: mix(#fff, $gray, 25%);
+  color: $muted-text-color;
  -webkit-animation: $intro-transition;
          animation: $intro-transition;
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
-  background-color: $lighter-gray;
-  border-top: 1px solid $light-gray;
+  background-color: $footer-background-color;

  footer {
    @include clearfix;
@@ -46,7 +45,7 @@
  }

  .fa {
-    color: mix(#fff, $gray, 25%);
+    color: $muted-text-color;
  }
 }

@@ -4,6 +4,8 @@

 form {
  margin: 0 0 5px 0;
+  padding: 1em;
+  background-color: $form-background-color;

  fieldset {
    margin-bottom: 5px;
@@ -19,7 +21,6 @@ form {
    padding: 0;
    color: $text-color;
    border: 0;
-    border-bottom: 1px solid mix(#fff, #000, 80%);
    white-space: normal;
  }

@@ -80,14 +81,10 @@ select {
  padding: 0.25em;
  margin-bottom: 0.5em;
  color: $text-color;
-  background-color: #fff;
-  border: 1px solid mix(#fff, #000, 80%);
+  background-color: $background-color;
+  border: $border-color;
  border-radius: $border-radius;
  box-shadow: $box-shadow;
-
-  &:hover {
-    border-color: mix(#fff, $primary-color, 50%);
-  }
 }

 .input-mini {
@@ -224,6 +221,7 @@ textarea:focus {
  border-color: $primary-color;
  outline: 0;
  outline: thin dotted \9;
+  box-shadow: inset 0 1px 3px rgba($text-color, 0.06), 0 0 5px rgba($primary-color, 0.7);
 }

 input[type="file"]:focus,
@@ -240,7 +238,7 @@ select:focus {

 .help-block,
 .help-inline {
-  color: $info-color;
+  color: $muted-text-color;
 }

 .help-block {
@@ -382,7 +380,7 @@ select:focus {
  color: #000;
  border-width: 2px !important;
  border-style: solid !important;
-  border-color: lighten(#000,50);
+  border-color: $border-color;
  border-radius: $border-radius;
 }

@@ -51,3 +51,42 @@
    display: table;
  }
 }
+
+/*
+   Compass YIQ Color Contrast
+   https://github.com/easy-designs/yiq-color-contrast
+   ========================================================================== */
+
+@function yiq-is-light(
+  $color,
+  $threshold: $yiq-contrasted-threshold
+) {
+  $red: red($color);
+  $green: green($color);
+  $blue: blue($color);
+
+  $yiq: (($red*299)+($green*587)+($blue*114))/1000;
+
+  @if $yiq-debug { @debug $yiq, $threshold; }
+
+  @return if($yiq >= $threshold, true, false);
+}
+
+@function yiq-contrast-color(
+  $color,
+  $dark: $yiq-contrasted-dark-default,
+  $light: $yiq-contrasted-light-default,
+  $threshold: $yiq-contrasted-threshold
+) {
+  @return if(yiq-is-light($color, $threshold), $yiq-contrasted-dark-default, $yiq-contrasted-light-default);
+}
+
+@mixin yiq-contrasted(
+  $background-color,
+  $dark: $yiq-contrasted-dark-default,
+  $light: $yiq-contrasted-light-default,
+  $threshold: $yiq-contrasted-threshold
+) {
+  background-color: $background-color;
+  color: yiq-contrast-color($background-color, $dark, $light, $threshold);
+}
@@ -85,21 +85,22 @@
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
-      color: mix(#fff, $gray, 25%);
-      border: 1px solid $light-gray;
+        color: $muted-text-color;
+        border: 1px solid mix(#000, $border-color, 25%);
        border-radius: 0;

        &:hover {
          color: $link-color-hover;
        }

-      &.current {
+        &.current,
+        &.current.disabled {
          color: #fff;
          background: $primary-color;
        }

        &.disabled {
-        color: mix(#fff, $gray, 75%);
+          color: rgba($muted-text-color, 0.5);
          pointer-events: none;
          cursor: not-allowed;
        }
@@ -133,12 +134,12 @@
      font-weight: bold;
      text-align: center;
      text-decoration: none;
-    color: $link-color;
-    border: 1px solid $light-gray;
+      color: $muted-text-color;
+      border: 1px solid mix(#000, $border-color, 25%);
      border-radius: $border-radius;

      &:hover {
-      color: $link-color-hover;
+        @include yiq-contrasted($muted-text-color);
      }

      &:first-child {
@@ -153,7 +154,7 @@
      }

      &.disabled {
-      color: mix(#fff, $gray, 75%);
+        color: rgba($muted-text-color, 0.5);
        pointer-events: none;
        cursor: not-allowed;
      }
@@ -238,7 +239,7 @@
          left: 0;
          bottom: 0;
          height: 4px;
-        background: mix(#fff, $primary-color, 50%);
+          background: $primary-color;
          width: 100%;
          -webkit-transition: $global-transition;
          transition: $global-transition;
@@ -262,7 +263,7 @@
      padding: 5px;
      border: 1px solid $border-color;
      border-radius: $border-radius;
-    background: #fff;
+      background: $background-color;
      box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);

      &.hidden {
@@ -301,7 +302,7 @@
        width: 0;
        border-style: solid;
        border-width: 0 10px 10px;
-      border-color: #fff transparent;
+        border-color: $background-color transparent;
        display: block;
        z-index: 1;
      }
@@ -494,7 +495,7 @@
    color: $gray;
    text-transform: uppercase;
    letter-spacing: 1px;
-  background-color: #fff;
+    background-color: $background-color;
    border: 1px solid $border-color;
    border-radius: $border-radius;
    box-shadow: $box-shadow;
@@ -518,15 +519,14 @@
    a {
      display: block;
      padding: 0.5rem 1rem;
-    color: $gray;
+      color: $muted-text-color;
      font-size: $type-size-7;
      font-weight: bold;
      line-height: 1.5;
      border-bottom: 1px solid $border-color;

      &:hover {
-      color: #000;
-      background: $lighter-gray;
+        color: $text-color;
      }
    }

@@ -13,6 +13,7 @@
@mixin notice($notice-color) {
  margin: 2em 0 !important;  /* override*/
  padding: 1em;
+  color: $dark-gray;
  font-family: $global-font-family;
  font-size: $type-size-6 !important;
  text-indent: initial; /* override*/
@@ -91,8 +91,7 @@
    }
  }

-  a {
-    text-decoration: none;
+  a:not(.btn) {

    &:hover {
      text-decoration: underline;
@@ -250,7 +249,7 @@

 .page__meta {
  margin-top: 2em;
-  color: mix(#fff, $gray, 25%);
+  color: $muted-text-color;
  font-family: $sans-serif;
  font-size: $type-size-6;

@@ -290,7 +289,7 @@
  margin-bottom: 8px;
  padding: 5px 10px;
  text-decoration: none;
-  border: 1px solid $light-gray;
+  border: 1px solid mix(#000, $border-color, 25%);
  border-radius: $border-radius;

  &:hover {
@@ -322,8 +321,6 @@
 }

 .page__comments-form {
-  padding: 1em;
-  background: $lighter-gray;
  -webkit-transition: $global-transition;
  transition: $global-transition;

@@ -15,19 +15,20 @@
  }

  html {
-    font-size: 16px;
    margin: 0;
    padding: 0;
+    min-height: auto !important;
+    font-size: 16px;
  }

  body {
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
+    margin: 0 auto;
    background: #fff !important;
    color: #000 !important;
    font-size: 1rem;
    line-height: 1.5;
-    margin: 0 auto;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

@@ -185,6 +186,16 @@
    content: " (" attr(title) ")";
  }

+  #main {
+    max-width: 100%;
+  }
+
+  .page {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+
  .page-break,
  .page-break-before {
    page-break-before: always;
@@ -228,11 +239,14 @@
  .pagination,
  .ads,
  .page__footer,
+  .page__comments-form,
  .author__avatar,
  .author__content,
  .author__urls-wrapper,
  .nav__list,
+  .sidebar,
  .adsbygoogle {
    display: none !important;
+    height: 1px !important;
  }
 }
@@ -189,7 +189,7 @@
  list-style-type: none;
  border: 1px solid $border-color;
  border-radius: $border-radius;
-  background: #fff;
+  background: $background-color;
  z-index: -1;
  box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
  cursor: default;
@@ -234,7 +234,7 @@
    width: 0;
    border-style: solid;
    border-width: 0 10px 10px;
-    border-color: #fff transparent;
+    border-color: $background-color transparent;
    z-index: 1;

    @include breakpoint($large) {
@@ -19,7 +19,7 @@ figure.highlight {
    top: 0;
    right: 0;
    padding: 0.5em;
-    background-color: $lighter-gray;
+    background-color: $border-color;
    content: "\f121";
    font-family: "fontawesome" !important;
    line-height: 1;
@@ -49,7 +49,7 @@ figure.highlight {
    /* line numbers*/
    &.gutter {
      padding-right: 1em;
-      color: $light-gray;
+      color: rgba($muted-text-color, 0.5);
    }
  }

@@ -15,8 +15,8 @@ table {
 }

 thead {
-  background-color: $lighter-gray;
-  border-bottom: 2px solid $light-gray;
+  background-color: $border-color;
+  border-bottom: 2px solid mix(#000, $border-color, 25%);
 }

 th {
@@ -27,7 +27,7 @@ th {

 td {
  padding: 0.5em;
-  border-bottom: 1px solid $light-gray;
+  border-bottom: 1px solid mix(#000, $border-color, 25%);
 }

 tr,
@@ -57,7 +57,7 @@ body:hover .visually-hidden button {
  background: #fff;
  z-index: 100000;
  text-decoration: none;
-  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
+  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 }


@@ -185,7 +185,7 @@ body:hover .visually-hidden button {

 .social-icons {
  .fa {
-    color: #000;
+    color: $text-color;
  }

  .fa-behance,
@@ -53,12 +53,14 @@ $darker-gray                : mix(#000, $gray, 60%) !default;
 $light-gray                   : mix(#fff, $gray, 50%) !default;
 $lighter-gray                 : mix(#fff, $gray, 90%) !default;

-$body-color                 : #fff !default;
 $background-color             : #fff !default;
 $code-background-color        : #fafafa !default;
 $code-background-color-dark   : $light-gray !default;
 $text-color                   : $dark-gray !default;
+$muted-text-color             : mix(#fff, $text-color, 35%) !default;
 $border-color                 : $lighter-gray !default;
+$form-background-color        : $lighter-gray !default;
+$footer-background-color      : $lighter-gray !default;

 $primary-color                : #7a8288 !default;
 $success-color                : #62c462 !default;
@@ -66,6 +68,12 @@ $warning-color              : #f89406 !default;
 $danger-color                 : #ee5f5b !default;
 $info-color                   : #52adc8 !default;

+/* YIQ color contrast */
+$yiq-contrasted-dark-default  : $dark-gray !default;
+$yiq-contrasted-light-default : #fff !default;
+$yiq-contrasted-threshold     : 175 !default;
+$yiq-debug                    : false !default;
+
 /* brands */
 $behance-color                : #1769FF !default;
 $bitbucket-color              : #205081 !default;
@@ -89,7 +97,6 @@ $vine-color                 : #00bf8f !default;
 $youtube-color                : #bb0000 !default;
 $xing-color                   : #006567 !default;

-
 /* links */
 $link-color                   : $info-color !default;
 $link-color-hover             : mix(#000, $link-color, 25%) !default;
@@ -0,0 +1,23 @@
+/* ==========================================================================
+   Air skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #eeeeee !default;
+$text-color: #222831 !default;
+$muted-text-color: #393e46 !default;
+$primary-color: #0092ca !default;
+$border-color: mix(#fff, #393e46, 75%) !default;
+$footer-background-color: $primary-color !default;
+$link-color: #393e46 !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
+
+.page__footer {
+  color: #fff !important; // override
+}
+
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,34 @@
+/* ==========================================================================
+   Contrast skin
+   ========================================================================== */
+
+/* Colors */
+$text-color: #000 !default;
+$muted-text-color: $text-color !default;
+$primary-color: #ff0000 !default;
+$border-color: mix(#fff, $text-color, 75%) !default;
+$footer-background-color: #000 !default;
+$link-color: #0000ff !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
+
+.page__content {
+
+  .notice,
+  .notice--primary,
+  .notice--info,
+  .notice--warning,
+  .notice--success,
+  .notice--danger {
+    color: $text-color;
+  }
+}
+
+.page__footer {
+  color: #fff !important; // override
+}
+
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,24 @@
+/* ==========================================================================
+   Dark skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #252a34 !default;
+$text-color: #eaeaea !default;
+$primary-color: #00adb5 !default;
+$border-color: mix(#fff, $background-color, 20%) !default;
+$code-background-color: mix(#000, $background-color, 15%) !default;
+$code-background-color-dark: mix(#000, $background-color, 20%) !default;
+$form-background-color: mix(#000, $background-color, 15%) !default;
+$footer-background-color: mix(#000, $background-color, 30%) !default;
+$link-color: mix($primary-color, $text-color, 40%) !default;
+$link-color-hover: mix(#fff, $link-color, 25%) !default;
+$link-color-visited: mix(#000, $link-color, 25%) !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
+$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
+
+.author__urls.social-icons .fa,
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,5 @@
+/* ==========================================================================
+   Default skin
+   ========================================================================== */
+
+// Intentionally left blank
@@ -0,0 +1,15 @@
+/* ==========================================================================
+   Dirt skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #f3f3f3 !default;
+$text-color: #343434 !default;
+$muted-text-color: #8e8b82 !default;
+$primary-color: #343434 !default;
+$border-color: #e9dcbe !default;
+$footer-background-color: #e9dcbe !default;
+$link-color: #343434 !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
@@ -0,0 +1,23 @@
+/* ==========================================================================
+   Mint skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #f3f6f6 !default;
+$text-color: #40514e !default;
+$muted-text-color: #40514e !default;
+$primary-color: #11999e !default;
+$border-color: mix(#fff, #40514e, 75%) !default;
+$footer-background-color: #30e3ca !default;
+$link-color: #11999e !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
+
+.page__footer {
+  color: #fff !important; // override
+}
+
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,26 @@
+/* ==========================================================================
+   Sunrise skin
+   ========================================================================== */
+
+/* Colors */
+$dark-gray: #0e2431 !default;
+$background-color: #e8d5b7 !default;
+$text-color: #000 !default;
+$muted-text-color: $dark-gray !default;
+$primary-color: #fc3a52 !default;
+$border-color: mix(#000, $background-color, 20%) !default;
+$code-background-color: mix(#fff, $background-color, 20%) !default;
+$code-background-color-dark: mix(#000, $background-color, 10%) !default;
+$form-background-color: mix(#fff, $background-color, 15%) !default;
+$footer-background-color: #f9b248 !default;
+$link-color: mix(#000, $primary-color, 10%) !default;
+$link-color-hover: mix(#fff, $link-color, 25%) !default;
+$link-color-visited: mix(#000, $link-color, 25%) !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
+$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
+
+.author__urls.social-icons .fa,
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -4,4 +4,5 @@

@charset "utf-8";

-@import "minimal-mistakes";
+@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
+@import "minimal-mistakes"; // main partials
@@ -1,7 +1,18 @@
-/*! Magnific Popup - v0.9.9 - 2013-12-27
+/*! Magnific Popup - v1.1.0 - 2016-02-20
 * http://dimsemenov.com/plugins/magnific-popup/
-* Copyright (c) 2013 Dmitry Semenov; */
-;(function($) {
+* Copyright (c) 2016 Dmitry Semenov; */
+;(function (factory) {
+  if (typeof define === 'function' && define.amd) {
+   // AMD. Register as an anonymous module.
+   define(['jquery'], factory);
+   } else if (typeof exports === 'object') {
+   // Node/CommonJS
+   factory(require('jquery'));
+   } else {
+   // Browser globals
+   factory(window.jQuery || window.Zepto);
+   }
+   }(function($) {

  /*>>core*/
  /**
@@ -31,12 +42,12 @@ var CLOSE_EVENT = 'Close',
  /**
   * Private vars
   */
+  /*jshint -W079 */
  var mfp, // As we have only one instance of MagnificPopup object, we define it locally to not to use 'this'
    MagnificPopup = function(){},
    _isJQ = !!(window.jQuery),
    _prevStatus,
    _window = $(window),
-	_body,
    _document,
    _prevContentType,
    _wrapClasses,
@@ -86,6 +97,7 @@ var _mfpOn = function(name, f) {
    // Initialize Magnific Popup only when called at least once
    _checkInstance = function() {
      if(!$.magnificPopup.instance) {
+        /*jshint -W020 */
        mfp = new MagnificPopup();
        mfp.init();
        $.magnificPopup.instance = mfp;
@@ -124,9 +136,7 @@ MagnificPopup.prototype = {
     */
    init: function() {
      var appVersion = navigator.appVersion;
-		mfp.isIE7 = appVersion.indexOf("MSIE 7.") !== -1;
-		mfp.isIE8 = appVersion.indexOf("MSIE 8.") !== -1;
-		mfp.isLowIE = mfp.isIE7 || mfp.isIE8;
+      mfp.isLowIE = mfp.isIE8 = document.all && !document.addEventListener;
      mfp.isAndroid = (/android/gi).test(appVersion);
      mfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);
      mfp.supportsTransition = supportsTransitions();
@@ -145,10 +155,6 @@ MagnificPopup.prototype = {
     */
    open: function(data) {

-		if(!_body) {
-			_body = $(document.body);
-		}
-
      var i;

      if(data.isObj === false) {
@@ -347,7 +353,7 @@ MagnificPopup.prototype = {
      $('html').css(windowStyles);

      // add everything to DOM
-		mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || _body );
+      mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );

      // Save last focused element
      mfp._lastFocusedEl = document.activeElement;
@@ -438,7 +444,7 @@ MagnificPopup.prototype = {
      }


-		if(mfp._lastFocusedEl) {
+      if(mfp.st.autoFocusLast && mfp._lastFocusedEl) {
        $(mfp._lastFocusedEl).focus(); // put tab focus back
      }
      mfp.currItem = null;
@@ -493,10 +499,6 @@ MagnificPopup.prototype = {

      mfp.currItem = item;

-
-
-
-
      if(!mfp.currTemplate[type]) {
        var markup = mfp.st[type] ? mfp.st[type].markup : false;

@@ -557,8 +559,6 @@ MagnificPopup.prototype = {
    },


-
-
    /**
     * Creates Magnific Popup data object based on given data
     * @param  {int} index Index of item to parse
@@ -634,7 +634,7 @@ MagnificPopup.prototype = {
      var midClick = options.midClick !== undefined ? options.midClick : $.magnificPopup.defaults.midClick;


-		if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey ) ) {
+      if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey ) ) {
        return;
      }

@@ -661,7 +661,6 @@ MagnificPopup.prototype = {
        }
      }

-
      options.el = $(e.mfpEl);
      if(options.delegate) {
        options.items = el.find(options.delegate);
@@ -789,7 +788,7 @@ MagnificPopup.prototype = {
              if(el.is('img')) {
                el.attr('src', value);
              } else {
-							el.replaceWith( '<img src="'+value+'" class="' + el.attr('class') + '" />' );
+                el.replaceWith( $('<img>').attr('src', value).attr('class', el.attr('class')) );
              }
            } else {
              el.attr(arr[1], value);
@@ -806,7 +805,6 @@ MagnificPopup.prototype = {
      // thx David
      if(mfp.scrollbarSize === undefined) {
        var scrollDiv = document.createElement("div");
-			scrollDiv.id = "mfp-sbm";
        scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
        document.body.appendChild(scrollDiv);
        mfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
@@ -837,7 +835,6 @@ $.magnificPopup = {
        options = $.extend(true, {}, options);
      }

-
      options.isObj = true;
      options.index = index || 0;
      return this.instance.open(options);
@@ -896,11 +893,13 @@ $.magnificPopup = {

      overflowY: 'auto',

-		closeMarkup: '<button title="%title%" type="button" class="mfp-close">&times;</button>',
+      closeMarkup: '<button title="%title%" type="button" class="mfp-close">&#215;</button>',

      tClose: 'Close (Esc)',

-		tLoading: 'Loading...'
+      tLoading: 'Loading...',
+
+      autoFocusLast: true

    }
  };
@@ -956,26 +955,6 @@ $.fn.magnificPopup = function(options) {
    return jqEl;
  };

-
-//Quick benchmark
-/*
-var start = performance.now(),
-	i,
-	rounds = 1000;
-
-for(i = 0; i < rounds; i++) {
-
-}
-console.log('Test #1:', performance.now() - start);
-
-start = performance.now();
-for(i = 0; i < rounds; i++) {
-
-}
-console.log('Test #2:', performance.now() - start);
-*/
-
-
  /*>>core*/

  /*>>inline*/
@@ -1053,7 +1032,7 @@ var AJAX_NS = 'ajax',
    _ajaxCur,
    _removeAjaxCursor = function() {
      if(_ajaxCur) {
-			_body.removeClass(_ajaxCur);
+        $(document.body).removeClass(_ajaxCur);
      }
    },
    _destroyAjaxRequest = function() {
@@ -1081,8 +1060,9 @@ $.magnificPopup.registerModule(AJAX_NS, {
      },
      getAjax: function(item) {

-			if(_ajaxCur)
-				_body.addClass(_ajaxCur);
+        if(_ajaxCur) {
+          $(document.body).addClass(_ajaxCur);
+        }

        mfp.updateStatus('loading');

@@ -1126,12 +1106,6 @@ $.magnificPopup.registerModule(AJAX_NS, {
    }
  });

-
-
-
-
-
-
  /*>>ajax*/

  /*>>image*/
@@ -1182,13 +1156,13 @@ $.magnificPopup.registerModule('image', {

        _mfpOn(OPEN_EVENT+ns, function() {
          if(mfp.currItem.type === 'image' && imgSt.cursor) {
-					_body.addClass(imgSt.cursor);
+            $(document.body).addClass(imgSt.cursor);
          }
        });

        _mfpOn(CLOSE_EVENT+ns, function() {
          if(imgSt.cursor) {
-					_body.removeClass(imgSt.cursor);
+            $(document.body).removeClass(imgSt.cursor);
          }
          _window.off('resize' + EVENT_NS);
        });
@@ -1326,6 +1300,9 @@ $.magnificPopup.registerModule('image', {
        if(el.length) {
          var img = document.createElement('img');
          img.className = 'mfp-img';
+          if(item.el && item.el.find('img').length) {
+            img.alt = item.el.find('img').attr('alt');
+          }
          item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
          img.src = item.src;

@@ -1377,8 +1354,6 @@ $.magnificPopup.registerModule('image', {
    }
  });

-
-
  /*>>image*/

  /*>>zoom*/
@@ -1492,7 +1467,6 @@ $.magnificPopup.registerModule('zoom', {
              animatedImg = getElToAnimate(image);
            }

-
            animatedImg.css( mfp._getOffset(true) );
            mfp.wrap.append(animatedImg);
            mfp.content.css('visibility', 'hidden');
@@ -1712,8 +1686,7 @@ $.magnificPopup.registerModule('gallery', {
      initGallery: function() {

        var gSt = mfp.st.gallery,
-				ns = '.mfp-gallery',
-				supportsFastClick = Boolean($.fn.mfpFastClick);
+          ns = '.mfp-gallery';

        mfp.direction = true; // true - next, false - prev

@@ -1758,22 +1731,13 @@ $.magnificPopup.registerModule('gallery', {
              arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),
              arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);

-					var eName = supportsFastClick ? 'mfpFastClick' : 'click';
-					arrowLeft[eName](function() {
+            arrowLeft.click(function() {
              mfp.prev();
            });
-					arrowRight[eName](function() {
+            arrowRight.click(function() {
              mfp.next();
            });

-					// Polyfill for :before and :after (adds elements with classes mfp-a and mfp-b)
-					if(mfp.isIE7) {
-						_getEl('b', arrowLeft[0], false, true);
-						_getEl('a', arrowLeft[0], false, true);
-						_getEl('b', arrowRight[0], false, true);
-						_getEl('a', arrowRight[0], false, true);
-					}
-
            mfp.container.append(arrowLeft.add(arrowRight));
          }
        });
@@ -1791,10 +1755,6 @@ $.magnificPopup.registerModule('gallery', {
        _mfpOn(CLOSE_EVENT+ns, function() {
          _document.off(ns);
          mfp.wrap.off('click'+ns);
-
-				if(mfp.arrowLeft && supportsFastClick) {
-					mfp.arrowLeft.add(mfp.arrowRight).destroyMfpFastClick();
-				}
          mfp.arrowRight = mfp.arrowLeft = null;
        });

@@ -1857,58 +1817,6 @@ $.magnificPopup.registerModule('gallery', {
    }
  });

-/*
-Touch Support that might be implemented some day
-
-addSwipeGesture: function() {
-	var startX,
-		moved,
-		multipleTouches;
-
-		return;
-
-	var namespace = '.mfp',
-		addEventNames = function(pref, down, move, up, cancel) {
-			mfp._tStart = pref + down + namespace;
-			mfp._tMove = pref + move + namespace;
-			mfp._tEnd = pref + up + namespace;
-			mfp._tCancel = pref + cancel + namespace;
-		};
-
-	if(window.navigator.msPointerEnabled) {
-		addEventNames('MSPointer', 'Down', 'Move', 'Up', 'Cancel');
-	} else if('ontouchstart' in window) {
-		addEventNames('touch', 'start', 'move', 'end', 'cancel');
-	} else {
-		return;
-	}
-	_window.on(mfp._tStart, function(e) {
-		var oE = e.originalEvent;
-		multipleTouches = moved = false;
-		startX = oE.pageX || oE.changedTouches[0].pageX;
-	}).on(mfp._tMove, function(e) {
-		if(e.originalEvent.touches.length > 1) {
-			multipleTouches = e.originalEvent.touches.length;
-		} else {
-			//e.preventDefault();
-			moved = true;
-		}
-	}).on(mfp._tEnd + ' ' + mfp._tCancel, function(e) {
-		if(moved && !multipleTouches) {
-			var oE = e.originalEvent,
-				diff = startX - (oE.pageX || oE.changedTouches[0].pageX);
-
-			if(diff > 20) {
-				mfp.next();
-			} else if(diff < -20) {
-				mfp.prev();
-			}
-		}
-	});
-},
-*/
-
-
  /*>>gallery*/

  /*>>retina*/
@@ -1949,101 +1857,4 @@ $.magnificPopup.registerModule(RETINA_NS, {
  });

  /*>>retina*/
-
-/*>>fastclick*/
-/**
- * FastClick event implementation. (removes 300ms delay on touch devices)
- * Based on https://developers.google.com/mobile/articles/fast_buttons
- *
- * You may use it outside the Magnific Popup by calling just:
- *
- * $('.your-el').mfpFastClick(function() {
- *     console.log('Clicked!');
- * });
- *
- * To unbind:
- * $('.your-el').destroyMfpFastClick();
- *
- *
- * Note that it's a very basic and simple implementation, it blocks ghost click on the same element where it was bound.
- * If you need something more advanced, use plugin by FT Labs https://github.com/ftlabs/fastclick
- *
- */
-
-(function() {
-	var ghostClickDelay = 1000,
-		supportsTouch = 'ontouchstart' in window,
-		unbindTouchMove = function() {
-			_window.off('touchmove'+ns+' touchend'+ns);
-		},
-		eName = 'mfpFastClick',
-		ns = '.'+eName;
-
-
-	// As Zepto.js doesn't have an easy way to add custom events (like jQuery), so we implement it in this way
-	$.fn.mfpFastClick = function(callback) {
-
-		return $(this).each(function() {
-
-			var elem = $(this),
-				lock;
-
-			if( supportsTouch ) {
-
-				var timeout,
-					startX,
-					startY,
-					pointerMoved,
-					point,
-					numPointers;
-
-				elem.on('touchstart' + ns, function(e) {
-					pointerMoved = false;
-					numPointers = 1;
-
-					point = e.originalEvent ? e.originalEvent.touches[0] : e.touches[0];
-					startX = point.clientX;
-					startY = point.clientY;
-
-					_window.on('touchmove'+ns, function(e) {
-						point = e.originalEvent ? e.originalEvent.touches : e.touches;
-						numPointers = point.length;
-						point = point[0];
-						if (Math.abs(point.clientX - startX) > 10 ||
-							Math.abs(point.clientY - startY) > 10) {
-							pointerMoved = true;
-							unbindTouchMove();
-						}
-					}).on('touchend'+ns, function(e) {
-						unbindTouchMove();
-						if(pointerMoved || numPointers > 1) {
-							return;
-						}
-						lock = true;
-						e.preventDefault();
-						clearTimeout(timeout);
-						timeout = setTimeout(function() {
-							lock = false;
-						}, ghostClickDelay);
-						callback();
-					});
-				});
-
-			}
-
-			elem.on('click' + ns, function() {
-				if(!lock) {
-					callback();
-				}
-			});
-		});
-	};
-
-	$.fn.destroyMfpFastClick = function() {
-		$(this).off('touchstart' + ns + ' click' + ns);
-		if(supportsTouch) _window.off('touchmove'+ns+' touchend'+ns);
-	};
-})();
-
-/*>>fastclick*/
- _checkInstance(); })(window.jQuery || window.Zepto);
+   _checkInstance(); }));
@@ -1,8 +1,9 @@
 /*!
- * jQuery Smooth Scroll - v1.7.2 - 2016-01-23
+ * jQuery Smooth Scroll - v2.2.0 - 2017-05-05
 * https://github.com/kswedberg/jquery-smooth-scroll
- * Copyright (c) 2016 Karl Swedberg
+ * Copyright (c) 2017 Karl Swedberg
 * Licensed MIT
 */

-!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof module&&module.exports?require("jquery"):jQuery)}(function(a){var b="1.7.2",c={},d={exclude:[],excludeWithin:[],offset:0,direction:"top",delegateSelector:null,scrollElement:null,scrollTarget:null,beforeScroll:function(){},afterScroll:function(){},easing:"swing",speed:400,autoCoefficient:2,preventDefault:!0},e=function(b){var c=[],d=!1,e=b.dir&&"left"===b.dir?"scrollLeft":"scrollTop";return this.each(function(){var b=a(this);if(this!==document&&this!==window)return!document.scrollingElement||this!==document.documentElement&&this!==document.body?void(b[e]()>0?c.push(this):(b[e](1),d=b[e]()>0,d&&c.push(this),b[e](0))):(c.push(document.scrollingElement),!1)}),c.length||this.each(function(){this===document.documentElement&&"smooth"===a(this).css("scrollBehavior")&&(c=[this]),c.length||"BODY"!==this.nodeName||(c=[this])}),"first"===b.el&&c.length>1&&(c=[c[0]]),c};a.fn.extend({scrollable:function(a){var b=e.call(this,{dir:a});return this.pushStack(b)},firstScrollable:function(a){var b=e.call(this,{el:"first",dir:a});return this.pushStack(b)},smoothScroll:function(b,c){if(b=b||{},"options"===b)return c?this.each(function(){var b=a(this),d=a.extend(b.data("ssOpts")||{},c);a(this).data("ssOpts",d)}):this.first().data("ssOpts");var d=a.extend({},a.fn.smoothScroll.defaults,b),e=function(b){var c=function(a){return a.replace(/(:|\.|\/)/g,"\\$1")},e=this,f=a(this),g=a.extend({},d,f.data("ssOpts")||{}),h=d.exclude,i=g.excludeWithin,j=0,k=0,l=!0,m={},n=a.smoothScroll.filterPath(location.pathname),o=a.smoothScroll.filterPath(e.pathname),p=location.hostname===e.hostname||!e.hostname,q=g.scrollTarget||o===n,r=c(e.hash);if(r&&!a(r).length&&(l=!1),g.scrollTarget||p&&q&&r){for(;l&&j<h.length;)f.is(c(h[j++]))&&(l=!1);for(;l&&k<i.length;)f.closest(i[k++]).length&&(l=!1)}else l=!1;l&&(g.preventDefault&&b.preventDefault(),a.extend(m,g,{scrollTarget:g.scrollTarget||r,link:e}),a.smoothScroll(m))};return null!==b.delegateSelector?this.undelegate(b.delegateSelector,"click.smoothscroll").delegate(b.delegateSelector,"click.smoothscroll",e):this.unbind("click.smoothscroll").bind("click.smoothscroll",e),this}}),a.smoothScroll=function(b,d){if("options"===b&&"object"==typeof d)return a.extend(c,d);var e,f,g,h,i,j=0,k="offset",l="scrollTop",m={},n={};"number"==typeof b?(e=a.extend({link:null},a.fn.smoothScroll.defaults,c),g=b):(e=a.extend({link:null},a.fn.smoothScroll.defaults,b||{},c),e.scrollElement&&(k="position","static"===e.scrollElement.css("position")&&e.scrollElement.css("position","relative"))),l="left"===e.direction?"scrollLeft":l,e.scrollElement?(f=e.scrollElement,/^(?:HTML|BODY)$/.test(f[0].nodeName)||(j=f[l]())):f=a("html, body").firstScrollable(e.direction),e.beforeScroll.call(f,e),g="number"==typeof b?b:d||a(e.scrollTarget)[k]()&&a(e.scrollTarget)[k]()[e.direction]||0,m[l]=g+j+e.offset,h=e.speed,"auto"===h&&(i=Math.abs(m[l]-f[l]()),h=i/e.autoCoefficient),n={duration:h,easing:e.easing,complete:function(){e.afterScroll.call(e.link,e)}},e.step&&(n.step=e.step),f.length?f.stop().animate(m,n):e.afterScroll.call(e.link,e)},a.smoothScroll.version=b,a.smoothScroll.filterPath=function(a){return a=a||"",a.replace(/^\//,"").replace(/(?:index|default).[a-zA-Z]{3,4}$/,"").replace(/\/$/,"")},a.fn.smoothScroll.defaults=d});
+
+!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof module&&module.exports?require("jquery"):jQuery)}(function(a){var b={},c={exclude:[],excludeWithin:[],offset:0,direction:"top",delegateSelector:null,scrollElement:null,scrollTarget:null,autoFocus:!1,beforeScroll:function(){},afterScroll:function(){},easing:"swing",speed:400,autoCoefficient:2,preventDefault:!0},d=function(b){var c=[],d=!1,e=b.dir&&"left"===b.dir?"scrollLeft":"scrollTop";return this.each(function(){var b=a(this);if(this!==document&&this!==window)return!document.scrollingElement||this!==document.documentElement&&this!==document.body?void(b[e]()>0?c.push(this):(b[e](1),d=b[e]()>0,d&&c.push(this),b[e](0))):(c.push(document.scrollingElement),!1)}),c.length||this.each(function(){this===document.documentElement&&"smooth"===a(this).css("scrollBehavior")&&(c=[this]),c.length||"BODY"!==this.nodeName||(c=[this])}),"first"===b.el&&c.length>1&&(c=[c[0]]),c},e=/^([\-\+]=)(\d+)/;a.fn.extend({scrollable:function(a){var b=d.call(this,{dir:a});return this.pushStack(b)},firstScrollable:function(a){var b=d.call(this,{el:"first",dir:a});return this.pushStack(b)},smoothScroll:function(b,c){if("options"===(b=b||{}))return c?this.each(function(){var b=a(this),d=a.extend(b.data("ssOpts")||{},c);a(this).data("ssOpts",d)}):this.first().data("ssOpts");var d=a.extend({},a.fn.smoothScroll.defaults,b),e=function(b){var c=function(a){return a.replace(/(:|\.|\/)/g,"\\$1")},e=this,f=a(this),g=a.extend({},d,f.data("ssOpts")||{}),h=d.exclude,i=g.excludeWithin,j=0,k=0,l=!0,m={},n=a.smoothScroll.filterPath(location.pathname),o=a.smoothScroll.filterPath(e.pathname),p=location.hostname===e.hostname||!e.hostname,q=g.scrollTarget||o===n,r=c(e.hash);if(r&&!a(r).length&&(l=!1),g.scrollTarget||p&&q&&r){for(;l&&j<h.length;)f.is(c(h[j++]))&&(l=!1);for(;l&&k<i.length;)f.closest(i[k++]).length&&(l=!1)}else l=!1;l&&(g.preventDefault&&b.preventDefault(),a.extend(m,g,{scrollTarget:g.scrollTarget||r,link:e}),a.smoothScroll(m))};return null!==b.delegateSelector?this.off("click.smoothscroll",b.delegateSelector).on("click.smoothscroll",b.delegateSelector,e):this.off("click.smoothscroll").on("click.smoothscroll",e),this}});var f=function(a){var b={relative:""},c="string"==typeof a&&e.exec(a);return"number"==typeof a?b.px=a:c&&(b.relative=c[1],b.px=parseFloat(c[2])||0),b},g=function(b){var c=a(b.scrollTarget);b.autoFocus&&c.length&&(c[0].focus(),c.is(document.activeElement)||(c.prop({tabIndex:-1}),c[0].focus())),b.afterScroll.call(b.link,b)};a.smoothScroll=function(c,d){if("options"===c&&"object"==typeof d)return a.extend(b,d);var e,h,i,j,k=f(c),l={},m=0,n="offset",o="scrollTop",p={},q={};k.px?e=a.extend({link:null},a.fn.smoothScroll.defaults,b):(e=a.extend({link:null},a.fn.smoothScroll.defaults,c||{},b),e.scrollElement&&(n="position","static"===e.scrollElement.css("position")&&e.scrollElement.css("position","relative")),d&&(k=f(d))),o="left"===e.direction?"scrollLeft":o,e.scrollElement?(h=e.scrollElement,k.px||/^(?:HTML|BODY)$/.test(h[0].nodeName)||(m=h[o]())):h=a("html, body").firstScrollable(e.direction),e.beforeScroll.call(h,e),l=k.px?k:{relative:"",px:a(e.scrollTarget)[n]()&&a(e.scrollTarget)[n]()[e.direction]||0},p[o]=l.relative+(l.px+m+e.offset),i=e.speed,"auto"===i&&(j=Math.abs(p[o]-h[o]()),i=j/e.autoCoefficient),q={duration:i,easing:e.easing,complete:function(){g(e)}},e.step&&(q.step=e.step),h.length?h.stop().animate(p,q):g(e)},a.smoothScroll.version="2.2.0",a.smoothScroll.filterPath=function(a){return a=a||"",a.replace(/^\//,"").replace(/(?:index|default).[a-zA-Z]{3,4}$/,"").replace(/\/$/,"")},a.fn.smoothScroll.defaults=c});
@@ -5,6 +5,8 @@
 # For technical reasons, this file is *NOT* reloaded automatically when you use
 # `jekyll serve`. If you change this file, please restart the server process.

+minimal_mistakes_skin    : "default" # "air", "contrast", "dark", "dirt", "mint", "sunrise"
+
 # Site Settings
 locale                   : "en-US"
 title                    : "Minimal Mistakes"
@@ -31,7 +33,7 @@ comments:
 staticman:
  allowedFields          : ['name', 'email', 'url', 'message']
  branch                 : "master"
-  commitMessage          : "New comment."
+  commitMessage          : "New comment"
  filename               : comment-{@timestamp}
  format                 : "yml"
  moderation             : true
@@ -322,12 +322,12 @@ zh: &DEFAULT_ZH
  toc_label                  : "在本页上"
  ext_link_label             : "直接链接"
  less_than                  : "少于"
-  minute_read                : "分钟 阅读"
+  minute_read                : "分钟读完"
  share_on_label             : "分享"
  meta_label                 :
  tags_label                 : "标签:"
  categories_label           : "分类:"
-  date_label                 : "最新的:"
+  date_label                 : "更新时间:"
  comments_label             : "留下评论"
  comments_title             : "评论"
  more_label                 : "了解更多"
@@ -2,7 +2,7 @@
 title: "Quick-Start Guide"
 permalink: /docs/quick-start-guide/
 excerpt: "How to quickly install and setup Minimal Mistakes for use with GitHub Pages."
-last_modified_at: 2017-08-04T12:37:48-04:00
+last_modified_at: 2017-09-01T09:27:53-04:00
 redirect_from:
  - /theme-setup/
 ---
@@ -13,8 +13,7 @@ Minimal Mistakes has been developed as a [Jekyll theme gem](http://jekyllrb.com/

 ## Installing the Theme

-If you're running Jekyll v3.3+ and self-hosting you can quickly install the theme as Ruby gem.
-If you're hosting with GitHub Pages you'll have to use the old "repo fork" method or directly copy all of the theme files[^structure] into your site.
+If you're running Jekyll v3.5+ and self-hosting you can quickly install the theme as a Ruby gem. If you're hosting with GitHub Pages you'll have to use the old "repo fork" method or directly copy all of the theme files[^structure] into your site.

 [^structure]: See [**Structure** page]({{ "/docs/structure/" | absolute_url }}) for a list of theme files and what they do.

@@ -76,6 +75,13 @@ end

 Then run `bundle update` and verify that all gems install properly.

+**GitHub Pages Alternatives:** Looking to host your site for free and install/update the theme painlessly? [Netflify][netlify-jekyll], [GitLab Pages][gitlab-jekyll], and [Continuous Integration (CI) services][ci-jekyll] have you covered. In most cases all you need to do is connect your repository to them, create a simple configuration file, and install the theme following the [Ruby Gem Method](#ruby-gem-method) above.
+{: .notice--info}
+
+[netlify-jekyll]: https://www.netlify.com/blog/2015/10/28/a-step-by-step-guide-jekyll-3.0-on-netlify/
+[gitlab-jekyll]: https://about.gitlab.com/2016/04/07/gitlab-pages-setup/
+[ci-jekyll]: https://jekyllrb.com/docs/continuous-integration/
+
 ### Remove the Unnecessary

 If you forked or downloaded the `minimal-mistakes-jekyll` repo you can safely remove the following folders and files:
@@ -95,6 +101,9 @@ If you forked or downloaded the `minimal-mistakes-jekyll` repo you can safely re

 Depending on the path you took installing Minimal Mistakes you'll setup things a little differently.

+**ProTip:** The source code and content files for this site can be found in the [`/docs` folder](https://github.com/mmistakes/minimal-mistakes/tree/master/docs) if you want to copy or learn from them.
+{: .notice--info}
+
 ### Starting Fresh

 Starting with an empty folder and `Gemfile` you'll need to copy or re-create this [default `_config.yml`](https://github.com/mmistakes/minimal-mistakes/blob/master/_config.yml) file. For a full explanation of every setting be sure to read the [**Configuration**]({{ "/docs/configuration/" | absolute_url }}) section.
@@ -2,7 +2,7 @@
 title: "Configuration"
 permalink: /docs/configuration/
 excerpt: "Settings for configuring and customizing the theme."
-last_modified_at: 2017-08-18T15:08:14-04:00
+last_modified_at: 2017-09-12T12:25:16-04:00
 ---

 Settings that affect your entire site can be changed in [Jekyll's configuration file](https://jekyllrb.com/docs/configuration/): `_config.yml`, found in the root of your project. If you don't have this file you'll need to copy or create one using the theme's [default `_config.yml`](https://github.com/mmistakes/minimal-mistakes/blob/master/_config.yml) as a base.
@@ -24,6 +24,71 @@ If you're using the Ruby gem version of the theme you'll need this line to activ
 theme: minimal-mistakes-jekyll
 ```

+### Skin
+
+Easily change the color scheme of the theme using one of the provided "skins":
+
+```yaml
+minimal_mistakes_skin : "default" # "air", "contrast", "dark", "dirt", "mint", "sunrise"
+```
+
+**Note:** If you have made edits to the theme's CSS files be sure to update [`/assets/css/main.scss`](https://github.com/mmistakes/minimal-mistakes/blob/master/assets/css/main.scss) to include `@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin` before the `minimal-mistakes` import.
+{: .notice--warning}
+
+#### Air skin: `air`
+{:.no_toc}
+
+<figure class="half">
+    <a href="{{ site.baseurl }}/assets/images/air-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/air-skin-archive.png"></a>
+    <a href="{{ site.baseurl }}/assets/images/air-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/air-skin-post.png"></a>
+    <figcaption>Calm and blue.</figcaption>
+</figure>
+
+#### Contrast skin: `contrast`
+{:.no_toc}
+
+<figure class="half">
+    <a href="{{ site.baseurl }}/assets/images/contrast-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/contrast-skin-archive.png"></a>
+    <a href="{{ site.baseurl }}/assets/images/contrast-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/contrast-skin-post.png"></a>
+    <figcaption>Retro feel with bold blue links and inverted footer.</figcaption>
+</figure>
+
+#### Dark skin: `dark`
+{:.no_toc}
+
+<figure class="half">
+    <a href="{{ site.baseurl }}/assets/images/dark-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/dark-skin-archive.png"></a>
+    <a href="{{ site.baseurl }}/assets/images/dark-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/dark-skin-post.png"></a>
+    <figcaption>Inverted palette, white text on a dark background.</figcaption>
+</figure>
+
+#### Dirt skin: `dirt`
+{:.no_toc}
+
+<figure class="half">
+    <a href="{{ site.baseurl }}/assets/images/dirt-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/dirt-skin-archive.png"></a>
+    <a href="{{ site.baseurl }}/assets/images/dirt-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/dirt-skin-post.png"></a>
+    <figcaption>Earthy tones.</figcaption>
+</figure>
+
+#### Mint skin: `mint`
+{:.no_toc}
+
+<figure class="half">
+    <a href="{{ site.baseurl }}/assets/images/mint-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/mint-skin-archive.png"></a>
+    <a href="{{ site.baseurl }}/assets/images/mint-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/mint-skin-post.png"></a>
+    <figcaption>Minty fresh green.</figcaption>
+</figure>
+
+#### Sunrise skin: `sunrise`
+{:.no_toc}
+
+<figure class="half">
+    <a href="{{ site.baseurl }}/assets/images/sunrise-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/sunrise-skin-archive.png"></a>
+    <a href="{{ site.baseurl }}/assets/images/sunrise-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/sunrise-skin-post.png"></a>
+    <figcaption>Oranges and red.</figcaption>
+</figure>
+
 ### Site Locale

 `site.locale` is used to declare the primary language for each web page within the site.
@@ -102,6 +167,21 @@ If you don't set `repository` correctly you may see the following error when try

 For more information on how `site.github` data can be used with Jekyll check out [`github-metadata`'s documentation](https://github.com/jekyll/github-metadata).

+### Site Scripts
+
+Add scripts to the `<head>` or closing `</body>` elements by assigning paths to either `head_scripts` and/or `footer_scripts`.
+
+For example, to add a CDN version of jQuery to page's head along with a custom script you'd do the following:
+
+```yaml
+head_scripts:
+  - https://code.jquery.com/jquery-3.2.1.min.js
+  - /assets/js/your-custom-head-script.js
+```
+
+Consult the [JavaScript documentation]({{ site.baseurl }}{% link _docs/17-javascript.md %}) for more information on working with theme scripts.
+{: .notice--info}
+
 ### Site Default Teaser Image

 To assign a fallback teaser image used in the "**Related Posts**" module, place a graphic in the `/assets/images/` directory and add the filename to `_config.yml` like so:
@@ -588,12 +668,21 @@ tag_archive:

 Which would create category and tag links in the breadcrumbs and page meta like: `/categories/#foo` and `/tags/#foo`.

-**Note:** for these links to resolve properly, category and tag index pages need to exist at [`/categories/index.html`](https://github.com/{{ site.repository }}/blob/master/docs/_pages/category-archive.html) and [`/tags/index.html`](https://github.com/{{ site.repository }}/blob/master/docs/_pages/tag-archive.html). The necessary Liquid code to build these pages can be taken from the demo site.
+**Note:** these are simply hash (fragment) links into the full taxonomy index pages. For them to resolve properly, the category and tag index pages need to exist at [`/categories/index.html`](https://github.com/{{ site.repository }}/blob/master/docs/_pages/category-archive.html) (copy to `_pages/category-archive.html`) and [`/tags/index.html`](https://github.com/{{ site.repository }}/blob/master/docs/_pages/tag-archive.html) (copy to `_pages/tag-archive.html`). 
 {: .notice--warning}

-If you have the luxury of using Jekyll Plugins then [**jekyll-archives**][jekyll-archives] will make your life much easier as category and tag pages are created for you.
+If you have the luxury of using Jekyll Plugins, then [**jekyll-archives**][jekyll-archives] will create a better experience as discrete  taxonomy pages would be generated, and their corresponding links would be "real" (not just hash/fragment links into a larger index). However, the plugin will not generate the taxonomy index pages (`category-archive.html` and `_pages/tag-archive.html`) so you'd still need to manually create them if you'd like to have them (see note above).

-Change `type` to `jekyll-archives` and apply the following [configurations](https://github.com/jekyll/jekyll-archives/blob/master/docs/configuration.md):
+First, you'll need to make sure that the `jekyll-archives` plugin is installed. Either run `gem install jekyll-archives` or add the following to your `Gemfile`:
+```
+group :jekyll_plugins do
+  gem "jekyll-archives"
+end
+```
+
+Then run `bundle install`.
+
+Now that the plugin is installed, change `type` to `jekyll-archives` and apply the following [configurations](https://github.com/jekyll/jekyll-archives/blob/master/docs/configuration.md):

 ```yaml
 category_archive:
@@ -633,3 +722,7 @@ compress_html:
 ```

 **Caution:** Inline JavaScript comments can cause problems with `compress.html`, so be sure to `/* comment this way */` and avoid `// these sorts of comments`.
+{: .notice--warning}
+
+**Note:** CDN services such as CloudFlare provide optional automatic minification for HTML, CSS, and JavaScript. If you are serving your site via such a service and have minification enabled, this configuration might be redundant.
+{: .notice--info}
@@ -101,7 +101,7 @@ Essentially the same as `single` with markup adjustments and some modules remove
 Below are sample archive pages you can easily drop into your project, taking care to rename `permalink`, `title`, or the filename to fit your site. Each is 100% compatible with GitHub Pages.

 * [All Posts Grouped by Category -- List View][posts-categories]
-* [All Posts Grouped by Tags -- List View][posts-tags]
+* [All Posts Grouped by Tag -- List View][posts-tags]
 * [All Posts Grouped by Year -- List View][posts-year]
 * [All Posts Grouped by Collection -- List View][posts-collection]
 * [Portfolio Collection -- Grid View][portfolio-collection]
@@ -179,7 +179,7 @@ The **Tags Archive** page that responds to urls such as `/tags/#tips` looks some
 ---
 layout: archive
 permalink: /tags/
-title: "Posts by Tags"
+title: "Posts by Tag"
 author_profile: true
 ---

@@ -57,7 +57,7 @@ The Liquid based taxonomy archives found amongst the demo pages rely on this hel
 | Description                   |                          |                             |
 | -----------                   | ------------------------ | --------------------------- |
 | All posts grouped by category | [Source][category-array] | [Demo][category-array-demo] |
-| All posts grouped by tags     | [Source][tag-array]      | [Demo][tag-array-demo]      |
+| All posts grouped by tag     | [Source][tag-array]      | [Demo][tag-array-demo]      |

 [category-array]: https://github.com/{{ site.repository }}/blob/master/docs/_pages/category-archive.html
 [category-array-demo]: {{ "/categories/" | absolute_url }}
@@ -2,7 +2,7 @@
 title: "Utility Classes"
 permalink: /docs/utility-classes/
 excerpt: "CSS classes for aligning text/image, styling buttons and notices, and more."
-last_modified_at: 2016-11-03T11:32:25-04:00
+last_modified_at: 2017-09-01T11:54:44-04:00
 ---

 {% include toc icon="gears" title="Utility Classes" %}
@@ -108,15 +108,16 @@ The image above should extend outside of the parent container on right.

 ## Buttons

-Make any link standout more when applying the `.btn` class.
+Make any link standout more when applying the `.btn .btn--primary` classes.

 ```html
-<a href="#" class="btn">Link Text</a>
+<a href="#" class="btn btn--primary">Link Text</a>
 ```

 | Button Type   | Example | Class | Kramdown |
 | ------        | ------- | ----- | ------- |
 | Default       | [Text](#link){: .btn} | `.btn` | `[Text](#link){: .btn}` |
+| Primary       | [Text](#link){: .btn .btn--primary} | `.btn .btn--primary` | `[Text](#link){: .btn .btn--primary}` |
 | Success       | [Text](#link){: .btn .btn--success} | `.btn .btn--success` | `[Text](#link){: .btn .btn--success}` |
 | Warning       | [Text](#link){: .btn .btn--warning} | `.btn .btn--warning` | `[Text](#link){: .btn .btn--warning}` |
 | Danger        | [Text](#link){: .btn .btn--danger} | `.btn .btn--danger` | `[Text](#link){: .btn .btn--danger}` |
@@ -126,10 +127,10 @@ Make any link standout more when applying the `.btn` class.

 | Button Size | Example | Class | Kramdown |
 | ----------- | ------- | ----- | -------- |
-| X-Large     | [X-Large Button](#){: .btn .btn--x-large} | `.btn .btn--x-large` | `[Text](#link){: .btn .btn--x-large}` |
-| Large       | [Large Button](#){: .btn .btn--large} | `.btn .btn--large` | `[Text](#link){: .btn .btn--large}` |
-| Default     | [Default Button](#){: .btn} | `.btn` | `[Text](#link){: .btn}` |
-| Small       | [Small Button](#){: .btn .btn--small} | `.btn .btn--small` | `[Text](#link){: .btn .btn--small}` |
+| X-Large     | [X-Large Button](#){: .btn .btn--primary .btn--x-large} | `.btn .btn--primary .btn--x-large` | `[Text](#link){: .btn .btn--primary .btn--x-large}` |
+| Large       | [Large Button](#){: .btn .btn--primary .btn--large} | `.btn .btn--primary .btn--large` | `[Text](#link){: .btn .btn--primary .btn--large}` |
+| Default     | [Default Button](#){: .btn .btn--primary} | `.btn .btn--primary` | `[Text](#link){: .btn .btn--primary }` |
+| Small       | [Small Button](#){: .btn .btn--primary .btn--small} | `.btn .btn--primary .btn--small` | `[Text](#link){: .btn .btn--primary .btn--small}` |

 ## Notices

@@ -144,22 +145,22 @@ Call attention to a block of text.
 | Success     | `.notice--success` |
 | Danger      | `.notice--danger`  |

-**Watch out!** This paragraph of text has been emphasized with the `{: .notice}` class.
+**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice}` class.
 {: .notice}

-**Watch out!** This paragraph of text has been emphasized with the `{: .notice--primary}` class.
+**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--primary}` class.
 {: .notice--primary}

-**Watch out!** This paragraph of text has been emphasized with the `{: .notice--info}` class.
+**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--info}` class.
 {: .notice--info}

-**Watch out!** This paragraph of text has been emphasized with the `{: .notice--warning}` class.
+**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--warning}` class.
 {: .notice--warning}

-**Watch out!** This paragraph of text has been emphasized with the `{: .notice--success}` class.
+**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--success}` class.
 {: .notice--success}

-**Watch out!** This paragraph of text has been emphasized with the `{: .notice--danger}` class.
+**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--danger}` class.
 {: .notice--danger}

 {% capture notice-text %}
@@ -2,7 +2,7 @@
 title: "JavaScript"
 permalink: /docs/javascript/
 excerpt: "Instructions for customizing and building the theme's scripts."
-last_modified_at: 2016-11-03T11:35:42-04:00
+last_modified_at: 2017-09-12T12:41:33-04:00
 ---

 The theme's [`assets/js/main.min.js`] script is built from several vendor, jQuery plugins, and other scripts found in [`assets/js/`](https://github.com/mmistakes/minimal-mistakes/tree/master/assets/js).
@@ -18,7 +18,7 @@ minimal mistakes
 |  |  |   └── jquery.smooth-scroll.min.js  # make same-page links scroll smoothly
 |  |  ├── vendor
 |  |  |   └── jquery
-|  |  |       └── jquery-1.12.1.min.js
+|  |  |       └── jquery-3.2.1.min.js
 |  |  ├── _main.js                         # jQuery plugin settings and other scripts
 |  |  └── main.min.js                      # concatenated and minified scripts
 ```
@@ -29,6 +29,21 @@ To modify or add your own scripts include them in [`assets/js/_main.js`](https:/

 If you add additional scripts to `assets/js/plugins/` and would like them concatenated with the others, be sure to update the `uglify` script in [`package.json`](https://github.com/mmistakes/minimal-mistakes/blob/master/package.json). Same goes for scripts that you remove.

+You can also add scripts to the `<head>` or closing `</body>` elements by adding paths to following arrays in `_config.yml`.
+
+**Example:**
+
+```yaml
+head_scripts:
+  - https://code.jquery.com/jquery-3.2.1.min.js
+  - /assets/js/your-custom-head-script.js
+footer_scripts:
+  - /assets/js/your-custom-footer-script.js
+```
+
+**Note:** If you assign `footer_scripts` the theme's `/assets/js/main.min.js` file will be deactivated. This script includes jQuery and various other plugins that you'll need to find replacements for and include separately.
+{: .notice--warning}
+
 ---

 ## Build Process
@@ -4,9 +4,47 @@ permalink: /docs/history/
 excerpt: "Change log of enhancements and bug fixes made to the theme."
 sidebar:
  nav: docs
-last_modified_at: 2017-08-18T15:18:23-04:00
+last_modified_at: 2017-09-12T14:54:40-04:00
 ---

+## [4.6.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.6.0)
+
+### Enhancements
+
+- Test strict Front Matter in `/test` site. [#1236](https://github.com/mmistakes/minimal-mistakes/pull/1236)
+- Rename `gems` key to `plugins`. [#1239](https://github.com/mmistakes/minimal-mistakes/pull/1239)
+- Add [YIQ Color Contrast](https://github.com/easy-designs/yiq-color-contrast) mixin for determining lightness of a color.
+- DRY up button CSS using Sass lists and YIQ Color Contrast mixin.
+- Add `btn--primary` button class. **Note:** elements that were previously using only a `.btn` class will now also need `.btn--primary` (eg. `<a class="btn btn--primary" href="#">my link</a>`).
+- Add `air`, `contrast`, `dark`, `dirt`, `mint`, and `sunrise` skin color options. [#1208](https://github.com/mmistakes/minimal-mistakes/issues/1208)
+- Allow scripts in `<head>` and before `</body>` to be added/overridden with `head_scripts` and `footer_scripts` arrays in `_config.yml`. [#1241](https://github.com/mmistakes/minimal-mistakes/pull/1241)
+- Update JavaScript dependencies: jQuery `v3.2.1`, jQuery Smooth Scroll `v2.2.0`, and Magnific Popup `v1.1.0`. [#328690652](https://github.com/mmistakes/minimal-mistakes/pull/1241#issuecomment-328690652)
+
+## [4.5.2](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.2)
+
+### Enhancements
+
+- Add `.page__comments-form` to "non-printing" selectors in print styles. [#1195](https://github.com/mmistakes/minimal-mistakes/pull/1195)
+- Add LinkedIn and Steam author sidebar examples to `_config.yml`. [#1203](https://github.com/mmistakes/minimal-mistakes/pull/1203) [#1204](https://github.com/mmistakes/minimal-mistakes/pull/1204)
+- Remove the http-equiv="cleartype" meta tag. [#1087](https://github.com/mmistakes/minimal-mistakes/pull/1087)
+- Clarify documentation for `jekyll-archives` plugin and how to install. [#1206](https://github.com/mmistakes/minimal-mistakes/pull/1206)
+- Clarify documentation around taxonomy page and index generation. [#1207](https://github.com/mmistakes/minimal-mistakes/pull/1207)
+- Fix "Posts by tag" grammar in documentation. [#1209](https://github.com/mmistakes/minimal-mistakes/pull/1209)
+- Improve Chinese `date_label` and `minute_read` translations in `ui-text.yml`. [#1205](https://github.com/mmistakes/minimal-mistakes/pull/1205) [#1211](https://github.com/mmistakes/minimal-mistakes/pull/1211)
+- Add note to Quick-Start Guide about GitHub Pages hosting alternatives that allow 3rd party gem themes and Jekyll plugins.
+- Add note to configuration documentation about Cloudflare minification as an alternative to `layout: compress`. [#1217](https://github.com/mmistakes/minimal-mistakes/pull/1217)
+- Show 4 latest posts in "You May Also Enjoy" module when `related: true` and no related posts are found due to `lsi` ([latent semantic indexing](https://en.wikipedia.org/wiki/Latent_semantic_analysis#Latent_semantic_indexing)) being disabled on GitHub Pages. [#554](https://github.com/mmistakes/minimal-mistakes/issues/554)
+- Truncate archive item titles' that overflow with an ellipsis. [#1213](https://github.com/mmistakes/minimal-mistakes/issues/1213)
+
+### Bug Fixes
+
+- Fix license URL in README file. [#1189](https://github.com/mmistakes/minimal-mistakes/pull/1189)
+- Reduce amount of blank pages when printing in Chrome. [#1196](https://github.com/mmistakes/minimal-mistakes/issues/1196)
+- Remove `#disqus_thread` duplicate  from `comments-providers/disqus.html` as it is already in `comments.html` include. [#1199](https://github.com/mmistakes/minimal-mistakes/issues/1199)
+- Fix Liquid syntax errors in `tag-list.html` and `category-list.html` includes by removing parenthesis in `assign`s. [#1223](https://github.com/mmistakes/minimal-mistakes/issues/1223)
+- Fix Liquid syntax error: "Expected id but found open_square in {% raw %}`"{{ page.[include.id] }}"`"{% endraw %} in `gallery` and `feature_row` includes.
+- Fix Liquid syntax error: "Expected end_of_string but found pipe in `"name in __names | sort"`" in `group-by-array` include.
+
 ## [4.5.1](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.1)

 ### Enhancements
@@ -20,7 +58,7 @@ last_modified_at: 2017-08-18T15:18:23-04:00
 - URL encode title and page URL in social share links. [#1177](https://github.com/mmistakes/minimal-mistakes/pull/1177)
 - Replace old Disqus script with new Universal Embed Code. [#1179](https://github.com/mmistakes/minimal-mistakes/pull/1179)

-## Bug Fixes
+### Bug Fixes

 - Fix positioning of sidebar table of contents when using `layout: splash`. [#1169](https://github.com/mmistakes/minimal-mistakes/issues/1169)
 - Fix "follow" links `z-index` order to avoid overlapping issues. [#1167](https://github.com/mmistakes/minimal-mistakes/issues/1167)
@@ -131,6 +131,14 @@
        </li>
      {% endif %}

+      {% if author.gitlab %}
+        <li>
+          <a href="https://gitlab.com/{{ author.gitlab }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> Gitlab
+          </a>
+        </li>
+      {% endif %}
+
      {% if author.stackoverflow %}
        <li>
          <a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
@@ -11,7 +11,7 @@
    <!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
  {% endcomment %}
  {% capture page_categories %}{% for category in page.categories %}{{ category | downcase }}#{{ category }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
-  {% assign category_hashes = (page_categories | split: ',' | sort:0) %}
+  {% assign category_hashes = page_categories | split: ',' | sort %}

  <p class="page__taxonomy">
    <strong><i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].categories_label | default: "Categories:" }} </strong>
@@ -1,5 +1,4 @@
 {% if site.comments.disqus.shortname %}
-  <div id="disqus_thread"></div>
  <script>
    var disqus_config = function () {
      this.page.url = "{{ page.url | absolute_url }}";  // Replace PAGE_URL with your page's canonical URL variable
@@ -47,6 +47,7 @@
            <!-- End static comments -->

            <!-- Start new comment form -->
+            <div class="page__comments-form">
              <h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
              <p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
              <form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v1/entry/{{ site.repository }}/{{ site.staticman.branch }}">
@@ -83,9 +84,10 @@
                </p>
                <!-- End comment form alert messaging -->
                <fieldset>
-                <button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
+                  <button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--primary btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
                </fieldset>
              </form>
+            </div>
            <!-- End new comment form -->
          {% endif %}
        </section>
@@ -1,5 +1,5 @@
 {% if include.id %}
-  {% assign feature_row = page.[include.id] %}
+  {% assign feature_row = page[include.id] %}
 {% else %}
  {% assign feature_row = page.feature_row %}
 {% endif %}
@@ -12,6 +12,9 @@
    {% if site.author.github %}
      <li><a href="http://github.com/{{ site.author.github }}"><i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
    {% endif %}
+    {% if site.author.gitlab %}
+      <li><a href="http://gitlab.com/{{ site.author.gitlab }}"><i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> Gitlab</a></li>
+    {% endif %}
    {% if site.author.bitbucket %}
      <li><a href="http://bitbucket.org/{{ site.author.bitbucket }}"><i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
    {% endif %}
@@ -1,5 +1,5 @@
 {% if include.id %}
-  {% assign gallery = page.[include.id] %}
+  {% assign gallery = page[include.id] %}
 {% else %}
  {% assign gallery = page.gallery %}
 {% endif %}
@@ -18,7 +18,7 @@

 <!-- Uniq -->
 {% assign __names =  __names | sort %}
-{% for name in __names | sort %}
+{% for name in __names %}

 <!-- If not equal to previous then it must be unique as sorted -->
 {% unless name == previous %}
@@ -31,4 +31,13 @@
  </style>
 <![endif]-->

-<meta http-equiv="cleartype" content="on">
+{% if site.head_scripts %}
+  {% for script in site.head_scripts %}
+    {% if script contains "://" %}
+      {% capture script_path %}{{ script }}{% endcapture %}
+    {% else %}
+      {% capture script_path %}{{ script | absolute_url }}{% endcapture %}
+    {% endif %}
+    <script src="{{ script_path }}"></script>
+  {% endfor %}
+{% endif %}
@@ -1,4 +1,15 @@
+{% if site.footer_scripts %}
+  {% for script in site.footer_scripts %}
+    {% if script contains "://" %}
+      {% capture script_path %}{{ script }}{% endcapture %}
+    {% else %}
+      {% capture script_path %}{{ script | absolute_url }}{% endcapture %}
+    {% endif %}
+    <script src="{{ script_path }}"></script>
+  {% endfor %}
+{% else %}
  <script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
+{% endif %}

 {% include analytics.html %}
 {% include /comments-providers/scripts.html %}
@@ -11,7 +11,7 @@
    <!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
  {% endcomment %}
  {% capture page_tags %}{% for tag in page.tags %}{{ tag | downcase }}#{{ tag }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
-  {% assign tag_hashes = (page_tags | split: ',' | sort:0) %}
+  {% assign tag_hashes = page_tags | split: ',' | sort %}

  <p class="page__taxonomy">
    <strong><i class="fa fa-fw fa-tags" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].tags_label | default: "Tags:" }} </strong>
@@ -3,7 +3,7 @@

 <!doctype html>
 <!--
-  Minimal Mistakes Jekyll Theme 4.5.1 by Michael Rose
+  Minimal Mistakes Jekyll Theme 4.6.0 by Michael Rose
  Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
  Free for personal and commercial use under the MIT license
  https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
@@ -35,7 +35,7 @@ layout: default

      <section class="page__content" itemprop="text">
        {{ content }}
-        {% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
+        {% if page.link %}<div><a href="{{ page.link }}" class="btn btn--primary">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
      </section>

      <footer class="page__meta">
@@ -60,7 +60,7 @@ layout: default
    {% endif %}
  </article>

-  {% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
+  {% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}
  {% if page.id and page.related and site.related_posts.size > 0 %}
    <div class="page__related">
      <h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
@@ -70,5 +70,15 @@ layout: default
        {% endfor %}
      </div>
    </div>
+  {% comment %}<!-- otherwise show recent posts if no related when `related: true` -->{% endcomment %}
+  {% elsif page.id and page.related %}
+    <div class="page__related">
+      <h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
+      <div class="grid__wrapper">
+        {% for post in site.posts limit:4 %}
+          {% include archive-single.html type="grid" %}
+        {% endfor %}
+      </div>
+    </div>
  {% endif %}
 </div>
@@ -42,7 +42,7 @@ Minimal Mistakes is a flexible two-column Jekyll theme. Perfect for hosting your
 | [Post with a Gallery][gallery-post] | A post showing several images wrapped in `<figure>` elements. |
 | [Sample Collection Page][sample-collection] | Single page from a collection. |
 | [Categories Archive][categories-archive] | Posts grouped by category. |
-| [Tags Archive][tags-archive] | Posts grouped by tags. |
+| [Tags Archive][tags-archive] | Posts grouped by tag. |

 For even more demo pages check the [posts archive][year-archive].

@@ -7,30 +7,33 @@ header:
  cta_label: "<i class='fa fa-download'></i> Install Now"
  cta_url: "/docs/quick-start-guide/"
  caption:
-excerpt: 'A flexible two-column Jekyll theme. Perfect for personal sites, blogs, and portfolios hosted on GitHub or your own server.<br /> <small><a href="https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.1">Latest release v4.5.1</a></small><br /><br /> {::nomarkdown}<iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> <iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="158px" height="30px"></iframe>{:/nomarkdown}'
+excerpt: 'A flexible two-column Jekyll theme. Perfect for personal sites, blogs, and portfolios hosted on GitHub or your own server.<br /> <small><a href="https://github.com/mmistakes/minimal-mistakes/releases/tag/4.6.0">Latest release v4.6.0</a></small><br /><br /> {::nomarkdown}<iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> <iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="158px" height="30px"></iframe>{:/nomarkdown}'
 feature_row:
  - image_path: /assets/images/mm-customizable-feature.png
    alt: "customizable"
    title: "Super Customizable"
    excerpt: "Everything from the menus, sidebars, comments, and more can be configured or set with YAML Front Matter."
    url: "/docs/configuration/"
+    btn_class: "btn--primary"
    btn_label: "Learn More"
  - image_path: /assets/images/mm-responsive-feature.png
    alt: "fully responsive"
    title: "Responsive Layouts"
    excerpt: "Built on HTML5 + CSS3. All layouts are fully responsive with helpers to augment your content."
    url: "/docs/layouts/"
+    btn_class: "btn--primary"
    btn_label: "Learn More"
  - image_path: /assets/images/mm-free-feature.png
    alt: "100% free"
    title: "100% Free"
    excerpt: "Free to use however you want under the MIT License. Clone it, fork it, customize it, whatever!"
    url: "/docs/license/"
+    btn_class: "btn--primary"
    btn_label: "Learn More"
 github:
  - excerpt: '{::nomarkdown}<iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> <iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="158px" height="30px"></iframe>{:/nomarkdown}'
 intro:
-  - excerpt: 'Get notified when I add new stuff &nbsp; [<i class="fa fa-twitter"></i> @mmistakes](https://twitter.com/mmistakes){: .btn .btn--twitter} [<i class="fa fa-paypal"></i> Tip Me](https://www.paypal.me/mmistakes){: .btn}'
+  - excerpt: 'Get notified when I add new stuff &nbsp; [<i class="fa fa-twitter"></i> @mmistakes](https://twitter.com/mmistakes){: .btn .btn--twitter} [<i class="fa fa-paypal"></i> Tip Me](https://www.paypal.me/mmistakes){: .btn .btn--primary}'
 ---

 {% include feature_row id="intro" type="center" %}
@@ -24,7 +24,7 @@ feature_row:
    excerpt: "This is some sample content that goes here with **Markdown** formatting."
    url: "#test-link"
    btn_label: "Read More"
-    btn_class: "btn--inverse"
+    btn_class: "btn--primary"
  - image_path: /assets/images/unsplash-gallery-image-3-th.jpg
    title: "Placeholder 3"
    excerpt: "This is some sample content that goes here with **Markdown** formatting."
@@ -35,7 +35,7 @@ feature_row2:
    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_class: "btn--primary"
 feature_row3:
  - image_path: /assets/images/unsplash-gallery-image-2-th.jpg
    alt: "placeholder image 2"
@@ -43,7 +43,7 @@ feature_row3:
    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_class: "btn--primary"
 feature_row4:
  - image_path: /assets/images/unsplash-gallery-image-2-th.jpg
    alt: "placeholder image 2"
@@ -51,7 +51,7 @@ feature_row4:
    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_class: "btn--primary"
 ---

 {% include feature_row id="intro" type="center" %}
@@ -1,7 +1,7 @@
 ---
 layout: archive
 permalink: /tags/
-title: "Posts by Tags"
+title: "Posts by Tag"
 author_profile: true
 ---

@@ -102,6 +102,17 @@ Do It Live
  3. List item three
  4. List item four

+## Forms
+
+<form>
+  <fieldset>
+    <legend>Personalia:</legend>
+    Name: <input type="text" size="30"><br>
+    Email: <input type="text" size="30"><br>
+    Date of birth: <input type="text" size="10">
+  </fieldset>
+</form>
+
 ## Buttons

 Make any link standout more when applying the `.btn` class.
@@ -1,5 +1,5 @@
 /*!
- * Minimal Mistakes Jekyll Theme 4.5.1 by Michael Rose
+ * Minimal Mistakes Jekyll Theme 4.6.0 by Michael Rose
 * Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
 * Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
 */
@@ -26,7 +26,7 @@
  margin: 1.414em 0 0;
  padding-bottom: 0.5em;
  font-size: $type-size-5;
-  color: mix(#fff, $gray, 25%);
+  color: $muted-text-color;
  border-bottom: 1px solid $border-color;

  + .list__item .archive__item-title {
@@ -37,6 +37,8 @@
 .archive__item-title {
  margin-bottom: 0.25em;
  font-family: $sans-serif-narrow;
+  overflow: hidden;
+  text-overflow: ellipsis;

  a + a {
    opacity: 0.5;
@@ -70,6 +72,7 @@
 }

 .archive__item:hover {
+
  .archive__item-teaser {
    box-shadow: 0 0 10px rgba(#000, 0.25);
  }
@@ -118,8 +118,13 @@ a {

  &:hover,
  &:active {
+    color: $link-color-hover;
    outline: 0;
  }
+
+  &:visited {
+    color: $link-color-visited;
+  }
 }

 /* code */
@@ -141,7 +146,7 @@ td > code {
  padding-bottom: 0.1rem;
  font-size: $type-size-6;
  background: $code-background-color;
-  border: 1px solid $lighter-gray;
+  border: 1px solid $border-color;
  border-radius: $border-radius;
  box-shadow: $box-shadow;

@@ -236,20 +241,16 @@ figure {

 figcaption {
  margin-bottom: 0.5em;
-  color: mix(#fff, $text-color, 25%);
+  color: $muted-text-color;
  font-family: $caption-font-family;
  font-size: $type-size-6;

  a {
-    color: inherit;
-    text-decoration: none;
-    border-bottom: 1px solid $light-gray;
    -webkit-transition: $global-transition;
    transition: $global-transition;

    &:hover {
-      color: #000;
-      border-bottom-color: #000;
+      color: $link-color-hover;
    }
  }
 }
@@ -7,25 +7,19 @@
   ========================================================================== */

 .btn {
-  /* default button */
+  /* default */
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 0.5em 1em;
-  color: #fff !important;
  font-family: $sans-serif;
  font-size: $type-size-6;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
-  background-color: $primary-color;
-  border: 0 !important;
+  border-width: 0;
  border-radius: $border-radius;
  cursor: pointer;

-  &:hover {
-    background-color: mix(white, #000, 20%);
-  }
-
  .icon {
    margin-right: 0.5em;
  }
@@ -34,8 +28,41 @@
    margin-left: -0.5em; /* override for hidden text*/
  }

-  /* fills width of parent container */
+  /* button colors */
+  $buttoncolors:
+  (primary, $primary-color),
+  (inverse, #fff),
+  (light-outline, transparent),
+  (success, $success-color),
+  (warning, $warning-color),
+  (danger, $danger-color),
+  (info, $info-color),
+  (facebook, $facebook-color),
+  (twitter, $twitter-color),
+  (google-plus, $google-plus-color),
+  (linkedin, $linkedin-color);

+  @each $buttoncolor, $color in $buttoncolors {
+    &--#{$buttoncolor} {
+      @include yiq-contrasted($color);
+      @if ($buttoncolor == inverse) {
+        border: 1px solid $border-color;
+      }
+      @if ($buttoncolor == light-outline) {
+        border: 1px solid #fff;
+      }
+
+      &:hover {
+        @include yiq-contrasted(mix(#000, $color, 20%));
+      }
+
+      &:visited {
+        @include yiq-contrasted($color);
+      }
+    }
+  }
+
+  /* fills width of parent container */
  &--block {
    display: block;
    width: 100%;
@@ -45,68 +72,7 @@
    }
  }

-  /* for dark backgrounds */
-
-  &--inverse {
-    color: $gray !important;
-    border: 1px solid $light-gray !important; /* override*/
-    background-color: #fff;
-
-    &:hover {
-      color: #fff !important;
-      border-color: $gray;
-    }
-  }
-
-  /* light outline */
-
-  &--light-outline {
-    border: 1px solid #fff !important; /* override*/
-    background-color: transparent;
-  }
-
-  /* information */
-
-  &--info {
-    background-color: $info-color;
-
-    &:hover {
-      background-color: mix(#000, $info-color, 20%);
-    }
-  }
-
-  /* warning */
-
-  &--warning {
-    background-color: $warning-color;
-
-    &:hover {
-      background-color: mix(#000, $warning-color, 20%);
-    }
-  }
-
-  /* success */
-
-  &--success {
-    background-color: $success-color;
-
-    &:hover {
-      background-color: mix(#000, $success-color, 20%);
-    }
-  }
-
-  /* danger */
-
-  &--danger {
-    background-color: $danger-color;
-
-    &:hover {
-      background-color: mix(#000, $danger-color, 20%);
-    }
-  }
-
  /* disabled */
-
  &--disabled {
    pointer-events: none;
    cursor: not-allowed;
@@ -115,38 +81,17 @@
    opacity: 0.65;
  }

-  /* social buttons */
-
-  $social:
-  (facebook, $facebook-color),
-  (twitter, $twitter-color),
-  (google-plus, $google-plus-color),
-  (linkedin, $linkedin-color);
-
-  @each $socialnetwork, $color in $social {
-    &--#{$socialnetwork} {
-      background-color: $color;
-
-      &:hover {
-        background-color: mix(#000, $color, 20%);
-      }
-    }
-  }
-
  /* extra large button */
-
  &--x-large {
    font-size: $type-size-4;
  }

  /* large button */
-
  &--large {
    font-size: $type-size-5;
  }

  /* small button */
-
  &--small {
    font-size: $type-size-7;
  }
@@ -15,13 +15,12 @@
  height: auto;
  /* sticky footer fix end */
  margin-top: 3em;
-  color: mix(#fff, $gray, 25%);
+  color: $muted-text-color;
  -webkit-animation: $intro-transition;
          animation: $intro-transition;
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
-  background-color: $lighter-gray;
-  border-top: 1px solid $light-gray;
+  background-color: $footer-background-color;

  footer {
    @include clearfix;
@@ -46,7 +45,7 @@
  }

  .fa {
-    color: mix(#fff, $gray, 25%);
+    color: $muted-text-color;
  }
 }

@@ -4,6 +4,8 @@

 form {
  margin: 0 0 5px 0;
+  padding: 1em;
+  background-color: $form-background-color;

  fieldset {
    margin-bottom: 5px;
@@ -19,7 +21,6 @@ form {
    padding: 0;
    color: $text-color;
    border: 0;
-    border-bottom: 1px solid mix(#fff, #000, 80%);
    white-space: normal;
  }

@@ -80,14 +81,10 @@ select {
  padding: 0.25em;
  margin-bottom: 0.5em;
  color: $text-color;
-  background-color: #fff;
-  border: 1px solid mix(#fff, #000, 80%);
+  background-color: $background-color;
+  border: $border-color;
  border-radius: $border-radius;
  box-shadow: $box-shadow;
-
-  &:hover {
-    border-color: mix(#fff, $primary-color, 50%);
-  }
 }

 .input-mini {
@@ -224,6 +221,7 @@ textarea:focus {
  border-color: $primary-color;
  outline: 0;
  outline: thin dotted \9;
+  box-shadow: inset 0 1px 3px rgba($text-color, 0.06), 0 0 5px rgba($primary-color, 0.7);
 }

 input[type="file"]:focus,
@@ -240,7 +238,7 @@ select:focus {

 .help-block,
 .help-inline {
-  color: $info-color;
+  color: $muted-text-color;
 }

 .help-block {
@@ -382,7 +380,7 @@ select:focus {
  color: #000;
  border-width: 2px !important;
  border-style: solid !important;
-  border-color: lighten(#000,50);
+  border-color: $border-color;
  border-radius: $border-radius;
 }

@@ -51,3 +51,42 @@
    display: table;
  }
 }
+
+/*
+   Compass YIQ Color Contrast
+   https://github.com/easy-designs/yiq-color-contrast
+   ========================================================================== */
+
+@function yiq-is-light(
+  $color,
+  $threshold: $yiq-contrasted-threshold
+) {
+  $red: red($color);
+  $green: green($color);
+  $blue: blue($color);
+
+  $yiq: (($red*299)+($green*587)+($blue*114))/1000;
+
+  @if $yiq-debug { @debug $yiq, $threshold; }
+
+  @return if($yiq >= $threshold, true, false);
+}
+
+@function yiq-contrast-color(
+  $color,
+  $dark: $yiq-contrasted-dark-default,
+  $light: $yiq-contrasted-light-default,
+  $threshold: $yiq-contrasted-threshold
+) {
+  @return if(yiq-is-light($color, $threshold), $yiq-contrasted-dark-default, $yiq-contrasted-light-default);
+}
+
+@mixin yiq-contrasted(
+  $background-color,
+  $dark: $yiq-contrasted-dark-default,
+  $light: $yiq-contrasted-light-default,
+  $threshold: $yiq-contrasted-threshold
+) {
+  background-color: $background-color;
+  color: yiq-contrast-color($background-color, $dark, $light, $threshold);
+}
@@ -85,21 +85,22 @@
      line-height: 1.5;
      text-align: center;
      text-decoration: none;
-      color: mix(#fff, $gray, 25%);
-      border: 1px solid $light-gray;
+      color: $muted-text-color;
+      border: 1px solid mix(#000, $border-color, 25%);
      border-radius: 0;

      &:hover {
        color: $link-color-hover;
      }

-      &.current {
+      &.current,
+      &.current.disabled {
        color: #fff;
        background: $primary-color;
      }

      &.disabled {
-        color: mix(#fff, $gray, 75%);
+        color: rgba($muted-text-color, 0.5);
        pointer-events: none;
        cursor: not-allowed;
      }
@@ -133,12 +134,12 @@
    font-weight: bold;
    text-align: center;
    text-decoration: none;
-    color: $link-color;
-    border: 1px solid $light-gray;
+    color: $muted-text-color;
+    border: 1px solid mix(#000, $border-color, 25%);
    border-radius: $border-radius;

    &:hover {
-      color: $link-color-hover;
+      @include yiq-contrasted($muted-text-color);
    }

    &:first-child {
@@ -153,7 +154,7 @@
    }

    &.disabled {
-      color: mix(#fff, $gray, 75%);
+      color: rgba($muted-text-color, 0.5);
      pointer-events: none;
      cursor: not-allowed;
    }
@@ -262,7 +263,7 @@
    padding: 5px;
    border: 1px solid $border-color;
    border-radius: $border-radius;
-    background: #fff;
+    background: $background-color;
    box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);

    &.hidden {
@@ -301,7 +302,7 @@
      width: 0;
      border-style: solid;
      border-width: 0 10px 10px;
-      border-color: #fff transparent;
+      border-color: $background-color transparent;
      display: block;
      z-index: 1;
    }
@@ -494,7 +495,7 @@
  color: $gray;
  text-transform: uppercase;
  letter-spacing: 1px;
-  background-color: #fff;
+  background-color: $background-color;
  border: 1px solid $border-color;
  border-radius: $border-radius;
  box-shadow: $box-shadow;
@@ -518,15 +519,14 @@
  a {
    display: block;
    padding: 0.5rem 1rem;
-    color: $gray;
+    color: $muted-text-color;
    font-size: $type-size-7;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 1px solid $border-color;

    &:hover {
-      color: #000;
-      background: $lighter-gray;
+      color: $text-color;
    }
  }

@@ -13,6 +13,7 @@
@mixin notice($notice-color) {
  margin: 2em 0 !important;  /* override*/
  padding: 1em;
+  color: $dark-gray;
  font-family: $global-font-family;
  font-size: $type-size-6 !important;
  text-indent: initial; /* override*/
@@ -91,8 +91,7 @@
    }
  }

-  a {
-    text-decoration: none;
+  a:not(.btn) {

    &:hover {
      text-decoration: underline;
@@ -250,7 +249,7 @@

 .page__meta {
  margin-top: 2em;
-  color: mix(#fff, $gray, 25%);
+  color: $muted-text-color;
  font-family: $sans-serif;
  font-size: $type-size-6;

@@ -290,7 +289,7 @@
  margin-bottom: 8px;
  padding: 5px 10px;
  text-decoration: none;
-  border: 1px solid $light-gray;
+  border: 1px solid mix(#000, $border-color, 25%);
  border-radius: $border-radius;

  &:hover {
@@ -322,8 +321,6 @@
 }

 .page__comments-form {
-  padding: 1em;
-  background: $lighter-gray;
  -webkit-transition: $global-transition;
  transition: $global-transition;

@@ -15,19 +15,20 @@
  }

  html {
-    font-size: 16px;
    margin: 0;
    padding: 0;
+    min-height: auto !important;
+    font-size: 16px;
  }

  body {
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
+    margin: 0 auto;
    background: #fff !important;
    color: #000 !important;
    font-size: 1rem;
    line-height: 1.5;
-    margin: 0 auto;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

@@ -185,6 +186,16 @@
    content: " (" attr(title) ")";
  }

+  #main {
+    max-width: 100%;
+  }
+
+  .page {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+
  .page-break,
  .page-break-before {
    page-break-before: always;
@@ -228,11 +239,14 @@
  .pagination,
  .ads,
  .page__footer,
+  .page__comments-form,
  .author__avatar,
  .author__content,
  .author__urls-wrapper,
  .nav__list,
+  .sidebar,
  .adsbygoogle {
    display: none !important;
+    height: 1px !important;
  }
 }
@@ -189,7 +189,7 @@
  list-style-type: none;
  border: 1px solid $border-color;
  border-radius: $border-radius;
-  background: #fff;
+  background: $background-color;
  z-index: -1;
  box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
  cursor: default;
@@ -234,7 +234,7 @@
    width: 0;
    border-style: solid;
    border-width: 0 10px 10px;
-    border-color: #fff transparent;
+    border-color: $background-color transparent;
    z-index: 1;

    @include breakpoint($large) {
@@ -19,7 +19,7 @@ figure.highlight {
    top: 0;
    right: 0;
    padding: 0.5em;
-    background-color: $lighter-gray;
+    background-color: $border-color;
    content: "\f121";
    font-family: "fontawesome" !important;
    line-height: 1;
@@ -49,7 +49,7 @@ figure.highlight {
    /* line numbers*/
    &.gutter {
      padding-right: 1em;
-      color: $light-gray;
+      color: rgba($muted-text-color, 0.5);
    }
  }

@@ -15,8 +15,8 @@ table {
 }

 thead {
-  background-color: $lighter-gray;
-  border-bottom: 2px solid $light-gray;
+  background-color: $border-color;
+  border-bottom: 2px solid mix(#000, $border-color, 25%);
 }

 th {
@@ -27,7 +27,7 @@ th {

 td {
  padding: 0.5em;
-  border-bottom: 1px solid $light-gray;
+  border-bottom: 1px solid mix(#000, $border-color, 25%);
 }

 tr,
@@ -57,7 +57,7 @@ body:hover .visually-hidden button {
  background: #fff;
  z-index: 100000;
  text-decoration: none;
-  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
+  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 }


@@ -185,7 +185,7 @@ body:hover .visually-hidden button {

 .social-icons {
  .fa {
-    color: #000;
+    color: $text-color;
  }

  .fa-behance,
@@ -53,12 +53,14 @@ $darker-gray                : mix(#000, $gray, 60%) !default;
 $light-gray                   : mix(#fff, $gray, 50%) !default;
 $lighter-gray                 : mix(#fff, $gray, 90%) !default;

-$body-color                 : #fff !default;
 $background-color             : #fff !default;
 $code-background-color        : #fafafa !default;
 $code-background-color-dark   : $light-gray !default;
 $text-color                   : $dark-gray !default;
+$muted-text-color             : mix(#fff, $text-color, 35%);
 $border-color                 : $lighter-gray !default;
+$form-background-color        : $lighter-gray !default;
+$footer-background-color      : $lighter-gray !default;

 $primary-color                : #7a8288 !default;
 $success-color                : #62c462 !default;
@@ -66,6 +68,12 @@ $warning-color              : #f89406 !default;
 $danger-color                 : #ee5f5b !default;
 $info-color                   : #52adc8 !default;

+/* YIQ color contrast */
+$yiq-contrasted-dark-default  : $dark-gray !default;
+$yiq-contrasted-light-default : #fff !default;
+$yiq-contrasted-threshold     : 175 !default;
+$yiq-debug                    : false !default;
+
 /* brands */
 $behance-color                : #1769FF !default;
 $bitbucket-color              : #205081 !default;
@@ -89,7 +97,6 @@ $vine-color                 : #00bf8f !default;
 $youtube-color                : #bb0000 !default;
 $xing-color                   : #006567 !default;

-
 /* links */
 $link-color                   : $info-color !default;
 $link-color-hover             : mix(#000, $link-color, 25%) !default;
@@ -0,0 +1,23 @@
+/* ==========================================================================
+   Air skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #eeeeee !default;
+$text-color: #222831 !default;
+$muted-text-color: #393e46 !default;
+$primary-color: #0092ca !default;
+$border-color: mix(#fff, #393e46, 75%) !default;
+$footer-background-color: $primary-color !default;
+$link-color: #393e46 !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
+
+.page__footer {
+  color: #fff !important; // override
+}
+
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,34 @@
+/* ==========================================================================
+   Contrast skin
+   ========================================================================== */
+
+/* Colors */
+$text-color: #000 !default;
+$muted-text-color: $text-color !default;
+$primary-color: #ff0000 !default;
+$border-color: mix(#fff, $text-color, 75%) !default;
+$footer-background-color: #000 !default;
+$link-color: #0000ff !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
+
+.page__content {
+
+  .notice,
+  .notice--primary,
+  .notice--info,
+  .notice--warning,
+  .notice--success,
+  .notice--danger {
+    color: $text-color;
+  }
+}
+
+.page__footer {
+  color: #fff !important; // override
+}
+
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,24 @@
+/* ==========================================================================
+   Dark skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #252a34 !default;
+$text-color: #eaeaea !default;
+$primary-color: #00adb5 !default;
+$border-color: mix(#fff, $background-color, 20%) !default;
+$code-background-color: mix(#000, $background-color, 15%) !default;
+$code-background-color-dark: mix(#000, $background-color, 20%) !default;
+$form-background-color: mix(#000, $background-color, 15%) !default;
+$footer-background-color: mix(#000, $background-color, 30%) !default;
+$link-color: mix($primary-color, $text-color, 40%) !default;
+$link-color-hover: mix(#fff, $link-color, 25%) !default;
+$link-color-visited: mix(#000, $link-color, 25%) !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
+$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
+
+.author__urls.social-icons .fa,
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,5 @@
+/* ==========================================================================
+   Default skin
+   ========================================================================== */
+
+// Intentionally left blank
@@ -0,0 +1,15 @@
+/* ==========================================================================
+   Dirt skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #f3f3f3 !default;
+$text-color: #343434 !default;
+$muted-text-color: #8e8b82 !default;
+$primary-color: #343434 !default;
+$border-color: #e9dcbe !default;
+$footer-background-color: #e9dcbe !default;
+$link-color: #343434 !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
@@ -0,0 +1,23 @@
+/* ==========================================================================
+   Mint skin
+   ========================================================================== */
+
+/* Colors */
+$background-color: #f3f6f6 !default;
+$text-color: #40514e !default;
+$muted-text-color: #40514e !default;
+$primary-color: #11999e !default;
+$border-color: mix(#fff, #40514e, 75%) !default;
+$footer-background-color: #30e3ca !default;
+$link-color: #11999e !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
+
+.page__footer {
+  color: #fff !important; // override
+}
+
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -0,0 +1,26 @@
+/* ==========================================================================
+   Sunrise skin
+   ========================================================================== */
+
+/* Colors */
+$dark-gray: #0e2431 !default;
+$background-color: #e8d5b7 !default;
+$text-color: #000 !default;
+$muted-text-color: $dark-gray !default;
+$primary-color: #fc3a52 !default;
+$border-color: mix(#000, $background-color, 20%) !default;
+$code-background-color: mix(#fff, $background-color, 20%) !default;
+$code-background-color-dark: mix(#000, $background-color, 10%) !default;
+$form-background-color: mix(#fff, $background-color, 15%) !default;
+$footer-background-color: #f9b248 !default;
+$link-color: mix(#000, $primary-color, 10%) !default;
+$link-color-hover: mix(#fff, $link-color, 25%) !default;
+$link-color-visited: mix(#000, $link-color, 25%) !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
+$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
+
+.author__urls.social-icons .fa,
+.page__footer-follow .social-icons .fa {
+  color: inherit;
+}
@@ -4,4 +4,5 @@

@charset "utf-8";

-@import "minimal-mistakes";
+@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
+@import "minimal-mistakes"; // main partials
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Michael Rose	8dcd353e90	Release 4.6.0 💎	2017-09-12 14:59:06 -04:00
Michael Rose	d5505d2b6f	Reference GitHub comment	2017-09-12 13:03:37 -04:00
Michael Rose	84b21b06b7	Update CHANGELOG and history	2017-09-12 13:02:23 -04:00
Michael Rose	c19db78c5c	Update scripts in `/docs/assets/js`	2017-09-12 13:02:16 -04:00
Michael Rose	58b8cf8416	Add `pre` to version	2017-09-12 13:01:45 -04:00
Michael Rose	1570e85fb1	Update Magnific Popup to v1.1.0	2017-09-12 12:54:17 -04:00
Michael Rose	7845654225	Update jQuery Smooth Scroll to v2.2.0	2017-09-12 12:48:59 -04:00
Michael Rose	38c2bdbfd8	Update jQuery Theme targets IE9+ allowing for using the newer/smaller version	2017-09-12 12:42:52 -04:00
Michael Rose	8fc9bccda8	Allow `<head>` and footer scripts to be changed via config (#1241 ) * Allow `<head>` and footer scripts to be changed via config * Update JavaScript documentation Close #1238	2017-09-12 12:27:36 -04:00
Michael Rose	93c4fbc4b9	Color "skins" (#1242 ) * Add YIQ Color Contrast mixin * Remove text underline from `.btn` links * Move YIQ variables * Simplify button classes using YIQ color contrast mixin - DRY up button CSS using Sass list and YIQ color contrast mixin. - Move `color` and `background-color` to new `btn--primary` class instead of assinging on the default class. Removes the need to override them. * Add `.btn--primary` to buttons that just had `.btn` * Apply changes to `/docs` * Add `.btn--primary` class * Update CHANGELOG and history * Add sample form * Abstract colors away into Sass variables for easier themeing * Add "dark" skin * Replace hardcoded color with SCSS variable * Invert Font Awesome icons' colors in author sidebar and footer * Add Sass changes to `/docs` * Use primary button type instead of inverse * Add missing `!default` on `$muted-text-color` * Add `contrast` and `sunrise` skin colors * Add `dirt` skin color * Add `air` skin color option * Add `mint` skin color * Add `btn--primary` class to Submit Comment button * Set skin to `default` * Document skin color options * Add note about skin SCSS import Close #1208	2017-09-12 12:01:43 -04:00
Michael Rose	d67aa113c8	Update stale.yml	2017-09-12 10:35:25 -04:00
Michael Rose	1a2a953dfb	Configure Probot: Stale	2017-09-12 09:41:26 -04:00
Michael Rose	338df4eb50	Fix history	2017-09-12 08:44:36 -04:00
Michael Rose	e0e0fdee4c	Add enhancements to Unreleased	2017-09-12 08:41:44 -04:00
Ohad Schneider	a369b0dc75	Convert some links from HTTP to HTTPS (#1234 )	2017-09-12 08:30:03 -04:00
Michael Rose	0883904f95	Update CHANGELOG and history	2017-09-11 12:14:24 -04:00
Tony Ho	1cc8461f27	Rename `gems` key to `plugins` (#1239 ) `gems` key in `_config.yml` was deprecated in Jekyll 3.5 and changed to `plugins`. ref: https://github.com/jekyll/jekyll/pull/5130	2017-09-11 12:12:28 -04:00
Michael Rose	46c172e041	Update CHANGELOG and history	2017-09-11 12:11:53 -04:00
Ohad Schneider	611cecc51a	Test strict front matter (#1236 )	2017-09-11 12:10:09 -04:00
Michael Rose	b5e1eeb007	Add link to #1213	2017-09-06 15:19:49 -04:00
Michael Rose	dc47f82af2	Bump 💎 to 4.5.2	2017-09-06 15:14:15 -04:00
Michael Rose	f94cbe0296	Rename file	2017-09-06 15:07:02 -04:00
Michael Rose	f9132d8998	Truncate archive item titles' that overflow with an ellipsis Fixes #1213	2017-09-06 15:02:41 -04:00
Michael Rose	2080469952	Show 4 latest posts when `site.related_posts` is `nil` `site.related_posts` should return an array of latest posts when no related ones are found due to `lsi` being disabled (GitHub Page's doesn't support it). This works around that bug by showing the 4 latest posts to populate the "You May Also Enjoy" module when enabled with `related: true`. Fixes #554 Related: #978 #1022	2017-09-05 13:02:37 -04:00
Michael Rose	5d2f34a2d2	Update CHANGELOG and history	2017-09-05 12:08:05 -04:00
Ohad Schneider	5e7e15bad9	Mention CDN minification as an alternative to compress_html (#1217 ) * Mention CDN minification as an alternative to compress_html * Add warning notice to caution statement	2017-09-05 12:05:29 -04:00
Michael Rose	c863ba6e54	Enable Liquid strict mode for `/test` site	2017-09-05 09:40:20 -04:00
Michael Rose	b814f306d8	Fix Liquid syntax error in `feature_row` include Fix "Expected id but found open_square in `"{{page.[include.id] }}"`" in `feature_row` include.	2017-09-04 21:35:09 -04:00
Michael Rose	c4ca06f4b9	Liquid syntax error: "Expected end_of_string but found pipe in `"name in __names \| sort"`" in `group-by-array` include `sort` not allowed in `for` statements, remove it.	2017-09-04 21:21:14 -04:00
Michael Rose	e8d83de8b7	Fix Liquid syntax error: Expected id but found open_square in `"{{page.[include.id] }}"`	2017-09-04 21:14:36 -04:00
Michael Rose	f19e74bc8f	Update includes in `/docs`	2017-09-04 21:07:06 -04:00
Michael Rose	37da7829cd	Update CHANGELOG and history	2017-09-04 21:05:49 -04:00
Michael Rose	0a9ad5d243	Fix Liquid errors when in `error_mode: strict` Liquid does not allow parenthesis, remove them to fix Liquid Exception: Liquid syntax error "Expected dotdot but found pipe" in `tag-list.html` and `category-list.html` Close #1223	2017-09-04 21:04:18 -04:00
Ohad Schneider	d28cb4dea5	Fix kramdown break (#1216 ) I think my previous commit broke it by removing the newline before `{: .notice–warning}`	2017-09-04 12:29:44 -04:00
Michael Rose	6c21194c44	Update CHANGELOG and history	2017-09-01 09:41:47 -04:00
Michael Rose	7bf33e85b9	Update CHANGELOG and history	2017-09-01 09:37:26 -04:00
Michael Rose	866765b324	Improve Chinese `minute_read` translation in ui-text.yml	2017-09-01 09:37:13 -04:00
DDoSolitary	dddf8656f3	Improve translation for minute_read. (#1211 )	2017-09-01 09:34:55 -04:00
Michael Rose	4a95a539cb	Merge branch 'master' of https://github.com/mmistakes/minimal-mistakes	2017-09-01 09:32:39 -04:00
Michael Rose	9b52f9c61d	Add note about GitHub Pages hosting alternatives Ruby gem method can be used with Netlify, GitLab Pages, and Continous Integration (CI) services like Travis CI.	2017-09-01 09:32:30 -04:00
Michael Rose	5d5b05d2a2	Update Jekyll's version number	2017-09-01 09:31:23 -04:00
Michael Rose	f6ed6f6225	Update CHANGELOG and history	2017-08-29 22:05:42 -04:00
Ohad Schneider	c21fa07753	Posts by Tag (singular) (#1209 ) Correct "Posts by Tag" (singular) to be more consistent with "Posts by Category" * Update tag-archive.html * Update about.md * Update 10-layouts.md * Update README.md * Update 14-helpers.md	2017-08-29 22:03:13 -04:00
Ohad Schneider	3f3145a350	Clarify taxonomy page and index generation (#1207 ) Clarify taxonomy page and index generation per https://github.com/mmistakes/minimal-mistakes/issues/811#issuecomment-325769757	2017-08-29 22:02:15 -04:00
Michael Rose	12f713677d	Add note about `/docs` content files in Quick-Start Guide	2017-08-29 15:54:37 -04:00
Michael Rose	eb1f445050	Remove the http-equiv="cleartype" meta tag Reasons for dropping: https://www.drupal.org/node/1717090 Close #1087	2017-08-29 15:41:47 -04:00
Michael Rose	6885a127d7	Merge branch 'master' of https://github.com/mmistakes/minimal-mistakes	2017-08-29 15:00:38 -04:00
Michael Rose	1b311f428f	Update CHANGELOG and history	2017-08-29 15:00:27 -04:00
Ohad Schneider	78d0b946f7	Clarify that jekyll-archives has to be installed (#1206 ) Clarify that jekyll-archives has to be installed Show the simplest way to do it per https://github.com/mmistakes/minimal-mistakes/issues/811#issuecomment-277461052.	2017-08-29 14:57:35 -04:00
Michael Rose	0d87190f36	Remove `#disqus_thread` duplicate `<section id="disqus_thread"></section>` is set in `_includes/comments.html` and not needed in `_includes/comment-provider/disqus.html`. Fixes #1199	2017-08-28 11:55:07 -04:00
Michael Rose	7c863f0094	Merge branch 'master' of https://github.com/mmistakes/minimal-mistakes	2017-08-28 10:47:53 -04:00
Michael Rose	4709e96383	Update CHANGELOG and history	2017-08-28 10:47:42 -04:00
DDoSolitary	0ff9619416	Update Chinese translation for date_label. (#1205 )	2017-08-28 10:47:23 -04:00
Ohad Schneider	38f9861ff2	_config.yml - Steam ID explanation comment (#1204 )	2017-08-28 10:44:28 -04:00
Ohad Schneider	43d05a5718	_config.yml - author LinkedIn example comment (#1203 )	2017-08-28 10:43:04 -04:00
Michael Rose	fc193d0b54	Reword paragraph	2017-08-24 14:48:59 -04:00
Michael Rose	71f0a2356a	Adjust line break	2017-08-24 14:48:01 -04:00
Michael Rose	4a4a2fdbfc	Merge branch 'master' of https://github.com/mmistakes/minimal-mistakes	2017-08-24 14:46:16 -04:00
Michael Rose	0e9ebc48cb	Update GitHub issue template	2017-08-24 14:44:30 -04:00
Michael Rose	6ed7eab9f8	Remove period from Staticman commit message	2017-08-22 21:38:48 -04:00
Michael Rose	20821e67b0	Reduce amount of blank pages when printing in Chrome Close #1196	2017-08-22 15:32:48 -04:00
Michael Rose	1f4f71636d	Update CHANGELOG and history	2017-08-22 14:49:33 -04:00
Michael Rose	bb39afa125	Add `.page__comments-form` to "non-printing" selectors in print styles	2017-08-22 14:49:24 -04:00
Lars Olesen	2939d45ecc	Do not print the comments form (#1195 ) Add `.page__comments-form` to "non-printing" selectors in print styles	2017-08-22 14:46:18 -04:00
Michael Rose	ded8afcc32	Update CHANGELOG and history	2017-08-21 08:31:35 -04:00
Nelson Estevão	102cbc8b10	License url fixed (#1189 )	2017-08-19 11:17:24 -04:00
Michael Rose	46d8cb5efd	Fix heading	2017-08-18 15:20:58 -04:00