From 763f7ddc44dbd41aa16d5a2d1e1aadd8e781b4d2 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Sun, 31 Dec 2017 23:00:10 +0000
Subject: [PATCH] Add list of accounts to about page

---
 content/about.md                    |  2 ++
 data/social.yml                     |  4 ++--
 layouts/shortcodes/social_list.html | 15 +++++++++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 layouts/shortcodes/social_list.html

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>