vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-02 11:09:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update landing

Browse source
This commit is contained in:
Luke 2021-01-28 10:25:42 +01:00
parent f3f0b1925b
commit 1ad5c7da37
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
index.html
View file

@ -6,10 +6,11 @@ title: Safing - Love Freedom
{% include header.html %} {% include header.html %}
<section id="features" class="my-32 md:mt-16 md:mb-40"> <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="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="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"> <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development Alpha Software: Portmaster is in active development
</div> </div>
@ -19,16 +20,24 @@ title: Safing - Love Freedom
<p class="text-md opacity-55 max-w-lg"> <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. 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> </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> </div>
<div class="lg:-mr-20 ml-auto row-start-1 self-end md:self-start "> <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=""> <img class="" src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
</div> </div>
</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="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="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"> <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development Alpha Software: Portmaster is in active development
</div> </div>
@ -38,16 +47,24 @@ title: Safing - Love Freedom
<p class="text-md opacity-55 max-w-lg" style="max-width: 471px;"> <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. 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> </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> </div>
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center"> <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=""> <img class="" src="{{ site.img_url }}page-specific/portmaster/block-trackers-system-wide.png" alt="">
</div> </div>
</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="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="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"> <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development Alpha Software: Portmaster is in active development
</div> </div>
@ -63,10 +80,6 @@ title: Safing - Love Freedom
Discover the Portmaster Discover the Portmaster
</button> </button>
</a> </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> </div>
</div> </div>