mirror of
https://github.com/safing/web
synced 2025-09-02 11:09:03 +00:00
Add video
This commit is contained in:
parent
8cb3c6b3b9
commit
8814401b9c
4 changed files with 8 additions and 6 deletions
|
@ -12,6 +12,7 @@ description: > # this means to ignore newlines until "base_url:"
|
||||||
base_url: "/" # the subpath of your site, e.g. /blog
|
base_url: "/" # the subpath of your site, e.g. /blog
|
||||||
assets_url: "/assets/"
|
assets_url: "/assets/"
|
||||||
img_url: "/assets/img/"
|
img_url: "/assets/img/"
|
||||||
|
video_url: "/assets/video/"
|
||||||
icons_url: "/assets/icons/"
|
icons_url: "/assets/icons/"
|
||||||
vendor_url: "/vendor/"
|
vendor_url: "/vendor/"
|
||||||
url: "https://safing.io" # the base hostname & protocol for your site
|
url: "https://safing.io" # the base hostname & protocol for your site
|
||||||
|
|
|
@ -1,7 +1,8 @@
|
||||||
<header class="h-bg">
|
<header class="h-bg">
|
||||||
<div class="h-l">
|
<div class="h-l">
|
||||||
<div class="h-l-i">
|
<div class="h-l-v">
|
||||||
<img src="{{ site.img_url }}video-placeholder.png" alt="">
|
<!--<img src="{{ site.img_url }}video-placeholder.png" alt="">-->
|
||||||
|
<video autoplay="" muted="" loop="" playsinline="" preload="auto" src="{{ site.video_url }}Base.mp4" controls></video>
|
||||||
</div>
|
</div>
|
||||||
<span>Supported by</span>
|
<span>Supported by</span>
|
||||||
|
|
||||||
|
|
|
@ -43,7 +43,7 @@ header .h-l-v button{
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #05ce78;
|
background-color: #ff5700;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -55,7 +55,7 @@ header .h-l-v button{
|
||||||
}
|
}
|
||||||
|
|
||||||
header .h-l-v button:hover{
|
header .h-l-v button:hover{
|
||||||
box-shadow: 2px 2px 30px #05ce77af;
|
box-shadow: 2px 2px 30px #ff5500b9;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .h-l-v button img {
|
header .h-l-v button img {
|
||||||
|
@ -66,7 +66,7 @@ header .h-l-v button img {
|
||||||
}
|
}
|
||||||
|
|
||||||
header .h-l-v video{
|
header .h-l-v video{
|
||||||
width: 95%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 10px 10px 10px;
|
border-radius: 10px 10px 10px;
|
||||||
|
|
BIN
assets/video/Base.mp4
Normal file
BIN
assets/video/Base.mp4
Normal file
Binary file not shown.
Loading…
Add table
Reference in a new issue