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

Update showcase-container to showcase-one-container

Browse source
This commit is contained in:
Luke 2022-06-27 11:11:40 +02:00
parent d7d04c8a64
commit c4bc7beac6
7 changed files with 113 additions and 113 deletions

28
about/index.html
View file

@ -7,15 +7,15 @@ redirect_from:
---
<section class="general-layout">
<div class="showcase-container-reverse">
<div class="showcase-one-container-reverse">
<div class="showcase-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/about/team_overview.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
We <span class="text-safing-blue-500">love&nbsp;Freedom</span>, just like You
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
We are a bunch of ordinary people who want to change the world. Discontent with
the global state of mass surveillance, and seeing how it negatively impacts our
lives, we decided it was time to do something about it.
@ -69,15 +69,15 @@ redirect_from:
</div>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/business-model/reinvest-earnings-into-privacy.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 350px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
A Simple Business Model
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Our business model is Freemium. First provide local privacy for free, forever.
Then let happy users support us by paying for a powerful VPN alternative. Finally
reinvest earnings into making all our products better.
@ -85,15 +85,15 @@ redirect_from:
<a class="btn-secondary" href="{{ site.business_model_url }}">Look At The Cycle</a>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Clear Ownership & Transparent Funding
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Taking money always means opening up to influences. Therefore, we see it as our duty
to not only be open about our ownership, but also about how we financed our journey
so far.

38
business-model/index.html
View file

@ -4,15 +4,15 @@ layout: page
---
<section class="general-layout">
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 1050px;">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Provide Local Value for Free, Forever
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Everybody deserves privacy, not only the wealthy. That is why
all local privacy features are free, and will remain so forever.
This fits perfectly into the Freemium business model as well as
@ -21,15 +21,15 @@ layout: page
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/business-model/only-pay-for-protection-in-transit.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Sell Protection in Transit
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
There is privacy that comes with a cost because it requires
additional server bandwidth. Naturally, this is where we charge
for our powerful VPN&nbsp;alternative. You get an extra service,
@ -38,15 +38,15 @@ layout: page
<a class="btn-secondary" href="{{ site.spn_url }}">Discover the SPN</a>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-one-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/business-model/reinvest-earnings-into-privacy.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Reinvest Earnings into Privacy
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
All our income is invested into the privacy cycle: Finance amazing
talent. Develop great, open source software - both free and paid.
Delight users so more people join and support the cycle.
@ -57,15 +57,15 @@ layout: page
</p>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Clear Ownership & Transparent Funding
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Taking money always means opening up to influences. Therefore, we see it as
our duty to not only be open about our ownership, but also about how we
financed our journey so far.

30
index.html
View file

@ -6,19 +6,19 @@ title: Safing - Love Freedom
{% include header.html %}
<section class="general-layout">
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 1050px;">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Monitor All Network Activity
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Discover everything that is happening on your computer. Expose every
connection your applications make and detect evil ones. Finally get
the power to act accordingly.
@ -26,19 +26,19 @@ title: Safing - Love Freedom
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/block-trackers-system-wide.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Block Trackers System-Wide
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Protect your whole computer, not just your browser. Block all
advertisements and trackers for every application. Easily add
your own rules and block individual domains.
@ -46,19 +46,19 @@ title: Safing - Love Freedom
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/set-global-and-per-app-configuration.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Set Global & per‑App Settings
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Make your own rules. Completely cut off applications from the
Internet. Or block all p2p connections except for certain apps.
Or never connect to specific countries. The Portmaster has you

10
next/index.html
View file

@ -105,15 +105,15 @@ layout: page
</div>
</div>
{% endif %}
<div class="showcase-container-reverse mt-32">
<div class="showcase-left" style="max-width: 1050px;">
<div class="showcase-one-container-reverse mt-32">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/next/files.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 299px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 299px;">
There is More. A Lot More.
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
We have plans and ideas for years to come. We will
never be "done" but always evolve and progress. I'm
sure you have cool ideas for us too! Take a look what

18
ownership/index.html
View file

@ -6,15 +6,15 @@ redirect_from:
---
<section class="general-layout">
<div class="showcase-container">
<div class="showcase-left" style="max-width: 1050px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/ownership/ownership.png" alt="">
</div>
<div class="showcase-right">
<h1 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h1 class="showcase-one-right-title" style="max-width: 450px;">
We own Safing
</h1>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
We do not want parties to gain influence which do not or might not stand
behind our values. That is why in the initial funding phase we took more
personal risks instead of selling parts of our company for easy money.
@ -25,15 +25,15 @@ redirect_from:
<a class="btn-secondary" href="{{ site.company_agreement_url }}">View public registry</a>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-one-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/ownership/influences.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Financed by Grants, Loans and <span style="color: #6188ff;">You</span>
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
We are thankful for all the partnerships & possibilities that are emerging
from our R&D heavy years in which we are exploring new privacy frontiers.
<br>

66
portmaster/index.html
View file

@ -44,94 +44,94 @@ redirect_from:
</div>
</header>
<section class="general-layout">
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 1050px;">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Monitor All Network Activity
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Discover everything that is happening on your computer. Expose every
connection your applications make and detect evil ones. Finally get
the power to act accordingly.
</p>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/manually-allow-ord-block-connections.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Block Unwanted Connections
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Many programs connect to the Internet without your knowledge. When you
find unwanted connections, you can now simply block them.
</p>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/block-trackers-system-wide.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 450px;">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Auto-Block via Selected Filter Lists
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Automatically block ads, trackers and malware hosts via trusted domain-lists,
which are also used by Ad-Blockers, etc. Easily change the defaults to fit
your needs.
</p>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/enforce-dns-over-tls.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Enforce Secure DNS
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Even with invasive connections gone, you do not want to share your dns requests
out in the open. With the Portmaster, you can easily re-route all your dns
queries to a DNS-over-TLS provider of your choice.
</p>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-one-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/explore-the-docs-and-source-code.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Explore the Docs and Source Code
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
In the age of Mass Surveillance, what good is a service when you cannot see what
it is really doing? We believe in open source. We also document everything
as good as we can.
@ -142,38 +142,38 @@ redirect_from:
</div>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/configure-settings-for-different-networks.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 550px;">
<h2 class="showcase-one-right-title" style="max-width: 550px;">
Configure Settings for Different Networks
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
The Wi-Fi in your local coffee shop is riskier than yours at home. Set up your
settings for different networks and then simply press a button when changing
location. All settings will adjust immediately
</p>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-one-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/set-global-and-per-app-configuration.png" alt="">
</div>
<div class="showcase-right">
<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: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Set Global & per‑App Settings
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Make your own rules. Completely cut off applications from the
Internet. Or block all p2p connections except for certain apps.
Or never connect to specific countries. The Portmaster has you

36
spn/index.html
View file

@ -56,19 +56,19 @@ layout: page
</p>
</div>
<div class="space-y-80">
<div class="showcase-container-reverse">
<div class="showcase-one-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="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-right-title" style="max-width: 450px;">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Onion Layer Encryption
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-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
@ -80,19 +80,19 @@ layout: page
</a>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<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-right">
<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-right-title" style="max-width: 450px;">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Minimize Your Meta‑Data
</h2>
<p class="showcase-right-desc">
<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
@ -100,19 +100,19 @@ layout: page
</p>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-one-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="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-right-title" style="max-width: 450px;">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Distributed Multi Identity Network
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-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
@ -126,19 +126,19 @@ layout: page
</a>
</div>
</div>
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
</div>
<div class="showcase-right">
<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-right-title" style="max-width: 450px;">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
No Kill Switch Needed
</h2>
<p class="showcase-right-desc">
<p class="showcase-one-right-desc">
Get peace of mind instead of fearing data-leakage.
<br>
<br>