vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 18:49:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Tweak index, PM and SPN page

Browse source 
- insert missing hrefs
- remove buttons
- put in correct text
- add info banner
This commit is contained in:
davegson 2022-02-07 14:14:09 +01:00
parent 004e0b86cc
commit d0fb06a7b9
4 changed files with 110 additions and 94 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/header.html
View file

@ -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="">

6
index.html
View file

@ -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>

21
portmaster/index.html
View file

@ -7,7 +7,8 @@ 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">
<div class="header-two-top"> <div class="header-two-top">
@ -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">
@ -257,9 +256,7 @@ redirect_from:
<input class="card-input-toggle" id="card-toggle-anchor-0" type="checkbox"> <input class="card-input-toggle" id="card-toggle-anchor-0" type="checkbox">
<div class="card-dropdown-toggle"> <div class="card-dropdown-toggle">
<div class="card-dropdown-content"> <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> 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.
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>

61
spn/index.html
View file

@ -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 my-40">
<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">
<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">
@ -243,9 +264,7 @@ layout: page
<input class="card-input-toggle" id="card-toggle-anchor-0" type="checkbox"> <input class="card-input-toggle" id="card-toggle-anchor-0" type="checkbox">
<div class="card-dropdown-toggle"> <div class="card-dropdown-toggle">
<div class="card-dropdown-content"> <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> 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.
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>