From 2215ee5c0624087a010229a35eae44b2d9b76598 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Mon, 12 Dec 2016 15:21:10 -0500
Subject: [PATCH] Add include for adding custom author profile links to sidebar

---
 _includes/author-profile-custom-links.html    |   7 +
 _includes/author-profile.html                 | 236 +++++++++++-------
 docs/_docs/10-layouts.md                      |  31 ++-
 .../author-profile-custom-links.html          |   7 +
 docs/_includes/author-profile.html            | 230 ++++++++++-------
 5 files changed, 310 insertions(+), 201 deletions(-)
 create mode 100644 _includes/author-profile-custom-links.html
 create mode 100644 docs/_includes/author-profile-custom-links.html

diff --git a/_includes/author-profile-custom-links.html b/_includes/author-profile-custom-links.html
new file mode 100644
index 00000000..3560e258
--- /dev/null
+++ b/_includes/author-profile-custom-links.html
@@ -0,0 +1,7 @@
+<!--
+  <li>
+    <a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs">
+      <i class="fa fa-fw" aria-hidden="true"></i> Custom Social Profile Link
+    </a>
+  </li>
+-->
\ No newline at end of file
diff --git a/_includes/author-profile.html b/_includes/author-profile.html
index 6b849a3f..bb822345 100644
--- a/_includes/author-profile.html
+++ b/_includes/author-profile.html
@@ -30,162 +30,204 @@
     <ul class="author__urls social-icons">
       {% if author.location %}
         <li itemprop="homeLocation" itemscope itemtype="http://schema.org/Place">
-          <i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> 
-          <span itemprop="name"> {{ author.location }} </span>
+          <i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> <span itemprop="name">{{ author.location }}</span>
         </li>
       {% endif %}
-      
+
       {% if author.uri %}
         <li>
           <a href="{{ author.uri }}" itemprop="url">
-            <i class="fa fa-fw fa-chain" aria-hidden="true"></i> 
-              {{ site.data.ui-text[site.locale].website_label | default: "Website" }}
+            <i class="fa fa-fw fa-chain" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label | default: "Website" }}
           </a>
         </li>
       {% endif %}
-      
+
       {% if author.email %}
         <li>
           <a href="mailto:{{ author.email }}">
-            <i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i>
             <meta itemprop="email" content="{{ author.email }}" />
-            {{ site.data.ui-text[site.locale].email_label | default: "Email" }}
+            <i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label | default: "Email" }}
           </a>
         </li>
       {% endif %}
-      
+
       {% if author.keybase %}
-        <li><a href="https://keybase.io/{{ author.keybase }} " itemprop="sameAs">
-          <i class="fa fa-fw fa-key" aria-hidden="true"></i> 
-          Keybase
-        </a></li>
+        <li>
+          <a href="https://keybase.io/{{ author.keybase }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-key" aria-hidden="true"></i> Keybase
+          </a>
+        </li>
       {% endif %}
+
       {% if author.twitter %}
-        <li><a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> 
-          Twitter
-        </a></li>
+        <li>
+          <a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter
+          </a>
+        </li>
       {% endif %}
+
       {% if author.facebook %}
-        <li><a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> 
-          Facebook
-        </a></li>
+        <li>
+          <a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook
+          </a>
+        </li>
       {% endif %}
+
       {% if author.google_plus %}
-        <li><a href="https://plus.google.com/+{{ author.google_plus }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-google-plus-square" aria-hidden="true"></i> 
-          Google+
-        </a></li>
+        <li>
+          <a href="https://plus.google.com/+{{ author.google_plus }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-google-plus-square" aria-hidden="true"></i> Google+
+          </a>
+        </li>
       {% endif %}
+
       {% if author.linkedin %}
-        <li><a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> 
-          LinkedIn
-        </a></li>
+        <li>
+          <a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> LinkedIn
+          </a>
+        </li>
       {% endif %}
+
       {% if author.xing %}
-        <li><a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-xing-square" aria-hidden="true"></i> 
-          XING
-        </a></li>
+        <li>
+          <a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-xing-square" aria-hidden="true"></i> XING
+          </a>
+        </li>
       {% endif %}
+
       {% if author.instagram %}
-        <li><a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-instagram" aria-hidden="true"></i> 
-          Instagram
-        </a></li>
+        <li>
+          <a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-instagram" aria-hidden="true"></i> Instagram
+          </a>
+        </li>
       {% endif %}
+
       {% if author.tumblr %}
-        <li><a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs">
-          <i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i> 
-          Tumblr
-        </a></li>
+        <li>
+          <a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs">
+            <i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i> Tumblr
+          </a>
+        </li>
       {% endif %}
+
       {% if author.bitbucket %}
-        <li><a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> 
-          Bitbucket
-        </a></li>
+        <li>
+          <a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket
+          </a>
+        </li>
       {% endif %}
+
       {% if author.github %}
-        <li><a href="https://github.com/{{ author.github }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-github" aria-hidden="true"></i> 
-          Github
-        </a></li>
+        <li>
+          <a href="https://github.com/{{ author.github }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub
+          </a>
+        </li>
       {% endif %}
+
       {% if author.stackoverflow %}
-        <li><a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i> 
-          Stackoverflow
-        </a></li>
+        <li>
+          <a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i> Stackoverflow
+          </a>
+        </li>
       {% endif %}
+
       {% if author.lastfm %}
-        <li><a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i> 
-          Last.fm
-        </a></li>
+        <li>
+          <a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i> Last.fm
+          </a>
+        </li>
       {% endif %}
+
       {% if author.dribbble %}
-        <li><a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-dribbble" aria-hidden="true"></i> 
-          Dribbble
-        </a></li>
+        <li>
+          <a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-dribbble" aria-hidden="true"></i> Dribbble
+          </a>
+        </li>
       {% endif %}
+
       {% if author.pinterest %}
-        <li><a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-pinterest" aria-hidden="true"></i> 
-          Pinterest
-        </a></li>
+        <li>
+          <a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest
+          </a>
+        </li>
       {% endif %}
+
       {% if author.foursquare %}
-        <li><a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-foursquare" aria-hidden="true"></i> 
-          Foursquare
-        </a></li>
+        <li>
+          <a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare
+          </a>
+        </li>
       {% endif %}
+
       {% if author.steam %}
-        <li><a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-steam-square" aria-hidden="true"></i> 
-          Steam
-        </a></li>
+        <li>
+          <a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-steam-square" aria-hidden="true"></i> Steam
+          </a>
+        </li>
       {% endif %}
+
       {% if author.youtube %}
-        <li><a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> 
-          YouTube
-        </a></li>
+        <li>
+          <a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> YouTube
+          </a>
+        </li>
       {% endif %}
+
       {% if author.soundcloud %}
-        <li><a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i> 
-          Soundcloud
-        </a></li>
+        <li>
+          <a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i> Soundcloud
+          </a>
+        </li>
       {% endif %}
+
       {% if author.weibo %}
-        <li><a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-weibo" aria-hidden="true"></i> 
-          Weibo
-        </a></li>
+        <li>
+          <a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-weibo" aria-hidden="true"></i> Weibo
+          </a>
+        </li>
       {% endif %}
+
       {% if author.flickr %}
-        <li><a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-flickr" aria-hidden="true"></i> 
-          Flickr
-        </a></li>
+        <li>
+          <a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-flickr" aria-hidden="true"></i> Flickr
+          </a>
+        </li>
       {% endif %}
+
       {% if author.codepen %}
-        <li><a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-codepen" aria-hidden="true"></i> 
-          CodePen
-        </a></li>
+        <li>
+          <a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-codepen" aria-hidden="true"></i> CodePen
+          </a>
+        </li>
       {% endif %}
+
       {% if author.vine %}
-        <li><a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-vine" aria-hidden="true"></i> 
-          Vine
-        </a></li>
+        <li>
+          <a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-vine" aria-hidden="true"></i> Vine
+          </a>
+        </li>
       {% endif %}
+
+      {% include author-profile-custom-links.html %}
     </ul>
   </div>
 </div>
diff --git a/docs/_docs/10-layouts.md b/docs/_docs/10-layouts.md
index 7e4b789b..2409d61b 100644
--- a/docs/_docs/10-layouts.md
+++ b/docs/_docs/10-layouts.md
@@ -7,7 +7,7 @@ single_layout_gallery:
     alt: "single layout with header example"
   - image_path: /assets/images/mm-layout-single-meta.png
     alt: "single layout with comments and related posts"
-modified: 2016-10-06T23:02:37-04:00
+modified: 2016-12-12T15:20:20-05:00
 ---
 
 {% include toc icon="columns" title="Included Layouts" %}
@@ -333,16 +333,19 @@ defaults:
 
 The theme comes pre-built with a selection of links for the most common social media networks. These are all optional and can be [assigned in `_config.yml`]({{ "/docs/configuration/" | absolute_url }}).
 
-To add more links you'll need to crack open [`_includes/author-profile.html`](https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/author-profile.html) and make some edits.
+To add more links you'll need to crack open [`_includes/author-profile-custom-links.html`](https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/author-profile-custom-links.html) and add the appropriate `<li>` markup shown below. 
 
-Inside of `<ul class="author__urls">` you'll find `<li>` elements wrapped in Liquid conditionals. These represent each of the possible links you can currently add to the sidebar.
+**Please note:** Links added here will appear after the ones in [`_includes/author-profile.html`](https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/author-profile.html). If you'd like to change the order of appearance you'll need to edit that file directly.
+{: .notice--info}
 
-#### Example of Twitter link
+#### Social network link example
 
 ```html
-{% raw %}{% if author.twitter %}
-  <li><a href="https://twitter.com/{{ author.twitter }}"><i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
-{% endif %}{% endraw %}
+<li>
+  <a href="https://whatever-social-network.com/username">
+    <i class="fa fa-fw" aria-hidden="true"></i> Awesome Social Network
+  </a>
+</li>
 ```
 
 To add a new link you'll need three things:
@@ -351,7 +354,7 @@ To add a new link you'll need three things:
 2. [Font Awesome icon](http://fontawesome.io/icons/) (`fa-` class)
 3. Label for the link
 
-It's up to you if you want to wrap it in a `{% raw %}{% if %} ... {% endif %}{% endraw %}`conditional and add variables to `_config.yml`. If you don't plan to change it then hard-coding the strings is perfectly acceptable.
+It's up to you if you want to wrap it in a `{% raw %}{% if %} ... {% endif %}{% endraw %}`conditional and add a variable to `_config.yml`. If you don't plan to change it then hard-coding the string is perfectly acceptable.
 
 Let's run through how you'd add a new link that points to a Reddit profile. Starting with the three things from above:
 
@@ -362,13 +365,21 @@ Let's run through how you'd add a new link that points to a Reddit profile. Star
 And plug them into the appropriate locations:
 
 ```html
-<li><a href="[1]"><i class="fa fa-fw [2]" aria-hidden="true"></i> [3]</a></li>
+<li>
+  <a href="[1]">
+    <i class="fa fa-fw [2]" aria-hidden="true"></i> [3]
+  </a>
+</li>
 ```
 
 To end up with:
 
 ```html
-<li><a href="https://www.reddit.com/user/username"><i class="fa fa-fw fa-reddit" aria-hidden="true"></i> Reddit</a></li>
+<li>
+  <a href="https://www.reddit.com/user/username">
+    <i class="fa fa-fw fa-reddit" aria-hidden="true"></i> Reddit
+  </a>
+</li>
 ```
 
 ![Reddit link in author profile]({{ "/assets/images/mm-author-profile-reddit-gs.png" | absolute_url }})
diff --git a/docs/_includes/author-profile-custom-links.html b/docs/_includes/author-profile-custom-links.html
new file mode 100644
index 00000000..3560e258
--- /dev/null
+++ b/docs/_includes/author-profile-custom-links.html
@@ -0,0 +1,7 @@
+<!--
+  <li>
+    <a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs">
+      <i class="fa fa-fw" aria-hidden="true"></i> Custom Social Profile Link
+    </a>
+  </li>
+-->
\ No newline at end of file
diff --git a/docs/_includes/author-profile.html b/docs/_includes/author-profile.html
index f6637c8f..bb822345 100644
--- a/docs/_includes/author-profile.html
+++ b/docs/_includes/author-profile.html
@@ -30,16 +30,14 @@
     <ul class="author__urls social-icons">
       {% if author.location %}
         <li itemprop="homeLocation" itemscope itemtype="http://schema.org/Place">
-          <i class="fa fa-fw fa-map-marker" aria-hidden="true"></i>
-          <span itemprop="name"> {{ author.location }} </span>
+          <i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> <span itemprop="name">{{ author.location }}</span>
         </li>
       {% endif %}
 
       {% if author.uri %}
         <li>
           <a href="{{ author.uri }}" itemprop="url">
-            <i class="fa fa-fw fa-chain" aria-hidden="true"></i>
-              {{ site.data.ui-text[site.locale].website_label | default: "Website" }}
+            <i class="fa fa-fw fa-chain" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label | default: "Website" }}
           </a>
         </li>
       {% endif %}
@@ -47,145 +45,189 @@
       {% if author.email %}
         <li>
           <a href="mailto:{{ author.email }}">
-            <i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i>
             <meta itemprop="email" content="{{ author.email }}" />
-            {{ site.data.ui-text[site.locale].email_label | default: "Email" }}
+            <i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label | default: "Email" }}
           </a>
         </li>
       {% endif %}
 
       {% if author.keybase %}
-        <li><a href="https://keybase.io/{{ author.keybase }} " itemprop="sameAs">
-          <i class="fa fa-fw fa-key" aria-hidden="true"></i>
-          Keybase
-        </a></li>
+        <li>
+          <a href="https://keybase.io/{{ author.keybase }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-key" aria-hidden="true"></i> Keybase
+          </a>
+        </li>
       {% endif %}
+
       {% if author.twitter %}
-        <li><a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i>
-          Twitter
-        </a></li>
+        <li>
+          <a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter
+          </a>
+        </li>
       {% endif %}
+
       {% if author.facebook %}
-        <li><a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i>
-          Facebook
-        </a></li>
+        <li>
+          <a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook
+          </a>
+        </li>
       {% endif %}
+
       {% if author.google_plus %}
-        <li><a href="https://plus.google.com/+{{ author.google_plus }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-google-plus-square" aria-hidden="true"></i>
-          Google+
-        </a></li>
+        <li>
+          <a href="https://plus.google.com/+{{ author.google_plus }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-google-plus-square" aria-hidden="true"></i> Google+
+          </a>
+        </li>
       {% endif %}
+
       {% if author.linkedin %}
-        <li><a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i>
-          LinkedIn
-        </a></li>
+        <li>
+          <a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> LinkedIn
+          </a>
+        </li>
       {% endif %}
+
       {% if author.xing %}
-        <li><a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-xing-square" aria-hidden="true"></i>
-          XING
-        </a></li>
+        <li>
+          <a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-xing-square" aria-hidden="true"></i> XING
+          </a>
+        </li>
       {% endif %}
+
       {% if author.instagram %}
-        <li><a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-instagram" aria-hidden="true"></i>
-          Instagram
-        </a></li>
+        <li>
+          <a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-instagram" aria-hidden="true"></i> Instagram
+          </a>
+        </li>
       {% endif %}
+
       {% if author.tumblr %}
-        <li><a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs">
-          <i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i>
-          Tumblr
-        </a></li>
+        <li>
+          <a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs">
+            <i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i> Tumblr
+          </a>
+        </li>
       {% endif %}
+
       {% if author.bitbucket %}
-        <li><a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i>
-          Bitbucket
-        </a></li>
+        <li>
+          <a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket
+          </a>
+        </li>
       {% endif %}
+
       {% if author.github %}
-        <li><a href="https://github.com/{{ author.github }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-github" aria-hidden="true"></i>
-          Github
-        </a></li>
+        <li>
+          <a href="https://github.com/{{ author.github }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub
+          </a>
+        </li>
       {% endif %}
+
       {% if author.stackoverflow %}
-        <li><a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i>
-          Stackoverflow
-        </a></li>
+        <li>
+          <a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i> Stackoverflow
+          </a>
+        </li>
       {% endif %}
+
       {% if author.lastfm %}
-        <li><a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i>
-          Last.fm
-        </a></li>
+        <li>
+          <a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i> Last.fm
+          </a>
+        </li>
       {% endif %}
+
       {% if author.dribbble %}
-        <li><a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-dribbble" aria-hidden="true"></i>
-          Dribbble
-        </a></li>
+        <li>
+          <a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-dribbble" aria-hidden="true"></i> Dribbble
+          </a>
+        </li>
       {% endif %}
+
       {% if author.pinterest %}
-        <li><a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-pinterest" aria-hidden="true"></i>
-          Pinterest
-        </a></li>
+        <li>
+          <a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest
+          </a>
+        </li>
       {% endif %}
+
       {% if author.foursquare %}
-        <li><a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-foursquare" aria-hidden="true"></i>
-          Foursquare
-        </a></li>
+        <li>
+          <a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare
+          </a>
+        </li>
       {% endif %}
+
       {% if author.steam %}
-        <li><a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-steam-square" aria-hidden="true"></i>
-          Steam
-        </a></li>
+        <li>
+          <a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-steam-square" aria-hidden="true"></i> Steam
+          </a>
+        </li>
       {% endif %}
+
       {% if author.youtube %}
-        <li><a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i>
-          YouTube
-        </a></li>
+        <li>
+          <a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> YouTube
+          </a>
+        </li>
       {% endif %}
+
       {% if author.soundcloud %}
-        <li><a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i>
-          Soundcloud
-        </a></li>
+        <li>
+          <a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i> Soundcloud
+          </a>
+        </li>
       {% endif %}
+
       {% if author.weibo %}
-        <li><a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-weibo" aria-hidden="true"></i>
-          Weibo
-        </a></li>
+        <li>
+          <a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-weibo" aria-hidden="true"></i> Weibo
+          </a>
+        </li>
       {% endif %}
+
       {% if author.flickr %}
-        <li><a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-flickr" aria-hidden="true"></i>
-          Flickr
-        </a></li>
+        <li>
+          <a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-flickr" aria-hidden="true"></i> Flickr
+          </a>
+        </li>
       {% endif %}
+
       {% if author.codepen %}
-        <li><a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-codepen" aria-hidden="true"></i>
-          CodePen
-        </a></li>
+        <li>
+          <a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-codepen" aria-hidden="true"></i> CodePen
+          </a>
+        </li>
       {% endif %}
+
       {% if author.vine %}
-        <li><a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs">
-          <i class="fa fa-fw fa-vine" aria-hidden="true"></i>
-          Vine
-        </a></li>
+        <li>
+          <a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs">
+            <i class="fa fa-fw fa-vine" aria-hidden="true"></i> Vine
+          </a>
+        </li>
       {% endif %}
+
+      {% include author-profile-custom-links.html %}
     </ul>
   </div>
 </div>