added YouTube link to footer

This commit is contained in:
andmironov 2017-03-23 16:56:26 +02:00
parent 77beff267a
commit 71f95b3d58
9 changed files with 21 additions and 7 deletions

View File

@ -2158,7 +2158,8 @@ input.email-form__input--email:disabled {
color: white; }
.contributor__info__name {
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
line-height: 16px; }
.contributor__info__position {
font-size: 14px;
@ -2315,6 +2316,9 @@ input.email-form__input--email:disabled {
.footer-link--rd .footer-icon {
background-image: url(../img/new-site/icon_rd2.svg); }
.footer-link--yt .footer-icon {
background-image: url(../img/new-site/icon_yt.svg); }
.footer-link a {
color: white; }

View File

@ -0,0 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_yt</title><path d="M10.142 14.356l-.001-5.057 4.864 2.537-4.863 2.52zM20.82 8.422s-.176-1.24-.715-1.786c-.685-.717-1.452-.72-1.804-.763-2.519-.182-6.297-.182-6.297-.182h-.008s-3.778 0-6.297.182c-.352.042-1.119.046-1.804.763-.54.546-.715 1.786-.715 1.786S3 9.88 3 11.336V12.7c0 1.457.18 2.913.18 2.913s.176 1.24.715 1.787c.685.717 1.584.694 1.985.77 1.44.138 6.12.18 6.12.18s3.782-.005 6.301-.187c.352-.042 1.12-.046 1.804-.763.54-.546.715-1.787.715-1.787s.18-1.456.18-2.913v-1.365c0-1.457-.18-2.914-.18-2.914z" fill="#FFF" fill-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 645 B

View File

@ -509,6 +509,7 @@
<li class="footer-link footer-link--sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</span></a></li>
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
</ul>
</div>
<div class="footer-table__column">

View File

@ -114,7 +114,7 @@
</div>
</div>
</div>
<div class="footer footer--page">
<div class="footer">
<div class="footer-inner">
<div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner">
@ -131,6 +131,7 @@
<li class="footer-link footer-link--sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</span></a></li>
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
</ul>
</div>
<div class="footer-table__column">

View File

@ -67,7 +67,7 @@
</div>
</div>
</div>
<div class="footer footer--page">
<div class="footer">
<div class="footer-inner">
<div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner">
@ -84,6 +84,7 @@
<li class="footer-link footer-link--sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</span></a></li>
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
</ul>
</div>
<div class="footer-table__column">

View File

@ -66,7 +66,7 @@
</div>
</div>
</div>
<div class="footer footer--page">
<div class="footer">
<div class="footer-inner">
<div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner">
@ -83,6 +83,7 @@
<li class="footer-link footer-link--sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</span></a></li>
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
</ul>
</div>
<div class="footer-table__column">

View File

@ -109,6 +109,10 @@
background-image: url(../img/new-site/icon_rd2.svg);
}
.footer-link--yt .footer-icon {
background-image: url(../img/new-site/icon_yt.svg);
}
.footer-link a {
color: $colorWhite;
}

View File

@ -106,6 +106,7 @@
.contributor__info__name {
font-family:$PostGroteskMedium;
line-height: 16px;
}
.contributor__info__position {
@ -147,7 +148,7 @@
height: auto;
margin: 0 0 24px 0;
width: 160px;
}

View File

@ -107,7 +107,7 @@
</div>
</div>
</div>
<div class="footer footer--page">
<div class="footer">
<div class="footer-inner">
<div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner">
@ -124,6 +124,7 @@
<li class="footer-link footer-link--sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</span></a></li>
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
</ul>
</div>
<div class="footer-table__column">
@ -148,7 +149,6 @@
</div>
</div>
<!-- Google Analytics -->
<script>
(function(i, s, o, g, r, a, m) {