Make social links have one place on the site. #134

Author: BenJetson

_config.yml

@@ -11,12 +11,19 @@ email: [email protected]
 description: The internet home for all of my personal projects and thoughts.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://www.bengodfrey.net" #interwebz
-twitter_username: BenJetson
-github_username: BenJetson
 repository: BenJetson/benjetson.github.io
 profileIMG: https://avatars1.githubusercontent.com/u/10427974?s=460&v=4
 brand_color: "#01579b"
 
+# Social Links
+# If these are updates, you might want to check _data/stack.yml for entries that
+# need updating.
+social_urls:
+  twitter: https://twitter.com/BenJetson
+  instagram: https://instagram.com/bfgodfr
+  github: https://github.com/BenJetson
+  linkedin: https://linkedin.com/in/bfgodfrey
+
 # Build settings
 tier: prod
 recaptcha_site_id: 6LfaaLQZAAAAAFqauKWQA3LRGVvHvnl-JJ99tEJI

_includes/footer.html

@@ -8,18 +8,22 @@ <h4>{{site.title}}</h4>
       <div class="col-sm-12 col-md-3 d-print-none">
         <h5>Follow me!</h5>
         <div class="social-grid">
-          <a class="social-icon" href="https://github.com/benjetson">
-            <i class="bi bi-github"></i>
-            <span class="visually-hidden">GitHub</span>
-          </a>
-          <a class="social-icon" href="https://twitter.com/benjetson">
+          <a class="social-icon" href="{{site.social_urls.twitter}}">
             <i class="bi bi-twitter"></i>
             <span class="visually-hidden">Twitter</span>
           </a>
-          <a class="social-icon" href="https://www.linkedin.com/in/bfgodfrey">
+          <a class="social-icon" href="{{site.social_urls.instagram}}">
+            <i class="bi bi-instagram"></i>
+            <span class="visually-hidden">Instagram</span>
+          </a>
+          <a class="social-icon" href="{{site.social_urls.linkedin}}">
             <i class="bi bi-linkedin"></i>
             <span class="visually-hidden">LinkedIn</span>
           </a>
+          <a class="social-icon" href="{{site.social_urls.github}}">
+            <i class="bi bi-github"></i>
+            <span class="visually-hidden">GitHub</span>
+          </a>
         </div>
       </div>
       <div class="col-sm-12 col-md-3 d-print-none">