Add optional location to author sidebar

_config.yml

@@ -65,6 +65,7 @@ author:
   name             : *name
   avatar           : "bio-photo.jpg"
   bio              : *description
+  location         : "Buffalo, NY"
   email            : *email
   uri              : "https://mademistakes.com"
   codepen          :

_includes/author-profile.html

@@ -20,8 +20,11 @@
   <div class="author__urls-wrapper">
     <button class="btn btn--inverse">Follow</button>
     <ul class="author__urls social-icons">
+      {% if author.location %}
+        <li><i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> {{ author.location }}</li>
+      {% endif %}
       {% if author.uri %}
-        <li><a href="{{ author.uri }}"><i class="fa fa-fw fa-globe" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label }}</a></li>
+        <li><a href="{{ author.uri }}"><i class="fa fa-fw fa-chain" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label }}</a></li>
       {% endif %}
       {% if author.email %}
         <li><a href="mailto:{{ author.email }}"><i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label }}</a></li>

assets/_scss/_sidebar.scss

@@ -204,6 +204,10 @@
     }
   }
 
+  li {
+    white-space: nowrap;
+  }
+
   a {
     display: block;
     margin-bottom: 5px;
@@ -213,7 +217,6 @@
     color: inherit;
     font-size: $type-size-5;
     text-decoration: none;
-    white-space: nowrap;
 
     &:hover {
       text-decoration: underline;