lone-wolf-theme 1.0.3

data/_includes/home-action-btn.html

@@ -0,0 +1,24 @@
+{%- assign action_btn = include.action_btn -%}
+{%- assign dropdown = include.dropdown -%}
+{%- assign dropdown_items = include.dropdown_items -%}
+
+<div class="btn-group animated rubberBand delay-1s" role="group" aria-label="Button group with nested dropdown">
+    <a class="{{ action_btn.class }}" href="{{ action_btn.url }}">
+        <i class="{{ action_btn.fa_icon }}"></i>
+        <span class="pl-1">{{ action_btn.label }}</span>
+    </a>
+    {%- if dropdown -%}
+    <div class="btn-group" role="group">
+        <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false"></button>
+        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop2">
+            {%- for item in dropdown_items -%}
+            <a class="dropdown-item" href="{{ item.url }}">
+                <i class="{{ item.fa_icon }}"></i>
+                <span class="pl-1">{{ item.label }}</span>
+            </a>
+            {%- endfor -%}
+        </div>
+    </div>
+    {%- endif -%}
+</div>

data/_includes/scripts.html

@@ -0,0 +1,21 @@
+<!-- site scripts start -->
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+    crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+    crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+    crossorigin="anonymous"></script>
+
+<script defer src="https://use.fontawesome.com/releases/v5.7.2/js/all.js"
+    integrity="sha384-0pzryjIRos8mFBWMzSSZApWtPl/5++eIfzYmTgBBmXYdhvxPc+XcFEk+zJwDgWbP"
+    crossorigin="anonymous"></script>
+
+<script src="{{ '/assets/js/main.min.js' | relative_url }}"></script>
+
+{% include analytics.html %}
+{% include search-providers/scripts.html %}
+{% include comments-providers/scripts.html %}
+<!-- site scripts end -->

data/_includes/search-providers/google-search.html

@@ -0,0 +1,30 @@
+<script>
+  (function () {
+    var cx = '{{ site.google.search_engine_id }}';
+    var gcse = document.createElement('script');
+    gcse.type = 'text/javascript';
+    gcse.async = true;
+    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+    var s = document.getElementsByTagName('script')[0];
+    s.parentNode.insertBefore(gcse, s);
+  })();
+
+  function googleCustomSearchExecute() {
+    var input = document.getElementById('lwt-form-search-input');
+    var element = google.search.cse.element.getElement('searchresults-only0');
+    if (input.value == '') {
+      element.clearAllResults();
+    } else {
+      element.execute(input.value);
+    }
+    return false;
+  }
+
+  {% if site.google.instant_search %}
+    $(document).ready(function () {
+      $('input#lwt-form-search-input').on('keyup', function () {
+        googleCustomSearchExecute();
+      });
+    });
+  {% endif %}
+</script>

data/_includes/search-providers/scripts.html

@@ -0,0 +1,7 @@
+{% if site.search == true %}
+  {%- assign search_provider = site.search_provider | default: "google" -%} 
+  {%- case search_provider -%} 
+    {%- when "google" -%} 
+      {% include search-providers/google-search.html %}
+  {%- endcase -%} 
+{% endif %}

data/_includes/search-providers/search_form.html

@@ -0,0 +1,12 @@
+{%- assign search_provider = site.search_provider | default: "google" -%}
+{%- case search_provider -%}
+  {%- when "google" -%}
+  <form class="form-inline border rounded" onsubmit="return googleCustomSearchExecute();">
+    <input class="form-control bg-transparent border-0 text-white" type="search" placeholder="Search..."
+      aria-label="Search" id="lwt-form-search-input">
+    <button class="btn btn-primary" type="submit">Search</button>
+  </form>
+  <div id="results" class="results">
+    <gcse:searchresults-only></gcse:searchresults-only>
+  </div>
+{%- endcase -%}

data/_includes/social-share.html

@@ -0,0 +1,7 @@
+{%- assign share_title = "Share on" -%}
+{%- assign linkedin = site.data.blog.social_share[0] -%}
+{%- assign twitter = site.data.blog.social_share[1] -%}
+
+<h4>{{ share_title }}</h4>
+<a href="https://twitter.com/intent/tweet?{% if twitter.username %}via={{ twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" class="btn btn-social btn-twitter" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ share_title }} Twitter"><i class="fab fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
+<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" class="btn btn-social btn-linkedin" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ share_title }} LinkedIn"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>

data/_includes/toc.html

@@ -0,0 +1,95 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Version 1.0.7
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize     (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class        (string) :   ''   - a CSS class assigned to the TOC
+            * id           (string) :   ''   - an ID to assigned to the TOC
+            * h_min        (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max        (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered      (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class   (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * baseurl      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class (string) :   ''   - add custom class(es) for each anchor element
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture my_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | split: '<h' %}
+    {% assign firstHeader = true %}
+
+    {% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if headerLevel < minHeader or headerLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign firstHeader = false %}
+            {% assign minHeader = headerLevel %}
+        {% endif %}
+
+        {% assign indentAmount = headerLevel | minus: minHeader | add: 1 %}
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign html_id = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign html_class = _classWorkspace[0] %}
+
+        {% if html_class contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% assign space = '' %}
+        {% for i in (1..indentAmount) %}
+            {% assign space = space | prepend: '    ' %}
+        {% endfor %}
+
+        {% unless include.item_class == blank %}
+            {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+        {% endunless %}
+
+        {% capture my_toc %}{{ my_toc }}
+{{ space }}{{ listModifier }} {{ listItemClass }} [{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+    {% endfor %}
+
+    {% if include.class %}
+        {% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+
+    {% if include.id %}
+        {% capture my_toc %}{: #{{ include.id }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}

data/_layouts/compress.html

@@ -0,0 +1,10 @@
+---
+# Jekyll layout that compresses HTML
+# v3.0.1
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% assign _lastchar = _pres.last | split: "" | last %}{% assign _outerloop = forloop %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if forloop.last and _lastchar == _LINE_FEED %}{% unless _outerloop.last %}{{ _LINE_FEED }}{% endunless %}{% continue %}{% endif %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

data/_layouts/default.html

@@ -0,0 +1,25 @@
+---
+#layout: compress # enable only if needed
+---
+
+<!DOCTYPE html>
+<html>
+
+{% include head.html %}
+
+<body>
+  <!-- page container -->
+  <div class="page-container">
+    <!-- page header -->
+    {% include header.html %}
+    <!-- page content -->
+    <main class="page-content" role="main">
+      {{ content }}
+    </main>
+    <!-- page footer -->
+    {% include footer.html %}
+  </div>
+  {% include scripts.html %}
+</body>
+
+</html>

data/_layouts/home.html

@@ -0,0 +1,70 @@
+---
+layout: default
+---
+
+{%- assign action_btn = page.action_btn[0] -%}
+{%- assign dropdown = page.action_btn[1].dropdown -%}
+{%- assign dropdown_items = page.action_btn[2].dropdown_items -%}
+
+<div class="home-page">
+  <!-- home page header -->
+  <section class="home-page-header">
+    <div class="container text-center">
+      <h1 class="animated fadeInDownBig">{{ page.title | default: 'HOME' }}</h1>
+      <p class="lead">{{ page.excerpt | default: 'Excerpt' }}</p>
+
+      {%- if page.action -%}
+        {%- include home-action-btn.html action_btn=action_btn dropdown=dropdown dropdown_items=dropdown_items -%}
+      {%- endif -%}
+    </div>
+  </section>
+  <!-- home page features -->
+  <section class="home-page-features">
+    <div class="container">
+      {% if page.feature_rows %}
+      <div class="row">
+        {% for f_row in page.feature_rows %}
+        <!-- TODO use animate.css to animate on hover -->
+        <div class="col-md-4 p-0">
+          <a href="{{ f_row.url | relative_url }}">
+            <div class="card border-success m-3">
+              {% if f_row.img_path %}
+              {% capture img_path %}
+              {{ '/assets/images/' | relative_url | append: f_row.img_path }}
+              {% endcapture %}
+              {% endif %}
+
+              {% if f_row.img_alt %}
+              {% capture img_alt %}
+              {{ f_row.img_alt | default: 'Feature image' }}
+              {% endcapture %}
+              {% endif %}
+
+              <div class="card-header">
+                <h2 class="m-0">{{ f_row.title | strip | strip_html | strip_newlines | truncate: 10 }}</h2>
+              </div>
+
+              {% if img_path %}
+              <img class="img-fluid" src="{{ img_path | strip }}" alt="{{ img_alt | strip }}">
+              {% endif %}
+
+              <div class="card-body">
+                <p class="card-text">{{ f_row.excerpt | strip | strip_html | strip_newlines | truncate: 200 }}</p>
+              </div>
+            </div>
+          </a>
+        </div>
+        {% endfor %}
+      </div>
+      {% endif%}
+    </div>
+  </section>
+  <!-- home page article -->
+  <section class="home-page-article">
+    <div class="container">
+      <article>
+        {{ content }}
+      </article>
+    </div>
+  </section>
+</div>

data/_layouts/list.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+<section class="container">
+    <!-- Archive title -->
+    <h1>{{ page.title | default: 'Archive List' }}</h1>
+
+    <!-- Archive content - list of posts -->
+    {{ content }}
+</section>

data/_layouts/page.html

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

data/_layouts/post.html

@@ -0,0 +1,100 @@
+---
+layout: default
+---
+
+{% if page.header.teaser %}
+  {% capture header_img %}
+  {{ '/assets/images/' | relative_url | append: page.header.teaser }}
+  {% endcapture %}
+
+  {% capture h_img_alt %}
+  {{ page.header.alt | default: page.title }}
+  {% endcapture %}
+
+  {% capture img_cap %}
+  {{ page.header.caption | default: '' }}
+  {% endcapture %}
+{% endif %}
+
+{% assign blog_author = site.data.blog.authors[0] %}
+{% capture bl_au_avatar %}
+{{ '/assets/images/' | relative_url | append: blog_author.avatar }}
+{% endcapture %}
+
+{% capture bl_au_av_alt %}
+{{ blog_author.name }} avatar.
+{% endcapture %}
+
+<section class="container mt-3 blog-post">
+  <div class="row">
+    <div class="col-md-8 pb-3">
+      {% if page.show_hero %}
+      <!-- post hero -->
+      <figure class="figure">
+        <img class="img-fluid shadow rounded mb-2 blog-post-hero-img" src="{{ header_img | strip }}"
+          alt="{{ h_img_alt | strip }}">
+        <figcaption class="figure-caption text-center">{{ img_cap | strip }}</figcaption>
+      </figure>
+      {% endif %}
+      <!-- post title -->
+      <h1>{{ page.title }}</h1>
+      <p class="small font-italic text-secondary">{{ page.date | date: "%b %-d, %Y" }}</p>
+      {% if page.show_author %}
+      <!-- post author, share -->
+      <div class="row align-items-center py-2 border-top border-bottom blog-post-author">
+        <div class="col-auto pr-0 pb-1">
+          <img src="{{ bl_au_avatar | strip }}" alt="{{ bl_au_av_alt | strip }}"
+            class="rounded-circle shadow-sm blog-post-author-avatar ">
+        </div>
+        <div class="col pr-0 pb-1">
+          <p class="blog-post-author-name p-0 m-0">{{ blog_author.name }}</p>
+          <p class="blog-post-author-headline p-0 m-0">{{ blog_author.headline }}</p>
+        </div>
+        <div class="col-auto justify-content-end blog-post-author-follow">
+          <div class="dropdown">
+            <button class="btn btn-outline-info dropdown-toggle" type="button" id="followMenuButton"
+              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Follow</button>
+            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="followMenuButton">
+              {% for follow in blog_author.follow %}
+              <a class="dropdown-item pb-2 text-info" href="{{ follow.url }}"><i
+                  class="{{ follow.icon }}"></i>{{ follow.label }}</a>
+              {% endfor %}
+            </div>
+          </div>
+        </div>
+      </div>
+      {% endif %}
+      {% if page.show_toc %}
+      <!-- post TOC -->
+      <nav class="card mt-3 d-inline-block shadow-sm rounded">
+        <div class="card-header bg-info text-white"><i class="fas fa-list"></i><span class="pl-1">Contents</span>
+        </div>
+        <div class="blog-post-toc pr-3">
+          {% include toc.html html=content %}
+        </div>
+      </nav>
+      {% endif %}
+      <!-- Post content -->
+      <article class="mt-3 blog-post-article">
+        {{ content }}
+      </article>
+      {% if page.share %}
+      <div class="blog-post-social-share">
+        {% include social-share.html %}
+      </div>
+      {% endif %}
+    </div>
+    <!-- blog post sidebar -->
+    <div class="col-md-4 blog-post-sidebar">
+      {% include blog-post-sidebar.html %}
+    </div>
+  </div>
+  <div class="row mt-3">
+    <div class="col-md-8">
+      {% if page.show_comments %}
+      <!-- Post comments -->
+        {%- include comments.html -%}
+      {% endif %}
+    </div>
+  </div>
+</section>

data/_sass/_bootstrap-social.scss

@@ -0,0 +1,93 @@
+/*
+ * The below code is modified heavily for BS4 by `manid2`
+ * https://github.com/lipis/bootstrap-social
+ */
+
+@mixin btn-social($color-bg) {
+    background-color: $color-bg;
+    @include button-variant($color-bg, $color-bg, mix($gray-800, $color-bg, 20%));
+}
+
+.btn-adn {
+    @include btn-social(#d87a68);
+}
+
+.btn-bitbucket {
+    @include btn-social(#205081);
+}
+
+.btn-dropbox {
+    @include btn-social(#1087dd);
+}
+
+.btn-facebook {
+    @include btn-social(#3b5998);
+}
+
+.btn-flickr {
+    @include btn-social(#ff0084);
+}
+
+.btn-foursquare {
+    @include btn-social(#f94877);
+}
+
+.btn-github {
+    @include btn-social(#444444);
+}
+
+.btn-google {
+    @include btn-social(#dd4b39);
+}
+
+.btn-instagram {
+    @include btn-social(#3f729b);
+}
+
+.btn-linkedin {
+    @include btn-social(#007bb6);
+}
+
+.btn-microsoft {
+    @include btn-social(#2672ec);
+}
+
+.btn-odnoklassniki {
+    @include btn-social(#f4731c);
+}
+
+.btn-openid {
+    @include btn-social(#f7931e);
+}
+
+.btn-pinterest {
+    @include btn-social(#cb2027);
+}
+
+.btn-reddit {
+    @include btn-social(#eff7ff);
+}
+
+.btn-soundcloud {
+    @include btn-social(#ff5500);
+}
+
+.btn-tumblr {
+    @include btn-social(#2c4762);
+}
+
+.btn-twitter {
+    @include btn-social(#55acee);
+}
+
+.btn-vimeo {
+    @include btn-social(#1ab7ea);
+}
+
+.btn-vk {
+    @include btn-social(#587ea3);
+}
+
+.btn-yahoo {
+    @include btn-social(#720e9e);
+}