Added social buttons for twitch, yelp, and steam (daattali#234)

TheRealBenForce · daattali · commit ffb3c843b2c8 · 2017-08-13T02:42:46.000-04:00
diff --git a/_config.yml b/_config.yml
@@ -58,6 +58,9 @@ author:
   youtube: yourlink   # eg. user/daattali or channel/daattali
   spotify: yourname   # eg. daattali
   telephone: yourphone   # eg. +14159998888
+  steam: yourname     # eg. daattali
+  twitch: yourname    # eg. daattali
+  yelp: yourname      # eg. daattali
 
 # Select which links to show in the footer
 footer-links-active:
@@ -76,6 +79,9 @@ footer-links-active:
   youtube: false
   spotify: false
   telephone: false
+  steam: false
+  twitch: false
+  yelp: false
 
 # Select which share links to show in posts
 share-links-active:
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -168,6 +168,39 @@
             </a>
           </li>
           {% endif %}
+      {% if site.author.steam and site.footer-links-active.steam %}
+          <li>
+            <a href="https://steamcommunity.com/id/{{ site.author.steam }}" title="Steam">
+              <span class="fa-stack fa-lg" aria-hidden="true">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-steam fa-stack-1x fa-inverse"></i>
+              </span>
+              <span class="sr-only">Steam</span>
+            </a>
+          </li>
+          {% endif %}
+      {% if site.author.twitch and site.footer-links-active.twitch %}
+          <li>
+            <a href="https://www.twitch.tv/{{ site.author.twitch }}" title="Twitch">
+              <span class="fa-stack fa-lg" aria-hidden="true">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-twitch fa-stack-1x fa-inverse"></i>
+              </span>
+              <span class="sr-only">Twitch</span>
+            </a>
+          </li>
+          {% endif %}
+      {% if site.author.yelp and site.footer-links-active.yelp %}
+          <li>
+            <a href="https://{{ site.author.yelp }}.yelp.com" title="Yelp">
+              <span class="fa-stack fa-lg" aria-hidden="true">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-yelp fa-stack-1x fa-inverse"></i>
+              </span>
+              <span class="sr-only">Yelp</span>
+            </a>
+          </li>
+          {% endif %}
         </ul>
         <p class="copyright text-muted">
 		  {{ site.author.name }}
