Update landing

This commit is contained in:
Luke 2021-01-28 10:25:42 +01:00
parent f3f0b1925b
commit 1ad5c7da37

View file

@ -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>