Add real accounts to footer

data/social.yml

@@ -0,0 +1,68 @@
+---
+accounts:
+  github:
+    name: GitHub
+    username: RealOrangeOne
+    link: https://github.com/RealOrangeOne/
+    icon: fa-github
+
+  twitter:
+    name: Twitter
+    username: RealOrangeOne
+    link: https://twitter.com/RealOrangeOne/
+    icon: fa-twitter
+
+  reddit:
+    name: Reddit
+    username: RealOrangeOne
+    link: https://reddit.com/u/RealOrangeOne/
+    icon: fa-reddit
+
+  flickr:
+    name: Flickr
+    username: TheOrangeOne
+    link: https://flickr.com/photos/TheOrangeOne/
+    icon: fa-flickr
+
+  bitbucket:
+    name: BitBucket
+    username: TheOrangeOne
+    link: https://bitbucket.com/TheOrangeOne/
+    icon: fa-bitbucket
+
+  trello:
+    name: Trello
+    username: TheOrangeOne
+    link: https://trello.com/TheOrangeOne/
+    icon: fa-trello
+
+  freenode:
+    name: Freenode
+    username: TheOrangeOne
+    link: https://webchat.freenode.net/
+    icon: fa-rss
+
+  pcpartpicker:
+    name: PCPartPicker
+    username: TheOrangeOne97
+    link: https://uk.pcpartpicker.com/user/TheOrangeOne97/
+    icon: fa-desktop
+
+  codepen:
+    name: CodePen
+    username: TheOrangeOne
+    link: https://codepen.io/TheOrangeOne/
+    icon: fa-codepen
+
+  npm:
+    name: npm
+    username: TheOrangeOne
+    link: https://www.npmjs.com/~TheOrangeOne/
+    icon: fa-file-code-o
+
+footer_accounts:
+  - github
+  - twitter
+  - reddit
+  - flickr
+  - bitbucket

layouts/partials/footer.html

@@ -1,13 +1,11 @@
 <footer id="footer">
   <ul class="icons">
-    <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
-    <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
-    <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
-    <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
-    <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
-    <li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
+    {{ range .Site.Data.social.footer_accounts }}
+    {{ $account := index $.Site.Data.social.accounts . }}
+      <li><a href="{{ $account.link }}" class="icon {{ $account.icon }}"><span class="label">{{ $account.name }}</span></a></li>
+    {{ end }}
   </ul>
   <ul class="copyright">
-    <li>&copy; {{ title .Site.Params.author }}. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+    <li>&copy; {{ title .Site.Params.author }} - All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
   </ul>
 </footer>