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

Merge pull request #47 from safing/feature/kickstarter-notification

Browse source 
Add kickstarter notification
This commit is contained in:
Dave Gson 2019-12-17 14:15:43 +00:00 • committed by GitHub
commit a00ac91792
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 31 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
_includes/new/header.html
View file

@ -3,9 +3,14 @@
<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 2nd January, 2020 - stay tuned</span>
</div>
</div>
</div> </div>
<span>Supported by</span> <span style="opacity: 0.5;">Supported by</span>
<ul> <ul>
<li><a href="{{ site.our_values_url }}#influences"><img src="{{ site.img_url }}external-logos/esa.png" alt=""></a></li> <li><a href="{{ site.our_values_url }}#influences"><img src="{{ site.img_url }}external-logos/esa.png" alt=""></a></li>
<li><a href="{{ site.our_values_url }}#influences"><img src="{{ site.img_url }}external-logos/netidee_small.png" alt=""></a></li> <li><a href="{{ site.our_values_url }}#influences"><img src="{{ site.img_url }}external-logos/netidee_small.png" alt=""></a></li>

28
_sass/new/header.scss
View file

@ -69,18 +69,38 @@ header .h-l-v video{
width: 100%; width: 100%;
height: auto; height: auto;
border: 0; border: 0;
border-radius: 10px 10px 10px; border-radius: 10px 10px 0px 0px;
font-variant-caps: all-petite-caps; font-variant-caps: all-petite-caps;
cursor: pointer; cursor: pointer;
} }
header .h-l div{ .kickstarter{
padding-top: 1rem; color: white;
background-color: #05ce78;
display: flex;
border: 0;
padding: 10px 25px;
border-radius: 0px 0px 10px 10px;
margin-top: -0.25rem;
}
.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;
opacity: 0.5;
} }
header .h-l ul{ header .h-l ul{