diff --git a/content/about.md b/content/about.md
index 1fe4812..f6af266 100644
--- a/content/about.md
+++ b/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 %}}
diff --git a/data/social.yml b/data/social.yml
index f2feb43..b5c6fab 100644
--- a/data/social.yml
+++ b/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
diff --git a/layouts/shortcodes/social_list.html b/layouts/shortcodes/social_list.html
new file mode 100644
index 0000000..620f9c2
--- /dev/null
+++ b/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>