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 showcase-container layout

Browse source
This commit is contained in:
Luke 2022-01-25 03:40:04 +01:00
parent b0ba306673
commit 8f86a23d7b
1 changed files with 35 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
spn/index.html
View file

@ -50,16 +50,19 @@ layout: page
</p> </p>
</div> </div>
<div class="space-y-80"> <div class="space-y-80">
<div class="showcase-container"> <div class="showcase-container-reverse">
<div class="showcase-left"> <div class="showcase-left" style="max-width: 850px;">
<div class="alert-tiny w-max pr-6 bg-safing-blue-500" style="margin-left: 0;"> <img src="{{ site.img_url }}page-specific/spn/layers.gif" alt="">
</div>
<div class="showcase-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
<i class="icon-info text-md"></i> <i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span> <span>Alpha Software: Portmaster is in active development</span>
</div> </div>
<h2 class="showcase-left-title" style="max-width: 450px;"> <h2 class="showcase-right-title" style="max-width: 450px;">
Onion Layer Encryption Onion Layer Encryption
</h2> </h2>
<p class="showcase-left-desc"> <p class="showcase-right-desc">
Re-route all your connections through our multi-hop network Re-route all your connections through our multi-hop network
to decouple your identity from the destination. With onion- to decouple your identity from the destination. With onion-
encryption, no single party knows who you are and where you encryption, no single party knows who you are and where you
@ -67,20 +70,20 @@ layout: page
</p> </p>
<a class="btn-secondary" href="#">Discover the portmaster</a> <a class="btn-secondary" href="#">Discover the portmaster</a>
</div> </div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/layers.gif" alt="">
</div>
</div> </div>
<div class="showcase-container-reverse"> <div class="showcase-container">
<div class="showcase-left"> <div class="showcase-left" style="max-width: 850px;">
<div class="alert-tiny w-max pr-6 bg-safing-blue-500" style="margin-left: 0;"> <img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
</div>
<div class="showcase-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
<i class="icon-info text-md"></i> <i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span> <span>Alpha Software: Portmaster is in active development</span>
</div> </div>
<h2 class="showcase-left-title" style="max-width: 450px;"> <h2 class="showcase-right-title" style="max-width: 450px;">
Minimize Your Meta‑Data Minimize Your Meta‑Data
</h2> </h2>
<p class="showcase-left-desc"> <p class="showcase-right-desc">
With the SPN, your meta-data is stripped to a minimum. With the SPN, your meta-data is stripped to a minimum.
Abstracting even the size of outgoing packets to diminish Abstracting even the size of outgoing packets to diminish
what information third parties, like your ISP or the Wi-Fi what information third parties, like your ISP or the Wi-Fi
@ -88,20 +91,20 @@ layout: page
</p> </p>
<a class="btn-secondary" href="#">Discover the portmaster</a> <a class="btn-secondary" href="#">Discover the portmaster</a>
</div> </div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
</div>
</div> </div>
<div class="showcase-container"> <div class="showcase-container-reverse">
<div class="showcase-left"> <div class="showcase-left" style="max-width: 850px;">
<div class="alert-tiny w-max pr-6 bg-safing-blue-500" style="margin-left: 0;"> <img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
</div>
<div class="showcase-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
<i class="icon-info text-md"></i> <i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span> <span>Alpha Software: Portmaster is in active development</span>
</div> </div>
<h2 class="showcase-left-title" style="max-width: 450px;"> <h2 class="showcase-right-title" style="max-width: 450px;">
Distributed Multi Identity Network Distributed Multi Identity Network
</h2> </h2>
<p class="showcase-left-desc"> <p class="showcase-right-desc">
Instead of exiting all your traffic at one place, route every Instead of exiting all your traffic at one place, route every
connection individually to spread your connections across the connection individually to spread your connections across the
globe. Use vast amounts of identities (IP addresses) and limit globe. Use vast amounts of identities (IP addresses) and limit
@ -109,20 +112,20 @@ layout: page
</p> </p>
<a class="btn-secondary" href="#">Discover the portmaster</a> <a class="btn-secondary" href="#">Discover the portmaster</a>
</div> </div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
</div>
</div> </div>
<div class="showcase-container-reverse"> <div class="showcase-container">
<div class="showcase-left"> <div class="showcase-left" style="max-width: 850px;">
<div class="alert-tiny w-max pr-6 bg-safing-blue-500" style="margin-left: 0;"> <img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
</div>
<div class="showcase-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
<i class="icon-info text-md"></i> <i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span> <span>Alpha Software: Portmaster is in active development</span>
</div> </div>
<h2 class="showcase-left-title" style="max-width: 450px;"> <h2 class="showcase-right-title" style="max-width: 450px;">
No Kill Switch Needed No Kill Switch Needed
</h2> </h2>
<p class="showcase-left-desc"> <p class="showcase-right-desc">
Get peace of mind instead of fearing data-leakage. Get peace of mind instead of fearing data-leakage.
<br> <br>
<br> <br>
@ -132,10 +135,10 @@ layout: page
</p> </p>
<a class="btn-secondary" href="#">Discover the portmaster</a> <a class="btn-secondary" href="#">Discover the portmaster</a>
</div> </div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
</div>
</div> </div>
<div class="packages-container"> <div class="packages-container">
<div class="packages-container-top"> <div class="packages-container-top">
<span class="packages-container-top-title"> <span class="packages-container-top-title">
@ -168,8 +171,6 @@ layout: page
</div> </div>
</div> </div>
</div> </div>
<div class="faq-container"> <div class="faq-container">
<div class="faq-container-top"> <div class="faq-container-top">
<span class="faq-container-top-title"> <span class="faq-container-top-title">