vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-02 02:59:03 +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

8
_includes/new/header.html
View file

@ -3,12 +3,6 @@
<div class="h-l-v"> <div class="h-l-v">
<!--<img src="{{ site.img_url }}video-placeholder.png" alt="">--> <!--<img src="{{ site.img_url }}video-placeholder.png" alt="">-->
<video playsinline="" preload="auto" src="{{ site.video_url }}interim.mp4" controls></video> <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> </div>
<span style="opacity: 0.5;">Supported by</span> <span style="opacity: 0.5;">Supported by</span>
<ul> <ul>
@ -25,7 +19,7 @@
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. 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> </p>
<div> <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> <span>or <a href="{{ site.newsletter_url }}">subscribe to our newsletter</a></span>
</div> </div>
</div> </div>

38
_sass/new/header.scss
View file

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