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 showcases

Browse source
This commit is contained in:
Luke 2022-06-27 12:13:05 +02:00
parent eb8e846c9e
commit f5cdd2f74c
1 changed files with 51 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
spn/index.html
View file

@ -82,26 +82,6 @@ layout: page
</div> </div>
</div> </div>
<div class="showcase-one-container"> <div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
</div>
<div class="showcase-one-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
<i class="icon-info text-md"></i>
<span>Alpha Software: the SPN is in active development </span>
</div>
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Minimize Your Meta‑Data
</h2>
<p class="showcase-one-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
operator of your local coffee place, can gather about you.
</p>
</div>
</div>
<div class="showcase-one-container-reverse">
<div class="showcase-left" style="max-width: 850px;"> <div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/network.png" alt=""> <img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
</div> </div>
@ -127,6 +107,45 @@ layout: page
</a> </a>
</div> </div>
</div> </div>
<div class="showcase-two-container">
<div class="showcase-two-top-break-left">
<h2 class="showcase-two-top-title" style="max-width: 550px;">
SPN in Action
</h2>
<p class="showcase-two-top-desc">
Watch a short video showing how you easily get multiple identities per app, by default.
</p>
</div>
<div class="showcase-two-bottom" style="max-width: 850px;">
<div class="card">
<div class="overflow-hidden">
<video preload="auto" src="https://assets.safing.io/spn/feature-tour.mp4" poster="img/video-cover.png" controls="">
</video>
</div>
</div>
</div>
<div class="showcase-bg"></div>
</div>
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
</div>
<div class="showcase-one-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
<i class="icon-info text-md"></i>
<span>Alpha Software: the SPN is in active development </span>
</div>
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Minimize Your Meta‑Data
</h2>
<p class="showcase-one-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
operator of your local coffee place, can gather about you.
</p>
</div>
</div>
<div class="showcase-one-container"> <div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;"> <div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/switch.gif" alt=""> <img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
@ -150,19 +169,19 @@ layout: page
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a> <a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
</div> </div>
</div> </div>
<div class="packages-container" id="pricing"> <div class="showcase-two-container" id="pricing">
<a class="alert-primary hover-scale-out mb-20" data-method="get" href="{{ site.spn_alpha_status_page_url }}"> <div class="showcase-two-top" style="max-width: 690px;">
<a class="alert-primary hover-scale-out" data-method="get" href="{{ site.spn_alpha_status_page_url }}">
<span> <span>
SPN is in "Alpha". View SPN is in "Alpha". View
<span class="underline">what to expect</span> <span class="underline">what to expect</span>
from current speeds and features from current speeds and features
</span> </span>
</a> </a>
<div class="packages-container-top"> <h2 class="showcase-two-top-title">
<h2 class="packages-container-top-title"> Packages
Protect Your Connections Today
</h2> </h2>
<p class="packages-container-top-desc"> <p class="showcase-two-top-desc">
Subscribe to the SPN and lock in the lower Alpha prices forever. Subscribe to the SPN and lock in the lower Alpha prices forever.
</p> </p>
</div> </div>