mirror of
https://github.com/safing/web
synced 2025-09-04 03:59:03 +00:00
Merge branch 'feature/integrate-safingTailwind' of https://github.com/safing/web into feature/integrate-safingTailwind
This commit is contained in:
Luke
commit
a0f2b7e0c5
12 changed files with 213 additions and 212 deletions
|
|
@ -13,7 +13,7 @@ spn:
|
||||||
a: The SPN is heavily inspired by Tor, but the mission is different. Next to tightly integrating with other privacy modules, the main focus of the SPN is easy protection for your whole computer, not just your browser. Additionally it spreads your connections across the globe instead of routing everything through the same circuit.
|
a: The SPN is heavily inspired by Tor, but the mission is different. Next to tightly integrating with other privacy modules, the main focus of the SPN is easy protection for your whole computer, not just your browser. Additionally it spreads your connections across the globe instead of routing everything through the same circuit.
|
||||||
link:
|
link:
|
||||||
text: Read our comparison blog to find out more.
|
text: Read our comparison blog to find out more.
|
||||||
url: https://safing.io/blog/2020/01/22/how-the-spn-compares-to-tor/
|
url: /blog/2020/01/22/how-the-spn-compares-to-tor/
|
||||||
- q: How does the SPN compare to VPNs?
|
- q: How does the SPN compare to VPNs?
|
||||||
a: The VPN technology was built to securely connect two company locations. However, the SPN was developed from the ground up to protect user privacy. As a result the SPN can easily outperform VPNs in every aspect.
|
a: The VPN technology was built to securely connect two company locations. However, the SPN was developed from the ground up to protect user privacy. As a result the SPN can easily outperform VPNs in every aspect.
|
||||||
link:
|
link:
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<header class="header-one-container">
|
<header class="header-one-container mb-64">
|
||||||
<div class="header-one-left">
|
<div class="header-one-left">
|
||||||
<span style="margin-top: -8rem; margin-left: 14rem; z-index: -1;" class="absolute">
|
<span style="margin-top: -8rem; margin-left: 14rem; z-index: -1;" class="absolute">
|
||||||
<img src="{{ site.img_url }}/shapes/circle-md-2.png" alt="">
|
<img src="{{ site.img_url }}/shapes/circle-md-2.png" alt="">
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
Without privacy there is no freedom of press, no freedom of speech,
|
Without privacy there is no freedom of press, no freedom of speech,
|
||||||
not even freedom of thought.
|
not even freedom of thought.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Take back your freedom</a>
|
<a class="btn-secondary" href="{{ site.portmaster_url }}">Take back your freedom</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-one-right">
|
<div class="header-one-right">
|
||||||
<img class="max-w-2xl" src="{{ site.img_url }}freedom.gif" alt="">
|
<img class="max-w-2xl" src="{{ site.img_url }}freedom.gif" alt="">
|
||||||
|
|
|
||||||
28
_includes/source_code_faq.html
Normal file
28
_includes/source_code_faq.html
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
{% if include.faq_id %}
|
||||||
|
{% assign faq_id = include.faq_id %}
|
||||||
|
{% else %}
|
||||||
|
{% assign faq_id = "0" %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<div class="faq-container-bottom-question">
|
||||||
|
<div class="card-faq hover-scale-out">
|
||||||
|
<label class="card-label" for="card-toggle-anchor-{{ faq_id }}">
|
||||||
|
<div class="wrapper-left">
|
||||||
|
<div class="card-title">
|
||||||
|
<h3 class="title">
|
||||||
|
Where can I find your source code?
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="wrapper-right">
|
||||||
|
<i class="icon-arrow"></i>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
<input class="card-input-toggle" id="card-toggle-anchor-{{ faq_id }}" type="checkbox">
|
||||||
|
<div class="card-dropdown-toggle">
|
||||||
|
<div class="card-dropdown-content">
|
||||||
|
You can find our code on <a href="{{ site.github_url }}" class="link-primary">Github</a>. <a href="{{ site.github_url }}/portmaster/" class="link-primary">The Portmaster</a>, the <a href="{{ site.github_url }}/portmaster-ui/" class="link-primary">Portmaster UI</a>, the <a href="{{ site.github_url }}/spn/" class="link-primary">SPN</a>, the <a href="{{ site.github_url }}/docs/" class="link-primary">docs</a> and <a href="{{ site.github_url }}/web/" class="link-primary">this website</a> have their respective repositories. <a href="{{ site.github_url }}/jess/" class="link-primary">Jess</a>, the heart of the SPN, which got <a href="https://cure53.de/pentest-report_safing-jess.pdf">audited by Cure53</a>, can also be found online.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -10,7 +10,7 @@ layout: page_container
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<span class="header-four-container-title-author">
|
<span class="header-four-container-title-author">
|
||||||
May 6, 2021 • Written by <a class="link-primary" href="/team/#david">David</a>
|
{{ page.date | date: "%B %-d, %Y" }} • Written by <a class="link-primary" href="{{ site.team_url }}#{{ page.author | slugify }}">{{ page.author | capitalize }}</a>
|
||||||
</span>
|
</span>
|
||||||
<div class="header-four-container-social">
|
<div class="header-four-container-social">
|
||||||
<a class="link hover-opacity-in" href="{{ site.twitter_url }}"><i class="icon-twitter text-lg"></i></a>
|
<a class="link hover-opacity-in" href="{{ site.twitter_url }}"><i class="icon-twitter text-lg"></i></a>
|
||||||
|
|
|
||||||
11
_sass/prebuilt/section-container/default.scss
Normal file
11
_sass/prebuilt/section-container/default.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
.section-container {
|
||||||
|
margin-top: 10rem;
|
||||||
|
margin-bottom: 16rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-container > div:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.section-container > div {
|
||||||
|
margin-top: 15rem;
|
||||||
|
}
|
||||||
|
|
@ -4,7 +4,7 @@ layout: page
|
||||||
---
|
---
|
||||||
|
|
||||||
<section class="general-layout">
|
<section class="general-layout">
|
||||||
<div class="showcase-container-reverse mt-32">
|
<div class="showcase-container-reverse">
|
||||||
<div class="showcase-left" style="max-width: 1050px;">
|
<div class="showcase-left" style="max-width: 1050px;">
|
||||||
<img src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
|
<img src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -35,7 +35,7 @@ layout: page
|
||||||
for our powerful VPN alternative. You get an extra service,
|
for our powerful VPN alternative. You get an extra service,
|
||||||
we get to finance ourselves.
|
we get to finance ourselves.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the spn</a>
|
<a class="btn-secondary" href="{{ site.spn_url }}">Discover the SPN</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="showcase-container-reverse">
|
<div class="showcase-container-reverse">
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@ title: Safing - Love Freedom
|
||||||
connection your applications make and detect evil ones. Finally get
|
connection your applications make and detect evil ones. Finally get
|
||||||
the power to act accordingly.
|
the power to act accordingly.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="showcase-container">
|
<div class="showcase-container">
|
||||||
|
|
@ -43,7 +43,7 @@ title: Safing - Love Freedom
|
||||||
advertisements and trackers for every application. Easily add
|
advertisements and trackers for every application. Easily add
|
||||||
your own rules and block individual domains.
|
your own rules and block individual domains.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="showcase-container-reverse">
|
<div class="showcase-container-reverse">
|
||||||
|
|
@ -64,7 +64,7 @@ title: Safing - Love Freedom
|
||||||
Or never connect to specific countries. The Portmaster has you
|
Or never connect to specific countries. The Portmaster has you
|
||||||
covered.
|
covered.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="blogpod-container">
|
<div class="blogpod-container">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ redirect_from:
|
||||||
---
|
---
|
||||||
|
|
||||||
<section class="general-layout">
|
<section class="general-layout">
|
||||||
<div class="showcase-container-reverse mt-32">
|
<div class="showcase-container">
|
||||||
<div class="showcase-left" style="max-width: 1050px;">
|
<div class="showcase-left" style="max-width: 1050px;">
|
||||||
<img src="{{ site.img_url }}page-specific/ownership/ownership.png" alt="">
|
<img src="{{ site.img_url }}page-specific/ownership/ownership.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -25,7 +25,7 @@ redirect_from:
|
||||||
<a class="btn-secondary" href="{{ site.company_agreement_url }}">View public registry</a>
|
<a class="btn-secondary" href="{{ site.company_agreement_url }}">View public registry</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="showcase-container">
|
<div class="showcase-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/ownership/influences.png" alt="">
|
<img src="{{ site.img_url }}page-specific/ownership/influences.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -42,16 +42,17 @@ redirect_from:
|
||||||
have to rely on the support and trust of our users. Help us get there by
|
have to rely on the support and trust of our users. Help us get there by
|
||||||
using the Portmaster and later down the road, purchasing the SPN.
|
using the Portmaster and later down the road, purchasing the SPN.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
<a class="btn-secondary" href="#influences">Explore the Details</a>
|
||||||
|
<a class="btn-tertiary hover-opacity-out" href="{{ site.spn_url }}#pricing">Support with a Purchase</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="influence-container">
|
<div class="influence-container" id="influences">
|
||||||
<div class="influence-container-top">
|
<div class="influence-container-top">
|
||||||
<div class="influence-container-top-title-date">
|
<div class="influence-container-top-title-date">
|
||||||
<h2 class="influence-container-top-title">
|
<h2 class="influence-container-top-title">
|
||||||
Influences
|
Influences
|
||||||
</h2>
|
</h2>
|
||||||
<span class="influence-container-top-data">updated May 2021</span>
|
<span class="influence-container-top-data">updated November 2021</span>
|
||||||
</div>
|
</div>
|
||||||
<p class="influence-container-top-desc">
|
<p class="influence-container-top-desc">
|
||||||
Through these partnerships we are not only receiving funding, but
|
Through these partnerships we are not only receiving funding, but
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,10 @@ redirect_from:
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="alert-primary rounded-none text-md">
|
<div class="alert-primary rounded-none text-md">
|
||||||
<span>Portmaster is Alpha Software - expect hickups here and there</span>
|
<i class="icon-info"></i>
|
||||||
|
<span>Portmaster is Alpha Software - expect hiccups here and there</span>
|
||||||
</div>
|
</div>
|
||||||
<header class="header-two-container">
|
<header class="header-two-container mb-64">
|
||||||
<div class="header-two-top">
|
<div class="header-two-top">
|
||||||
<h1 class="header-two-top-title">
|
<h1 class="header-two-top-title">
|
||||||
Take Back Control of Your Computer
|
Take Back Control of Your Computer
|
||||||
|
|
@ -136,8 +137,8 @@ redirect_from:
|
||||||
as good as we can.
|
as good as we can.
|
||||||
</p>
|
</p>
|
||||||
<div class="col-container w-full text-left md:text-center lg:w-max lg:text-left">
|
<div class="col-container w-full text-left md:text-center lg:w-max lg:text-left">
|
||||||
<a class="btn-secondary" href="#">Checkout the docs</a>
|
<a class="btn-secondary" href="{{ site.docs_url }}">Checkout the docs</a>
|
||||||
<a class="btn-tertiary hover-opacity-out" href="#"><i class="icon-github text-md mr-2"></i>Inspect source code</a>
|
<a class="btn-tertiary hover-opacity-out" href="{{ site.github_url }}/portmaster"><i class="icon-github text-md mr-2"></i>Inspect source code</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -158,7 +159,6 @@ redirect_from:
|
||||||
settings for different networks and then simply press a button when changing
|
settings for different networks and then simply press a button when changing
|
||||||
location. All settings will adjust immediately
|
location. All settings will adjust immediately
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="showcase-container-reverse">
|
<div class="showcase-container-reverse">
|
||||||
|
|
@ -179,11 +179,10 @@ redirect_from:
|
||||||
Or never connect to specific countries. The Portmaster has you
|
Or never connect to specific countries. The Portmaster has you
|
||||||
covered.
|
covered.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="download-container" id="download">
|
<div class="download-container" id="download">
|
||||||
<h2 class="download-container-title">
|
<h2 class="download-container-title" id="downloads">
|
||||||
Download
|
Download
|
||||||
</h2>
|
</h2>
|
||||||
<div class="alert-primary max-w-3xl mx-auto">
|
<div class="alert-primary max-w-3xl mx-auto">
|
||||||
|
|
@ -194,10 +193,10 @@ redirect_from:
|
||||||
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
|
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
|
||||||
<a class="btn-secondary" href="{{ site.download_linux_deb_url }}"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
|
<a class="btn-secondary" href="{{ site.download_linux_deb_url }}"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
|
||||||
<a class="btn-secondary" href="{{ site.download_linux_rpm_url }}"><i class="icon-fedora text-md mr-2"></i>Fedora</a>
|
<a class="btn-secondary" href="{{ site.download_linux_rpm_url }}"><i class="icon-fedora text-md mr-2"></i>Fedora</a>
|
||||||
<a disabled class="btn" href="#"><i class="icon-mac text-md mr-2"></i>Macos (Not supported)</a>
|
<a disabled class="btn"><i class="icon-mac text-md mr-2"></i>Macos (Not supported)</a>
|
||||||
</div>
|
</div>
|
||||||
<p class="download-container-extra">
|
<p class="download-container-extra">
|
||||||
View guide and status for <a class="link-primary" href="{{ site.docs_install_windows_url }}">other Linux 2.4+ distributions</a>
|
View guide and status for <a class="link-primary" href="{{ site.docs_install_windows_url }}">Windows 7, 8</a> or <a class="link-primary" href="{{ site.docs_install_linux_url }}">other Linux 2.4+ distributions</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-container">
|
<div class="faq-container">
|
||||||
|
|
@ -207,7 +206,7 @@ redirect_from:
|
||||||
</h2>
|
</h2>
|
||||||
<p class="faq-container-top-desc">
|
<p class="faq-container-top-desc">
|
||||||
You have a question? We answered some already, but you
|
You have a question? We answered some already, but you
|
||||||
can always contact us at <a class="link-primary" href="">hello@safing.io</a>
|
can always contact us at <a class="link-primary" href="mailto:hello@safing.io">hello@safing.io</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-container-bottom">
|
<div class="faq-container-bottom">
|
||||||
|
|
@ -240,30 +239,7 @@ redirect_from:
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<div class="faq-container-bottom-question">
|
{% include source_code_faq.html %}
|
||||||
<div class="card-faq hover-scale-out">
|
|
||||||
<label class="card-label" for="card-toggle-anchor-0">
|
|
||||||
<div class="wrapper-left">
|
|
||||||
<div class="card-title">
|
|
||||||
<h3 class="title">
|
|
||||||
Where can I find your source code?
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="wrapper-right">
|
|
||||||
<i class="icon-arrow"></i>
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
<input class="card-input-toggle" id="card-toggle-anchor-0" type="checkbox">
|
|
||||||
<div class="card-dropdown-toggle">
|
|
||||||
<div class="card-dropdown-content">
|
|
||||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
|
||||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
|
||||||
got audited by Cure53, can also be found online.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -4,11 +4,16 @@ layout: page
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="alert-primary rounded-none text-md">
|
<div class="alert-primary rounded-none text-md">
|
||||||
<a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
|
<a data-method="get" href="https://docs.safing.io/spn/alpha/status">
|
||||||
<span class="w-auto text-sm">SPN reached "Alpha". To celebrate, all customers can <span class="underline">use the SPN for FREE</span> in December 🎉</span>
|
<i class="icon-info text-md"></i>
|
||||||
|
<span>
|
||||||
|
SPN is in "Alpha". View
|
||||||
|
<span class="underline">what to expect</span>
|
||||||
|
from current speeds and features
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<header class="header-one-container-reverse mt-40">
|
<header class="header-one-container-reverse mb-64">
|
||||||
<div class="header-one-left pl-12">
|
<div class="header-one-left pl-12">
|
||||||
<h1 class="header-one-left-title lg:max-w-md">
|
<h1 class="header-one-left-title lg:max-w-md">
|
||||||
Safing Privacy Network
|
Safing Privacy Network
|
||||||
|
|
@ -56,7 +61,7 @@ layout: page
|
||||||
<div class="showcase-right">
|
<div class="showcase-right">
|
||||||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
||||||
<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: the SPN is in active development </span>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||||||
Onion Layer Encryption
|
Onion Layer Encryption
|
||||||
|
|
@ -67,7 +72,10 @@ layout: page
|
||||||
encryption, no single party knows who you are and where you
|
encryption, no single party knows who you are and where you
|
||||||
are going to. Inspired by Tor.
|
are going to. Inspired by Tor.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
<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>
|
</div>
|
||||||
<div class="showcase-container">
|
<div class="showcase-container">
|
||||||
|
|
@ -77,7 +85,7 @@ layout: page
|
||||||
<div class="showcase-right">
|
<div class="showcase-right">
|
||||||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
||||||
<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: the SPN is in active development </span>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||||||
Minimize Your Meta‑Data
|
Minimize Your Meta‑Data
|
||||||
|
|
@ -88,7 +96,6 @@ layout: page
|
||||||
what information third parties, like your ISP or the Wi-Fi
|
what information third parties, like your ISP or the Wi-Fi
|
||||||
operator of your local coffee place, can gather about you.
|
operator of your local coffee place, can gather about you.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="showcase-container-reverse">
|
<div class="showcase-container-reverse">
|
||||||
|
|
@ -98,7 +105,7 @@ layout: page
|
||||||
<div class="showcase-right">
|
<div class="showcase-right">
|
||||||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
||||||
<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: the SPN is in active development </span>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||||||
Distributed Multi Identity Network
|
Distributed Multi Identity Network
|
||||||
|
|
@ -109,7 +116,12 @@ layout: page
|
||||||
globe. Use vast amounts of identities (IP addresses) and limit
|
globe. Use vast amounts of identities (IP addresses) and limit
|
||||||
your visibility in the "open" web.
|
your visibility in the "open" web.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
<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>
|
</div>
|
||||||
<div class="showcase-container">
|
<div class="showcase-container">
|
||||||
|
|
@ -119,7 +131,7 @@ layout: page
|
||||||
<div class="showcase-right">
|
<div class="showcase-right">
|
||||||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
||||||
<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: the SPN is in active development </span>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||||||
No Kill Switch Needed
|
No Kill Switch Needed
|
||||||
|
|
@ -132,17 +144,26 @@ layout: page
|
||||||
intercepted at the kernel-level, putting an end to accidental data
|
intercepted at the kernel-level, putting an end to accidental data
|
||||||
exposure.
|
exposure.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="packages-container">
|
<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">
|
<div class="packages-container-top">
|
||||||
<h2 class="packages-container-top-title">
|
<h2 class="packages-container-top-title">
|
||||||
Pre-Order the SPN
|
Protect Your Connections Today
|
||||||
</h2>
|
</h2>
|
||||||
<p class="packages-container-top-desc">
|
<p class="packages-container-top-desc">
|
||||||
Lock in the lower prices forever and join the waitlist to
|
Subscribe to the SPN and lock in the lower Alpha prices forever.
|
||||||
become one of the first SPN users.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="packages-container-bottom">
|
<div class="packages-container-bottom">
|
||||||
|
|
@ -162,7 +183,7 @@ layout: page
|
||||||
<span class="card-package-middle-includes-feature"> 17% off compared to Beta-Prices </span>
|
<span class="card-package-middle-includes-feature"> 17% off compared to Beta-Prices </span>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-package-bottom">
|
<div class="card-package-bottom">
|
||||||
<a class="btn-secondary w-full justify-center" href="#">Pre-Order</a>
|
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/1/subscribe">Subscribe</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-package">
|
<div class="card-package">
|
||||||
|
|
@ -181,7 +202,7 @@ layout: page
|
||||||
<span class="card-package-middle-includes-feature"> 30% off compared to Beta-Prices </span>
|
<span class="card-package-middle-includes-feature"> 30% off compared to Beta-Prices </span>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-package-bottom">
|
<div class="card-package-bottom">
|
||||||
<a class="btn-secondary w-full justify-center" href="#">Pre-Order</a>
|
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/subscribe">Subscribe</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -193,7 +214,7 @@ layout: page
|
||||||
</h2>
|
</h2>
|
||||||
<p class="faq-container-top-desc">
|
<p class="faq-container-top-desc">
|
||||||
You have a question? We answered some already, but you
|
You have a question? We answered some already, but you
|
||||||
can always contact us at <a class="link-primary" href="">hello@safing.io</a>
|
can always contact us at <a class="link-primary" href="mailto:hello@safing.io">hello@safing.io</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-container-bottom">
|
<div class="faq-container-bottom">
|
||||||
|
|
@ -228,29 +249,7 @@ layout: page
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<div class="faq-container-bottom-question">
|
{% include source_code_faq.html %}
|
||||||
<div class="card-faq hover-scale-out">
|
|
||||||
<label class="card-label" for="card-toggle-anchor-0">
|
|
||||||
<div class="wrapper-left">
|
|
||||||
<div class="card-title">
|
|
||||||
<h3 class="title">
|
|
||||||
Where can I find your source code?
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="wrapper-right">
|
|
||||||
<i class="icon-arrow"></i>
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
<input class="card-input-toggle" id="card-toggle-anchor-0" type="checkbox">
|
|
||||||
<div class="card-dropdown-toggle">
|
|
||||||
<div class="card-dropdown-content">
|
|
||||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
|
||||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
|
||||||
got audited by Cure53, can also be found online.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,8 @@ layout: page
|
||||||
What do you need help with?
|
What do you need help with?
|
||||||
</p>
|
</p>
|
||||||
<div class="col-container-center w-full md:w-max text-center md:text-left">
|
<div class="col-container-center w-full md:w-max text-center md:text-left">
|
||||||
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
|
<a class="btn-secondary" href="#portmaster">Portmaster</a>
|
||||||
<a class="btn-secondary" href="{{ site.download_linux_deb_url }}"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
|
<a class="btn-secondary" href="#spn">SPN</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="space-y-36" id="portmaster">
|
<div class="space-y-36" id="portmaster">
|
||||||
|
|
@ -28,15 +28,23 @@ layout: page
|
||||||
always ask for more help on our subreddit or via mail.
|
always ask for more help on our subreddit or via mail.
|
||||||
</p>
|
</p>
|
||||||
<div class="alert-primary">
|
<div class="alert-primary">
|
||||||
<i class="icon-twitter text-xs"></i>
|
<i class="icon-info text-md"></i>
|
||||||
<span>Portmaster is Alpha Software, treat as such; expect bugs here and there. Early Adopters welcome.</span>
|
<span> Portmaster is Alpha Software, thanks for being an Early Adopter. Bug reports are appreciated.</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-container-center w-full md:w-max text-center md:text-left">
|
<div class="col-container-center w-full md:w-max text-center md:text-left">
|
||||||
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
|
<a class="btn-secondary" href="{{ site.docs_url }}"">
|
||||||
<a class="btn-secondary" href="{{ site.download_linux_deb_url }}"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
|
View Documentation
|
||||||
<a class="btn-secondary" href="{{ site.download_linux_rpm_url }}"><i class="icon-fedora text-md mr-2"></i>Fedora</a>
|
</a>
|
||||||
<a disabled class="btn" href="#"><i class="icon-mac text-md mr-2"></i>Macos (Not supported)</a>
|
<a href="{{ site.docs_url }}portmaster/guides/contribute#report-bugs-suggest-features-and-improvements" class="btn-secondary"">
|
||||||
|
Report Issue
|
||||||
|
</a>
|
||||||
|
<a class="btn-secondary" href="{{ site.reddit_url }}"">
|
||||||
|
Ask On Reddit
|
||||||
|
</a>
|
||||||
|
<a class="btn-secondary" href="mailto:support@safing.io"">
|
||||||
|
Contact us
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-container">
|
<div class="faq-container">
|
||||||
|
|
@ -78,53 +86,30 @@ layout: page
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<div class="faq-container-bottom-question">
|
{% include source_code_faq.html %}
|
||||||
<div class="card-faq hover-scale-out">
|
|
||||||
<label class="card-label" for="card-toggle-anchor-portmaster-0">
|
|
||||||
<div class="wrapper-left">
|
|
||||||
<div class="card-title">
|
|
||||||
<h3 class="title">
|
|
||||||
Where can I find your source code?
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="wrapper-right">
|
|
||||||
<i class="icon-arrow"></i>
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
<input class="card-input-toggle" id="card-toggle-anchor-portmaster-0" type="checkbox">
|
|
||||||
<div class="card-dropdown-toggle">
|
|
||||||
<div class="card-dropdown-content">
|
|
||||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
|
||||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
|
||||||
got audited by Cure53, can also be found online.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="space-y-36" id="portmaster">
|
<div class="space-y-36" id="spn">
|
||||||
<div class="download-container">
|
<div class="download-container">
|
||||||
<h2 class="download-container-title">
|
<h2 class="download-container-title">
|
||||||
Safing Privacy Network
|
Safing Privacy Network
|
||||||
</h2>
|
</h2>
|
||||||
<div class="alert-primary max-w-3xl mx-auto">
|
<div class="alert-primary max-w-3xl mx-auto">
|
||||||
<i class="icon-twitter text-xs"></i>
|
<i class="icon-info text-md"></i>
|
||||||
<span>
|
<span>
|
||||||
If you want to know more about the technology, visit
|
The SPN is Alpha Software, thanks for being an Early Supporter. Always feel free to reach out.
|
||||||
<a class="link" href="{{ site.spn_url }}">the SPN page</a>,
|
|
||||||
<a class="link" href="{{ site.kickstarter_url }}">the Kickstarter</a>
|
|
||||||
or
|
|
||||||
<a class="link" href="{{ site.whitepaper_url }}">read our Whitepaper</a>.
|
|
||||||
Otherwise, feel free to contact us with any matter or request you might have.
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-container-center w-full md:w-max text-center md:text-left">
|
<div class="col-container-center w-full md:w-max text-center md:text-left">
|
||||||
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
|
<a class="btn-secondary" href="{{ site.github_url }}/spn">
|
||||||
<a class="btn-secondary" href="{{ site.download_linux_deb_url }}"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
|
View SPN Repository
|
||||||
<a class="btn-secondary" href="{{ site.download_linux_rpm_url }}"><i class="icon-fedora text-md mr-2"></i>Fedora</a>
|
</a>
|
||||||
<a disabled class="btn" href="#"><i class="icon-mac text-md mr-2"></i>Macos (Not supported)</a>
|
<a class="btn-secondary" href="{{ site.reddit_url }}">
|
||||||
|
Ask on Reddit
|
||||||
|
</a>
|
||||||
|
<a class="btn-secondary" href="mailto:support@safing.io">
|
||||||
|
Contact us
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-container">
|
<div class="faq-container">
|
||||||
|
|
@ -166,6 +151,7 @@ layout: page
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
{% include source_code_faq.html faq_id='spn-0'%}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ layout: page
|
||||||
</h2>
|
</h2>
|
||||||
<div class="blogpod-container-top-extra">
|
<div class="blogpod-container-top-extra">
|
||||||
<a class="link-secondary" href="{{ site.youtube_channel_url }}">YouTube</a>
|
<a class="link-secondary" href="{{ site.youtube_channel_url }}">YouTube</a>
|
||||||
<a class="link-secondary" href="{{ site.invidious_channel_url }}">Invidious</i></a>
|
<a class="link-secondary" href="{{ site.invidious_channel_url }}">Invidious</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="blogpod-container-bottom">
|
<div class="blogpod-container-bottom">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue