Social links added

src/assets/css/main.scss

@@ -115,6 +115,10 @@ body{
       width: 3rem;
 }
 
+.icon-3{
+      width: 2.2rem;
+}
+
 .bg-donate{
       background: rgb(38,119,255);
       background: -moz-linear-gradient(45deg, rgba(38,119,255,1) 0%, rgba(32,32,181,1) 100%);
@@ -228,6 +232,16 @@ body{
       @include transition(all 0.15s ease-out);
 }
 
+.grow-2{
+      @include transform(scale(1));
+      @include transition(all 0.15s ease-out);
+}
+
+.grow-2:hover{
+      @include transform(scale(1.2));
+      @include transition(all 0.15s ease-out);
+}
+
 .vue-notification {
       padding: 10px;
       margin: 5px 5px;
@@ -301,5 +315,3 @@ a:link, a:visited, a:hover, a:active {
       color: white;
 }
 
-
-

src/components/Footer.vue

@@ -1,10 +1,55 @@
 <template>
-  <div class="section bg-footer pt-4 pb-2">
+  <div class="section bg-footer">
     <div class="container-fluid">
-      <div class="row d-flex justify-content-center align-middle px-2">
-        <p class="text-light text-center w300">
-          © 2019. Made for <a target="_blank" href="https://reddit.com/u/rockmsockmjesus"><span class="w700">u/Rockmsockmjesus</span></a> <br class="d-block d-md-none">by <a target="_blank" href="https://appditto.com"><span class="w700">Appditto</span></a>.
-        </p>
+      <div class="row justify-content-center d-flex">
+        <div class="col-12 my-4">
+          <div class="row justify-content-center d-flex">
+            <a
+              target="_blank"
+              href="https://www.github.com/appditto/nanopaperwallet"
+              class="grow m-3"
+            >
+              <img class="icon-3 mx-2" src="../assets/img/social/github-icon.svg">
+              <span>Source Code</span>
+            </a>
+            <a
+              target="_blank"
+              href="https://www.reddit.com/r/nanocurrency"
+              class="grow m-3"
+            >
+              <img class="icon-3 mx-2" src="../assets/img/social/reddit-icon.svg">
+              <span>Nano Reddit</span>
+            </a>
+            <a
+              target="_blank"
+              href="https://twitter.com/nano"
+              class="grow m-3"
+            >
+              <img class="icon-3 mx-2" src="../assets/img/social/twitter-icon.svg">
+              <span>Nano Twitter</span>
+            </a>
+            <a
+              target="_blank"
+              href="https://chat.nano.org/"
+              class="grow m-3"
+            >
+              <img class="icon-3 mx-2" src="../assets/img/social/discord-icon.svg">
+              <span>Nano Discord</span>
+            </a>
+          </div>
+        </div>
+        <div class="col-12">
+          <p class="text-light text-center w300">
+            © 2019. Made for
+            <a target="_blank" href="https://reddit.com/u/rockmsockmjesus">
+              <span class="w700">u/Rockmsockmjesus</span>
+            </a>
+            <br class="d-block d-md-none">by
+            <a target="_blank" href="https://appditto.com">
+              <span class="w700">Appditto</span>
+            </a>.
+          </p>
+        </div>
       </div>
     </div>
   </div>