Add video

_config.yml

@@ -12,6 +12,7 @@ description: > # this means to ignore newlines until "base_url:"
 base_url: "/" # the subpath of your site, e.g. /blog
 assets_url: "/assets/"
 img_url: "/assets/img/"
+video_url: "/assets/video/"
 icons_url: "/assets/icons/"
 vendor_url: "/vendor/"
 url: "https://safing.io" # the base hostname & protocol for your site

_includes/new/header.html

@@ -1,7 +1,8 @@
 <header class="h-bg">
   <div class="h-l">
-    <div class="h-l-i">
-      <img src="{{ site.img_url }}video-placeholder.png" alt="">
+    <div class="h-l-v">
+      <!--<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>
     <span>Supported by</span>
 
@@ -23,4 +24,4 @@
       <span>or <a href="{{ site.newsletter_url }}">subscribe to our newsletter</a></span>
     </div>
   </div>
-</header>
+</header>

_sass/new/header.scss

@@ -43,7 +43,7 @@ header .h-l-v button{
     width: 100px;
     height: 100px;
     color: white;
-	background-color: #05ce78;
+	background-color: #ff5700;
     border: 0;
     border-radius: 50%;
     cursor: pointer;
@@ -55,7 +55,7 @@ header .h-l-v button{
 }
 
 header .h-l-v button:hover{
-    box-shadow: 2px 2px 30px #05ce77af;
+    box-shadow: 2px 2px 30px #ff5500b9;
 }
 
 header .h-l-v button img {
@@ -66,7 +66,7 @@ header .h-l-v button img {
 }
 
 header .h-l-v video{
-    width: 95%;
+    width: 100%;
     height: auto;
 	border: 0;
 	border-radius: 10px 10px 10px;