From 2b647b9e7d2448d320004efd14479296cd770ef1 Mon Sep 17 00:00:00 2001
From: Luke <lukeseers@users.noreply.github.com>
Date: Tue, 14 Jan 2020 10:57:25 +0100
Subject: [PATCH] Add kickstarter button

---
 _includes/new/header.html | 10 ++--------
 _sass/new/header.scss     | 40 +++++++--------------------------------
 2 files changed, 9 insertions(+), 41 deletions(-)

diff --git a/_includes/new/header.html b/_includes/new/header.html
index 2756ec6..4f58d87 100644
--- a/_includes/new/header.html
+++ b/_includes/new/header.html
@@ -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>
\ No newline at end of file
diff --git a/_sass/new/header.scss b/_sass/new/header.scss
index 5a2343d..8d9529d 100644
--- a/_sass/new/header.scss
+++ b/_sass/new/header.scss
@@ -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;
     }
-}
+}
\ No newline at end of file