From 1ad5c7da37c6160d88915861dbb583ca9a01f5b9 Mon Sep 17 00:00:00 2001
From: Luke <luke@safing.io>
Date: Thu, 28 Jan 2021 10:25:42 +0100
Subject: [PATCH] Update landing

---
 index.html | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 7338415..d82277a 100644
--- a/index.html
+++ b/index.html
@@ -6,10 +6,11 @@ title: Safing - Love Freedom
 {% include header.html %}
 
 <section id="features" class="my-32 md:mt-16 md:mb-40">
-  <div class="mx-auto lg:pl-16 grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col" style="max-width: 2000px;">
+ 
+  <div class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col" style="max-width: 2000px;">
     <div class="mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
       <div class="inline-block max-w-lg lg:mr-32">
-        <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content;">
+        <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
           <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
           Alpha Software: Portmaster is in active development
         </div>
@@ -19,16 +20,24 @@ title: Safing - Love Freedom
         <p class="text-md opacity-55 max-w-lg">
           Discover everything that is happening on your computer. Expose every connection your applications make and detect evil ones. Finally get the power to act accordingly.
         </p>
+        <div class="py-10 sm:py-10 text-center sm:flex">
+          <a href="{{ site.portmaster_url }}">
+            <button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+              Discover the Portmaster
+            </button>
+          </a>
+        </div>
       </div>
     </div>
     <div class="lg:-mr-20 ml-auto row-start-1 self-end md:self-start ">
       <img class="" src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
     </div>
   </div>
-  <div class="mx-auto lg:pr-16 grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64" style="max-width: 1700px;">
+
+  <div class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64 lg:pt-20" style="max-width: 1700px;">
     <div class="row-start-2 lg:row-start-1 lg:col-start-2 mx-auto lg:ml-0 lg:mr-auto mt-16 md:my-auto px-4 md:px-0">
       <div class="inline-block max-w-lg lg:ml-32">
-        <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content;">
+        <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
           <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
           Alpha Software: Portmaster is in active development
         </div>
@@ -38,16 +47,24 @@ title: Safing - Love Freedom
         <p class="text-md opacity-55 max-w-lg" style="max-width: 471px;">
           Protect your whole computer, not just your browser. Block all advertisements and trackers for every application. Easily add your own rules and block individual domains.
         </p>
+        <div class="py-10 sm:py-10 text-center sm:flex">
+          <a href="{{ site.portmaster_url }}">
+            <button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+              Discover the Portmaster
+            </button>
+          </a>
+        </div>
       </div>
     </div>
     <div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
       <img class="" src="{{ site.img_url }}page-specific/portmaster/block-trackers-system-wide.png" alt="">
     </div>
   </div>
-  <div class="mx-auto lg:pl-16 grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64" style="max-width: 1700px;">
+
+  <div class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64 lg:pt-20" style="max-width: 1700px;">
     <div class="mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
       <div class="inline-block max-w-lg lg:mr-32">
-        <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content;">
+        <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
           <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
           Alpha Software: Portmaster is in active development
         </div>
@@ -63,10 +80,6 @@ title: Safing - Love Freedom
               Discover the Portmaster
             </button>
           </a>
-          <br>
-          <a href="{{ site.portmaster_url }}#downloads" class="sm:pl-8 transition duration-150 ease-in-out hover:opacity-100 self-center uppercase opacity-55 text-xs font-bold">
-            Download Alpha
-          </a>
         </div>
       </div>
     </div>