Add list of accounts to about page

content/about.md

@@ -5,3 +5,5 @@ title: About
 In the interest of privacy, there's very little personal information here.
 
 The information that is here is either not personal enough to bother protecting, or has been selectively chosen as nothing bad.
+
+{{% social_list %}}

data/social.yml

@@ -55,13 +55,13 @@ accounts:
     icon: fa-codepen
 
   npm:
-    name: npm
+    name: NPM
     username: TheOrangeOne
     link: https://www.npmjs.com/~TheOrangeOne/
     icon: fa-file-code-o
 
   keybase:
-    name: keybase
+    name: Keybase
     username: RealOrangeOne
     link: https://keybase.io/realorangeone
     icon: fa-key

layouts/shortcodes/social_list.html

@@ -0,0 +1,15 @@
+<div class="row">
+  {{ range $i, $e := sort .Site.Data.social.accounts "name" }}
+    <div class="col-sm-3 mt-3">
+      <div class="card text-center">
+        <h1 class="display-3"><i class="fa {{ $e.icon }}"></i></h1>
+        <div class="card-body">
+          <h3>{{ $e.name }}</h3>
+          <a href="{{ $e.link }}">
+            <p>{{ $e.username }}</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  {{ end }}
+</div>