Updated contact page with icons. Closes #8

content/contact/contents.lr

@@ -6,8 +6,41 @@ body:
 
 Feel free to ccontact me via:
 
-- E-Mail: [me@fmartingr.com](mailto:me@fmartingr.com)
-- Github: https://github.com/fmartingr
-- OStatus: https://mastodon.social/@fmartingr
-- LinkedIn: https://linkedin.com/fmartingr
-- Telegram: https://telegram.me/fmartingr (fastest!)
+<div class="grid text-center">
+    <div class="col-1-3 text-size-enormous">
+        <a href="mailto:me@fmartingr.com">
+            <i class="fa fa-envelope" aria-hidden="true"></i>
+            <span class="text-size-normal display-block">E-Mail</span>
+        </a>
+    </div>
+    <div class="col-1-3 text-size-enormous">
+        <a href="https://github.com/fmartingr">
+            <i class="fa fa-github" aria-hidden="true"></i>
+            <span class="text-size-normal display-block">Github</span>
+        </a>
+    </div>
+    <div class="col-1-3 text-size-enormous">
+        <a href="https://linkedin.com/fmartingr">
+            <i class="fa fa-linkedin" aria-hidden="true"></i>
+            <span class="text-size-normal display-block">LinkedIn</span>
+        </a>
+    </div>
+    <div class="col-1-3 text-size-enormous">
+        <a href="https://telegram.me/fmartingr">
+            <i class="fa fa-telegram" aria-hidden="true"></i>
+            <span class="text-size-normal display-block">Telegram</span>
+        </a>
+    </div>
+    <div class="col-1-3 text-size-enormous">
+        <a href="https://mastodon.social/@fmartingr">
+            <i class="fa fa-mastodon" aria-hidden="true"></i>
+            <span class="text-size-normal display-block">Mastodon</span>
+        </a>
+    </div>
+    <div class="col-1-3 text-size-enormous">
+        <a href="https://twitter.com/fmartingr">
+            <i class="fa fa-twitter" aria-hidden="true"></i>
+            <span class="text-size-normal display-block">Birdsite</span>
+        </a>
+    </div>
+</div>

content/made-with-open-source/contents.lr

@@ -12,9 +12,11 @@ Software:
 * [Emacs](https://www.gnu.org/software/emacs/)
 * [Gulp](http://gulpjs.com/)
 * [Lektor](https://getlektor.com)
+* [Visual Studio Code](https://code.visualstudio.com)
 
 Javascript libraries:
 * [Featherlight lightbox](https://github.com/noelboss/featherlight/)
+* [Fork Awesome](https://forkawesome.github.io/Fork-Awesome/)
 * [jQuery](https://jquery.com)
 
 And of course, this site "source code" [is publicly accessible on Github too](https://github.com/fmartingr/fmartingr-lektor).