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

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

69
spn/index.html
View file

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