diff options
| author | Marco Alexander Fischer | 2018-08-28 16:41:36 +0200 |
|---|---|---|
| committer | Marco Alexander Fischer | 2018-08-28 16:41:36 +0200 |
| commit | 4c39e2cf1c95f25124adf9c053ea05b9d4afc9c2 (patch) | |
| tree | ae31002e79708f7ab39fde2f8fbc35e2528e9e47 | |
| parent | 894b2a294b1d4045be731a4318edb5d06584769f (diff) | |
Added colors to social buttons + fixed bugs
@marvinborner
| -rw-r--r-- | assets/css/style.css | 28 | ||||
| -rw-r--r-- | index.html | 2 |
2 files changed, 24 insertions, 6 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 0911473..9d83d77 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -14,8 +14,8 @@ } html, body { - min-height: 100vh; - width: 100vw; + min-height: 100%; + width: 100%; overflow: hidden; } @@ -25,8 +25,8 @@ html, body { .ContentWrapper { display: flex; - min-height: 100vh; - width: 100vw; + height: 100% !important; + width: 100%; flex-direction: column; flex-wrap: wrap; justify-content: center; @@ -91,12 +91,28 @@ a:hover { } } -/* .fa-instagram:before { +.fa-instagram:before { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -*/ + +.fa-whatsapp { + color: #25d366; +} + +.fa-telegram-plane { + color: #0088cc; +} + +.fa-envelope { + color: #f1ed21; +} + +.fa-github { + color: #939393; +} + .name { font-size: 12px; }
\ No newline at end of file @@ -79,6 +79,7 @@ <a href="https://t.me/marvinborner" target="_blank"><i class="fab fa-telegram-plane"></i></a> <a href="https://wa.me/+4915755219293" target="_blank"><i class="fab fa-whatsapp"></i></a> <a href="mailto:marvin@borners.de?subject=Texx-Website"><i class="far fa-envelope"></i></a> + <a href="https://github.com/marvinborner" target="_blank"><i class="fab fa-github"></i></a> </div> <hr> <div class="marco"> @@ -88,6 +89,7 @@ <a href="https://t.me/hyteyt" target="_blank"><i class="fab fa-telegram-plane"></i></a> <a href="https://wa.me/+491704887928" target="_blank"><i class="fab fa-whatsapp"></i></a> <a href="mailto:mail@marcoalexanderfischer.de?subject=Texx-Website"><i class="far fa-envelope"></i></a> + <a href="https://github.com/hyteyt" target="_blank"><i class="fab fa-github"></i></a> </div> <hr> <div class="aakash"> |