vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 18:49:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add kickstarter button

Browse source
This commit is contained in:
Luke 2020-01-14 10:57:25 +01:00
parent 779635e8e0
commit 2b647b9e7d
2 changed files with 9 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
_includes/new/header.html
View file

@ -3,12 +3,6 @@
<div class="h-l-v">
<!--<img src="{{ site.img_url }}video-placeholder.png" alt="">-->
<video playsinline="" preload="auto" src="{{ site.video_url }}interim.mp4" controls></video>
<div class="kickstarter">
<div>
<img src="{{ site.icons_url }}kickstarter.svg" alt="">
<span>Kickstarter launch <a href="https://old.reddit.com/r/safing/comments/ehojfj/postponing_the_kickstarter_to_the_22nd_of_january/"><s>2nd</s> 22nd</a> January, 2020 - stay tuned</span>
</div>
</div>
</div>
<span style="opacity: 0.5;">Supported by</span>
<ul>
@ -25,8 +19,8 @@
Stay private while surfing the Web. Stop ISPs, Wi-Fi Operators and VPNs from collecting all your personal [meta] data. Secure your whole computer, not only your web-browser.
</p>
<div>
<a href="{{ site.reddit_url }}"><button><img src="{{ site.icons_url }}reddit.svg" alt=""><span>Join our reddit</span></button></a>
<a href="{{ site.reddit_url }}"><button><img src="{{ site.icons_url }}kickstarter.svg" alt=""><span>kickstarter</span></button></a>
<span>or <a href="{{ site.newsletter_url }}">subscribe to our newsletter</a></span>
</div>
</div>
</header>
</header>

40
_sass/new/header.scss
View file

@ -69,40 +69,11 @@ header .h-l-v video{
width: 100%;
height: auto;
border: 0;
border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 10px 10px;
font-variant-caps: all-petite-caps;
cursor: pointer;
}
.kickstarter{
color: white;
background-color: #05ce78;
display: flex;
border: 0;
padding: 10px 25px;
border-radius: 0px 0px 10px 10px;
margin-top: -0.25rem;
a {
color: white;
}
}
.kickstarter div{
height: auto;
margin: 0 auto;
display: flex;
}
.kickstarter img{
width: 20px;
height: auto;
}
.kickstarter span{
padding-left: 1rem;
}
header .h-l span{
font-size: 1.1rem;
}
@ -175,10 +146,13 @@ header .h-r div{
display: flex;
padding-top: 1rem;
}
header .h-r div a{
text-decoration: none;
}
header .h-r div button{
color: white;
background-color: #FF5700;
background-color: #05ce78;
display: flex;
border: 0;
padding: 10px 25px;
@ -190,7 +164,7 @@ header .h-r div button{
header .h-r div button:hover{
transform: scale(1.1);
box-shadow: 2px 2px 30px #FF5700;
box-shadow: 2px 2px 30px #05ce77af;
}
header .h-r div button img{
@ -287,4 +261,4 @@ header .h-r div a:hover{
header .h-r div span{
margin-right: 1.4rem;
}
}
}