mirror of
https://github.com/safing/web
synced 2025-09-02 11:09:03 +00:00
Update About
This commit is contained in:
Luke
parent
b4b4fe744b
commit
d70440b9fb
1 changed files with 73 additions and 134 deletions
207
about/index.html
207
about/index.html
|
|
@ -6,154 +6,93 @@ redirect_from:
|
||||||
- /community-hub/
|
- /community-hub/
|
||||||
---
|
---
|
||||||
|
|
||||||
<section class="mt-20 lg:mt-40 mb-16 lg:mb-48">
|
<section class="space-y-48">
|
||||||
<div class="items-center h-full">
|
<div class="showcase-container mt-32">
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
<div class="showcase-left">
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto items-center">
|
<h2 class="showcase-left-title">
|
||||||
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
|
Monitor All Network Activity
|
||||||
<img src="{{ site.img_url }}page-specific/about/team_overview.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-3/4">
|
|
||||||
We <span style="color: #6188ff;">love Freedom</span>, just like You
|
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-md opacity-55 max-w-lg">
|
<p class="showcase-left-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.
|
Without privacy there is no freedom of press, no freedom of speech,
|
||||||
|
not even freedom of thought.
|
||||||
</p>
|
</p>
|
||||||
<p class="text-md opacity-55 max-w-lg pt-4">
|
<a class="btn-secondary" href="{{ site.team_url }}">View Team Overview</a>
|
||||||
We still have a long way to go. We hope you'll join the journey.
|
</div>
|
||||||
</p>
|
<div class="showcase-right" style="max-width: 1050px;">
|
||||||
<div class="py-10 flex">
|
<img src="{{ site.img_url }}page-specific/about/team_overview.png" alt="">
|
||||||
<a href="{{ site.team_url }}">
|
|
||||||
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
|
||||||
View Team Overview
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
<a href="#footer" class="inline-flex pl-8 transition duration-150 ease-in-out hover:opacity-100 self-center uppercase opacity-55 text-xs font-bold">
|
|
||||||
Follow Along
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/about/team_overview.png" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="items-center h-full my-48">
|
<div class="feature-container">
|
||||||
<div class="flex items-center h-full">
|
<div class="feature-left">
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
<h2 class="feature-left-title">
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-0 lg:flex">
|
Engage the problem at
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-0">
|
<span>The Core</span>
|
||||||
<div class="inline-block max-w-3xl text-center md:text-left">
|
</h2>
|
||||||
<h2 class="text-5xl w-1/1 tracking-tight font-extrabold leading-none py-10">Engage the problem at <span style="color: #6188ff;">The Core</span></h2>
|
<p class="feature-left-desc">
|
||||||
<p class="text-md opacity-55">
|
The Internet is one of the most beautiful things there is.
|
||||||
The Internet is one of the most beautiful things there is. But every connection has the potential to betray you, leaking personal information you never wanted to share. That's where we intercept.
|
But every connection has the potential to betray you, leaking
|
||||||
|
personal information you never wanted to share. That's where
|
||||||
|
we intercept.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-right">
|
||||||
|
<div class="feature-right-content">
|
||||||
|
<i class="icon-shield feature-right-content-icon"></i>
|
||||||
|
<span class="feature-right-content-title">Open Source</span>
|
||||||
|
<p class="feature-right-content-desc">
|
||||||
|
Secure software can only emerge when many smart people
|
||||||
|
review and contribute to the code base.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-10 self-center md:ml-0 lg:ml-16">
|
<div class="feature-right-content">
|
||||||
<ul class="md:grid md:grid-cols-3 md:col-gap-10 md:row-gap-10 text-center md:text-left">
|
<i class="icon-heart feature-right-content-icon"></i>
|
||||||
<li class="pt-8 md:pt-0 transform transition hover:scale-105 duration-150 ease-in-out">
|
<span class="feature-right-content-title">Open Source</span>
|
||||||
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto">
|
<p class="feature-right-content-desc">
|
||||||
<svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
Secure software can only emerge when many smart people
|
||||||
<g fill="none">
|
review and contribute to the code base.
|
||||||
<path stroke="#446eed" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M20 11.182c0 4.541-3.413 8.787-8 9.818-4.587-1.031-8-5.277-8-9.818V7.615c0-.812.491-1.544 1.243-1.851l5-2.046c1.126-.461 2.388-.461 3.514 0l5 2.046C19.509 6.072 20 6.803 20 7.615v3.567z" />
|
</p>
|
||||||
<path stroke="#446eed" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M15.25 10.125l-3.75 3.75-2.25-2.25" />
|
</div>
|
||||||
</g>
|
<div class="feature-right-content">
|
||||||
</svg>
|
<i class="icon-users feature-right-content-icon"></i>
|
||||||
</div>
|
<span class="feature-right-content-title">Open Source</span>
|
||||||
<div class="mt-4 ml-4">
|
<p class="feature-right-content-desc">
|
||||||
<h5 class="text-2xl leading-6 font-bold text-gray-900">Open Source</h5>
|
Secure software can only emerge when many smart people
|
||||||
<p class="mt-4 text-base leading-6 opacity-55 max-w-sm m-auto">
|
review and contribute to the code base.
|
||||||
Secure software can only emerge when many smart people review and contribute to the code base.
|
</p>
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="pt-10 md:pt-0 transform transition hover:scale-105 duration-150 ease-in-out">
|
|
||||||
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto">
|
|
||||||
<svg class="heart h-8 w-8" stroke="#446eed" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M12 5.711C12.689 4.905 13.881 4 15.696 4 18.871 4 21 6.98 21 9.755 21 15.556 13.778 20 12 20c-1.778 0-9-4.444-9-10.245C3 6.98 5.129 4 8.304 4c1.815 0 3.007.905 3.696 1.711z" stroke-linecap="round" stroke-width="1.8" fill="none"
|
|
||||||
stroke-linejoin="round" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="mt-4 ml-4">
|
|
||||||
<h5 class="text-2xl leading-6 font-bold text-gray-900">Transparency</h5>
|
|
||||||
<p class="mt-4 text-base leading-6 opacity-55 max-w-sm m-auto">
|
|
||||||
The trust to handle your sensitive data can only grow by being open about our company. In every aspect.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="pt-10 md:pt-0 transform transition hover:scale-105 duration-150 ease-in-out">
|
|
||||||
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto ">
|
|
||||||
<svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g stroke-linecap="round" stroke-width="1.8" stroke="#446eed" fill="none" stroke-linejoin="round">
|
|
||||||
<path d="M13.7678 10.9822c.976311.976311.976311 2.55922 0 3.53553-.976311.976311-2.55922.976311-3.53553 0-.976311-.976311-.976311-2.55922 0-3.53553.976311-.976311 2.55922-.976311 3.53553 0M19.2538 4.98223c.976311.976311.976311 2.55922 0 3.53553-.976311.976311-2.55922.976311-3.53553 0-.976311-.976311-.976311-2.55922 0-3.53553.976311-.976311 2.55922-.976311 3.53553 0M18 12.25c1.533 0 3 .533 4 1.333M8.28177 4.98223c.976311.976311.976311 2.55922 0 3.53553-.976311.976311-2.55922.976311-3.53553 0-.976311-.976311-.976311-2.55922 0-3.53553.976311-.976311 2.55922-.976311 3.53553 0M2 13.583c1-.8 2.467-1.333 4-1.333M16.591 19.75c-1.165-.901-2.839-1.5-4.591-1.5-1.752 0-3.426.599-4.591 1.5" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="mt-4 ml-4">
|
|
||||||
<h5 class="text-2xl leading-6 font-bold text-gray-900">Our Quest</h5>
|
|
||||||
<p class="mt-4 text-base leading-6 opacity-55 max-w-sm m-auto">
|
|
||||||
We chase freedom so our societies can flourish. Giving control back to the people is way overdue.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="items-center h-full">
|
<div class="showcase-container-reverse">
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
<div class="showcase-left">
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
|
<h2 class="showcase-left-title">
|
||||||
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
|
Block Trackers System-Wide
|
||||||
<img src="{{ site.img_url }}page-specific/business-model/reinvest-earnings-into-privacy.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-auto">
|
|
||||||
A Simple Business Model
|
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-md opacity-55 max-w-lg">
|
<p class="showcase-left-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.
|
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.
|
||||||
</p>
|
</p>
|
||||||
<div class="py-10 flex">
|
<a class="btn-secondary" href="{{ site.business_model_url }}">Look At The Cycle</a>
|
||||||
<a href="{{ site.business_model_url }}">
|
</div>
|
||||||
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
<div class="showcase-right" style="max-width: 850px;">
|
||||||
Look At The Cycle
|
<img src="{{ site.img_url }}page-specific/business-model/reinvest-earnings-into-privacy.png" alt="">
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/business-model/reinvest-earnings-into-privacy.png" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="items-center h-full mt-8 md:mt-32">
|
<div class="showcase-container ">
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
<div class="showcase-left">
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
|
<h2 class="showcase-left-title">
|
||||||
<div class="lg:pb-0 m0-0 lg:mr-32 self-center">
|
Set Global & per‑App Settings
|
||||||
|
</h2>
|
||||||
|
<p class="showcase-left-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
|
||||||
|
covered.
|
||||||
|
</p>
|
||||||
|
<a class="btn-secondary" href="{{ site.ownership_url }}">Explore our influences</a>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-right" style="max-width: 850px;">
|
||||||
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
|
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10">
|
|
||||||
Clear Ownership & Transparent Funding
|
|
||||||
</h2>
|
|
||||||
<p class="text-md opacity-55 max-w-lg">
|
|
||||||
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.
|
|
||||||
</p>
|
|
||||||
<div class="py-10 flex">
|
|
||||||
<a href="{{ site.ownership_url }}">
|
|
||||||
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
|
||||||
Explore our influences
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue