From b7bede473a51f13b65201a79af8b592af7c4e515 Mon Sep 17 00:00:00 2001 From: Evert Date: Sun, 27 Aug 2017 15:02:50 +0300 Subject: [PATCH] social buttons on the footer --- src/style/main.styl | 29 ++++++++++++++++++++++++++++- views/layout.pug | 8 +++++++- 2 files changed, 35 insertions(+), 2 deletions(-) diff --git a/src/style/main.styl b/src/style/main.styl index 3f78d4d..8759560 100644 --- a/src/style/main.styl +++ b/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 diff --git a/views/layout.pug b/views/layout.pug index ec820d0..91fc9f7 100644 --- a/views/layout.pug +++ b/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