social buttons on the footer

src/style/main.styl

@@ -144,7 +144,7 @@ footer
         text-align: center
         font-size: 90%
         vertical-align: top
-        margin-top: 50px
+        margin-top: 35px
         padding: 15px
         margin-left: 5vw
     .squeebot
@@ -469,6 +469,33 @@ span.load
     cursor: help
     font-size: 19px
 
+.socialbtn
+    width: 28px
+    height: 28px
+    display: inline-block
+    line-height: 28px
+    color: #fff
+    font-size: 160%
+    border-radius: 100px
+    padding: 2px
+    margin: 5px
+    &#github
+        background-color: #000
+    &#twitter
+        background-color: #03a9f4
+    &#discord
+        background-color: #2C2F33
+        .discordlogo
+            position: relative
+            top: 3px
+            background: url(/static/image/Discord-Logo-White.svg)
+            width: 22px
+            height: 22px
+            display: inline-block
+    i
+        position: relative
+        right: 1px
+
 .dialog-drop
     display: block
     position: fixed

views/layout.pug

@@ -71,7 +71,13 @@ html
 					.logo.small
 							.part1 Icy
 							.part2 Network
-					br
+					.social
+						a.socialbtn#github(href="https://github.com/IcyNet/" target="_blank")
+							i.fa.fa-fw.fa-github
+						a.socialbtn#twitter(href="https://twitter.com/IcyNet" target="_blank")
+							i.fa.fa-fw.fa-twitter
+						a.socialbtn#discord(href="https://discord.gg/Xe7MKSx" target="_blank")
+							span.discordlogo
 					span © 2017 - Icy Network - Some Rights Reserved
 					br
 					span