mirror of
https://github.com/safing/web
synced 2025-04-06 12:09:08 +00:00
260 lines
13 KiB
HTML
260 lines
13 KiB
HTML
---
|
||
title: Safing Privacy Network
|
||
layout: page
|
||
---
|
||
|
||
<div class="alert-primary rounded-none text-md">
|
||
<i class="icon-info text-md"></i>
|
||
<a data-method="get" href="https://docs.safing.io/spn/alpha/status">
|
||
<span>
|
||
SPN is in "Alpha". View
|
||
<span class="underline">what to expect</span>
|
||
from current speeds and features
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<header class="header-one-container-reverse mb-64 mt-36">
|
||
<div class="header-one-left pl-12">
|
||
<h1 class="header-one-left-title lg:max-w-md">
|
||
Safing Privacy Network
|
||
</h1>
|
||
<p class="header-one-left-desc">
|
||
With the SPN you protect all your connections from mass
|
||
surveillance. Prevent all Internet Service Providers
|
||
from collecting and selling your private activities.
|
||
</p>
|
||
<div class="col-container w-full text-center lg:w-max lg:text-left">
|
||
<a class="btn-primary" href="#pricing">Get started</a>
|
||
<a class="btn-tertiary" href="{{ site.portmaster_url }}">Built into the Portmaster</a>
|
||
</div>
|
||
</div>
|
||
<div class="header-one-right">
|
||
<span style="font-size: 12rem; font-weight: 800; margin-top: -5rem; margin-left: 6rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
||
<img src="{{ site.img_url }}shapes/circle-md.png" alt="">
|
||
</span>
|
||
<div class="card">
|
||
<div class="rounded-2xl overflow-hidden">
|
||
<video class="max-w-2xl" preload="auto"
|
||
src="{{ site.assets_server_url }}spn/feature-tour.mp4"
|
||
poster="{{ site.assets_server_url }}spn/feature-tour-poster.png"
|
||
controls>
|
||
</video>
|
||
</div>
|
||
</div>
|
||
<span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
||
<img src="{{ site.img_url }}shapes/circle-sm.png" alt="">
|
||
</span>
|
||
</div>
|
||
</header>
|
||
<section class="general-layout">
|
||
<div class="intro-container mt-32">
|
||
<h2 class="intro-container-title">
|
||
Protect Your Meta‑Data
|
||
</h2>
|
||
<p class="intro-container-desc">
|
||
Seek true privacy. Do not overlook meta-data: which websites
|
||
you visit and how frequently tell more about you than knowing
|
||
what you actually do on them.
|
||
</p>
|
||
</div>
|
||
<div class="space-y-80">
|
||
<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 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-right-title" style="max-width: 450px;">
|
||
Onion Layer Encryption
|
||
</h2>
|
||
<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
|
||
are going to. Inspired by Tor.
|
||
</p>
|
||
<a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">Compare the SPN to Tor</a>
|
||
<a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-core.png">
|
||
View explainer-image
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<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 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-right-title" style="max-width: 450px;">
|
||
Minimize Your Meta‑Data
|
||
</h2>
|
||
<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
|
||
operator of your local coffee place, can gather about you.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<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 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-right-title" style="max-width: 450px;">
|
||
Distributed Multi Identity Network
|
||
</h2>
|
||
<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
|
||
your visibility in the "open" web.
|
||
</p>
|
||
<a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-vpns/">
|
||
Compare the SPN to VPNs
|
||
</a>
|
||
<a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-community.png">
|
||
View explainer-image
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<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 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-right-title" style="max-width: 450px;">
|
||
No Kill Switch Needed
|
||
</h2>
|
||
<p class="showcase-right-desc">
|
||
Get peace of mind instead of fearing data-leakage.
|
||
<br>
|
||
<br>
|
||
With the open source Portmaster, all your network connections are
|
||
intercepted at the kernel-level, putting an end to accidental data
|
||
exposure.
|
||
</p>
|
||
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||
</div>
|
||
</div>
|
||
<div class="packages-container" id="pricing">
|
||
<div class="alert-primary mb-20">
|
||
<a data-method="get" href="{{ site.spn_alpha_status_page_url }}">
|
||
<span>
|
||
SPN is in "Alpha". View
|
||
<span class="underline">what to expect</span>
|
||
from current speeds and features
|
||
</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="packages-container-top">
|
||
<h2 class="packages-container-top-title">
|
||
Protect Your Connections Today
|
||
</h2>
|
||
<p class="packages-container-top-desc">
|
||
Subscribe to the SPN and lock in the lower Alpha prices forever.
|
||
</p>
|
||
</div>
|
||
<div class="packages-container-bottom">
|
||
<div class="card-package">
|
||
<div class="card-package-top">
|
||
<span class="card-package-top-title">Early Adopter Monthly</span>
|
||
<span class="card-package-top-amount">
|
||
9.90€ <span class="billing">/ per month</span>
|
||
</span>
|
||
<span class="card-package-top-offer">11.90€</span>
|
||
</div>
|
||
<div class="card-package-middle space-y-4">
|
||
<span class="card-package-middle-includes"> Includes: </span>
|
||
<span class="card-package-middle-includes-feature"> Access to the SPN </span>
|
||
<span class="card-package-middle-includes-feature"> Unlimited Bandwidth </span>
|
||
<span class="card-package-middle-includes-feature"> Use on up to 5 devices </span>
|
||
<span class="card-package-middle-includes-feature"> 17% off compared to Beta-Prices </span>
|
||
</div>
|
||
<div class="card-package-bottom">
|
||
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/1/subscribe">Subscribe</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-package">
|
||
<div class="card-package-top">
|
||
<span class="card-package-top-title">Early Adopter Yearly</span>
|
||
<span class="card-package-top-amount">
|
||
99.00€ <span class="billing">/ per year</span>
|
||
</span>
|
||
<span class="card-package-top-offer">142.80</span>
|
||
</div>
|
||
<div class="card-package-middle space-y-4">
|
||
<span class="card-package-middle-includes"> Includes: </span>
|
||
<span class="card-package-middle-includes-feature"> Access to the SPN </span>
|
||
<span class="card-package-middle-includes-feature"> Unlimited Bandwidth </span>
|
||
<span class="card-package-middle-includes-feature"> Use on up to 5 devices </span>
|
||
<span class="card-package-middle-includes-feature"> 30% off compared to Beta-Prices </span>
|
||
</div>
|
||
<div class="card-package-bottom">
|
||
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/subscribe">Subscribe</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-container">
|
||
<div class="faq-container-top">
|
||
<h2 class="faq-container-top-title">
|
||
FAQ
|
||
</h2>
|
||
<p class="faq-container-top-desc">
|
||
You have a question? We answered some already, but you
|
||
can always contact us at <a class="link-primary" href="mailto:hello@safing.io">hello@safing.io</a>
|
||
</p>
|
||
</div>
|
||
<div class="faq-container-bottom">
|
||
{% for faq in site.data.faq.spn %}
|
||
<div class="faq-container-bottom-question">
|
||
<div class="card-faq hover-scale-out">
|
||
<label class="card-label" for="card-toggle-anchor-{{ forloop.index }}">
|
||
<div class="wrapper-left">
|
||
<div class="card-title">
|
||
<h3 class="title">
|
||
{{ faq.q }}
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div class="wrapper-right">
|
||
<i class="icon-arrow"></i>
|
||
</div>
|
||
</label>
|
||
<input class="card-input-toggle" id="card-toggle-anchor-{{ forloop.index }}" type="checkbox">
|
||
<div class="card-dropdown-toggle">
|
||
<div class="card-dropdown-content">
|
||
<div class="text-safing-gray-500">
|
||
{{ faq.a }}
|
||
</div>
|
||
{% if faq.link %}
|
||
<br>
|
||
<br>
|
||
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
{% include source_code_faq.html %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|