Social media icons, improved responsivity

This commit is contained in:
Vlad Faust
2016-06-17 13:45:25 +03:00
parent fe28fca7e3
commit 3781cf7a6a
9 changed files with 345 additions and 10 deletions

View File

@@ -4,7 +4,7 @@
<title>@vladfaust</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:200' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="stylesheets/style.css">
<!-- Yandex.Metrika counter -->
<script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter33155678 = new Ya.Metrika({ id:33155678, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/33155678" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
@@ -15,8 +15,28 @@
<div class="title flex-item">@vladfaust</div>
</div>
<div class="footer flex-container">
<div class="footer-link flex-item">
<a href="mailto:hello@vladfaust.com">hello@vladfaust.com</a>
<div class="flex-item">
<a class="email-link" href="mailto:hello@vladfaust.com">hello@vladfaust.com</a>
<div class="social-icons">
<a class="social-icon email-icon" href="mailto:hello@vladfaust.com">
<img src="img/em.svg">
</a>
<a class="social-icon" href="https://telegram.me/vladfaust">
<img src="img/tg.svg">
</a>
<a class="social-icon" href="https://github.com/vladfaust">
<img src="img/gh.svg">
</a>
<a class="social-icon" href="https://vk.com/vladfaust">
<img src="img/vk.svg">
</a>
<a class="social-icon" href="https://twitter.com/vladfaust">
<img src="img/tw.svg">
</a>
<a class="social-icon" href="https://instagram.com/vladfaust">
<img src="img/ig.svg">
</a>
</div>
</div>
</div>
</body>