1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 17:39:08 +00:00

Update the about page

This commit is contained in:
davegson 2020-05-08 20:43:22 +02:00
parent 88339724de
commit aee7de1696
2 changed files with 91 additions and 367 deletions

91
about/index.html Normal file
View file

@ -0,0 +1,91 @@
---
layout: page
redirect_from:
- /our-values/
---
<header style="padding-top: 12rem;"></header>
<section style="margin-top: 3rem;" class="pb-48 ">
<div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
<img src="{{ site.img_url }}page-specific/about/safing-hand.png" alt="">
</div>
<div class="inline-block max-w-lg">
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-auto">
Ownership & Transparent Funding
</h2>
<p class="text-md opacity-50 max-w-lg">
Stay private while surfing the Web. Stop ISPs, Wi-Fi Operators
and VPNs from collecting all your personal [meta] data. Secure
your whole computer, not only your web-browser.
</p>
<div class="py-10 flex">
<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">
<a href="{{ site.ownership_url }}">Go to Finances & ownership</a>
</button>
<!-- <a class="transition duration-150 ease-in-out hover:opacity-100 self-center pl-8 uppercase opacity-50 text-xs font-bold" href="#">Source code</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/safing-hand.png" alt="">
</div>
</div>
</div>
<div class="items-center h-full mt-64">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="lg:flex">
<div class="block mx-auto transform hover:scale-90 duration-150 ease-in-out">
<div class="absolute bg-white w-48 text-center mx-auto leading-tight p-3">
<span class="text-2xl font-extrabold">Get to know some of us.</span>
</div>
<img src="{{ site.img_url }}shapes/placeholder-lg.png" alt="">
</div>
<div class="mx-auto grid md:grid-cols-2 gap-8 lg:pl-8 pt-5 lg:pt-0 transform scale-90">
<div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
<img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
</div>
<div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
<img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
</div>
<div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
<img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
</div>
<div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
<img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
</div>
</div>
</div>
</div>
<div class="items-center h-full mt-64">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto items-center">
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
<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-2/3">
Find A Bit More About Us.
</h2>
<p class="text-md opacity-50 max-w-lg">
Stay private while surfing the Web. Stop ISPs, Wi-Fi Operators
and VPNs from collecting all your personal [meta] data. Secure
your whole computer, not only your web-browser.
</p>
<div class="py-10 flex">
<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">
<a href="{{ site.team_url }}">go to team</a>
</button>
<!-- <a class="transition duration-150 ease-in-out hover:opacity-100 self-center pl-8 uppercase opacity-50 text-xs font-bold" href="#">Source code</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>
</section>

View file

@ -1,367 +0,0 @@
---
layout: page_markdown
container_class: 'text'
include_mission: true
redirect_from:
- /our-values/
---
<h2 id="ownership">Ownership & Team</h2>
<p>
The company behind Safing is <em>Safing ICS Technologies GmbH</em>, a private company registered in Austria. The company is <a href="{{ site.company_agreement_url }}" target="\_blank">fully owned</a> by its three founders.
</p>
<div class="nine wide column">
<div class="ui horizontal cards">
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/raphty.jpg">
</div>
<div class="content">
<div class="header">
Raphael <span class="ui small text">- CEO</span>
</div>
<div class="meta">
<a href="{{ site.company_agreement_url }}" target="\_blank">
<i class="file contract icon"></i>
owns 30%
</a>
, joined December 2017
</div>
<div class="description">
Raphael noticed that online - everywhere he went - he was treated like a 1st class citizen. He soon realized: when he received benefits he did not earn, someone else had to pay to cover the costs. His responsibility is developing and managing our business. He also takes care of networking, company culture and accounting.
</div>
</div>
<div class="extra content">
<a href="https://twitter.com/Raphty101" target="\_blank">
<i class="twitter black icon"></i>
</a>
<a href="https://www.linkedin.com/in/raphael-fiedler-808a7441" target="\_blank">
<i class="linkedin black icon"></i>
</a>
<a href="https://reddit.com/user/Raphty101" target="\_blank">
<i class="reddit black icon"></i>
</a>
</div>
</div>
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/dhaavi.jpg">
</div>
<div class="content">
<div class="header">
Daniel <span class="ui small text">- CTO</span>
</div>
<div class="meta">
<a href="{{ site.company_agreement_url }}" target="\_blank">
<i class="file contract icon"></i>
owns 40%
</a>
, joined January 2017
</div>
<div class="description">
Daniel studied IT-Security. At his first job, his skills led him to become the system architect of the first Austrian cyber attack simulation platform. Ever since the Snowden revelations he invested most of his free time to conceptualize privacy solutions. He is the brain behind the Safing Privacy Network and its lead developer.
</div>
</div>
<div class="extra content">
<a href="https://twitter.com/dehaavi" target="\_blank">
<i class="twitter black icon"></i>
</a>
<a href="https://github.com/dhaavi" target="\_blank">
<i class="github black icon"></i>
</a>
<a href="https://reddit.com/user/dhaavi" target="\_blank">
<i class="reddit black icon"></i>
</a>
</div>
</div>
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/davegson.jpeg">
</div>
<div class="content">
<div class="header">
David <span class="ui small text">- Dev & Community Manager</span>
</div>
<div class="meta">
<a href="{{ site.company_agreement_url }}" target="\_blank">
<i class="file contract icon"></i>
owns 30%
</a>
, joined January 2017
</div>
<div class="description">
Previously, David worked on large scale gaming applications with millions of users. Seeing first hand how the industry gathers and processes intimate user data, he became more and more aware of the importance of privacy. His responsibilities at Safing are development, community management as well as writing and podcasting.
</div>
</div>
<div class="extra content">
<a href="https://twitter.com/davegson" target="\_blank">
<i class="twitter black icon"></i>
</a>
<a href="https://github.com/davegson" target="\_blank">
<i class="github black icon"></i>
</a>
<a href="https://reddit.com/user/davegson" target="\_blank">
<i class="reddit black icon"></i>
</a>
</div>
</div>
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/martin.jpg">
</div>
<div class="content">
<div class="header">
Martin <span class="ui small text">- Company Advisor</span>
</div>
<div class="meta">
joined July 2019
</div>
<div class="description">
Martin's track record in international management and sales is invaluable to our team. As our consultant and coach he comes by one day a week to help us think through and reflect over past steps, empowering us to make better decisions in all key areas.
</div>
</div>
<div class="extra content">
</div>
</div>
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/alex.jpg">
</div>
<div class="content">
<div class="header">
Alex <span class="ui small text">- Developer</span>
</div>
<div class="meta">
joined September 2019
</div>
<div class="description">
Alex is involved in building the backends of the major web platforms of Safing, including the SPN user platform and payment system. As the first employee he also helped shaping the company.
</div>
</div>
<div class="extra content">
</div>
</div>
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/luke.jpg">
</div>
<div class="content">
<div class="header">
Luke <span class="ui small text">- Designer</span>
</div>
<div class="meta">
joined October 2019
</div>
<div class="description">
Luke's uncompromising passion for privacy led us to hire him directly from within the community. With his pragmatism and determination towards easy design he already made a big impact.
</div>
</div>
<div class="extra content">
</div>
</div>
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/tabitha.jpg">
</div>
<div class="content">
<div class="header">
Tabitha <span class="ui small text">- Backoffice</span>
</div>
<div class="meta">
joined January 2020
</div>
<div class="description">
Tabitha is supporting us to tackle all emerging bottle-necks in the office. May it be accounting, reporting, writing or editing podcasts - she is always eagerly helping out.
</div>
</div>
<div class="extra content">
</div>
</div>
<div class="card">
<div class="image">
<img src="{{ site.assets_url }}img/profiles/patrick.jpg">
</div>
<div class="content">
<div class="header">
Patrick <span class="ui small text">- Senior Dev & Server Admin</span>
</div>
<div class="meta">
joined March 2020
</div>
<div class="description">
With his wide experience, ranging from IT-security and pen-testing to driver development to server management, Patrick rapidly became an invaluable part of the team. With his passion for Go-lang he is primarily advancing the SPN.
</div>
</div>
<div class="extra content">
<a href="https://github.com/ppacher" target="\_blank">
<i class="github black icon"></i>
</a>
</div>
</div>
</div>
</div>
<div class="margin-top-40"></div>
## Privacy First
The [Charter of Fundamental Rights of the European Union](https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=CELEX:12012P/TXT&from=EN) clearly states in Article 8:
<blockquote>
<p class="text-light">
Everyone has the right to the protection of personal data concerning him or her.
</p>
</blockquote>
Privacy is *your right*, we want to do our part to make it easier for you to reclaim that right!
## Open Source
To ensure maximum privacy and transparency we need to be open in every aspect. That's why we [publish all of our hard work]({{ site.github_url }}) as open source. This way you and others can validate if we truly stay to our word. But we do not want to stop there.
## Ethical Funding
Taking money always means opening up to influences. That is why we see it as our responsibility to be thoughtful about taking investments. We do not want parties to gain influence which do not or might not stand behind our values. That is why in our current funding phase we took more personal risks instead of selling parts of our company for easy money.
### Transparent Funding Policy
For us, ethical funding also means we want to make sure that our users know who paid for the programs and services they use.
As a result we openly share how we are funded. All our funding (and partnerships) will remain public!
<h2 id="influences">Influences <small class="text-lighter">updated November 2019</small></h2>
<p>This section shows what influences the company is exposed to. This includes received funding, partnerships, supporters, trainings and other things.</p>
<div class="ui two stackable cards" id="funding-cards">
<!-- Personal Investment card -->
<div class="ui card">
<div class="image">
<img src="{{ site.assets_url }}img/logo_v3_name_dark.svg">
</div>
<div class="content">
<div class="header">Personal Investment</div>
<div class="meta">
<span class="date">Starting from 2017</span>
</div>
<div class="description">
We invest our personal time and money to further push the project and company. Starting from 2017, and drastically increasing over the next years, we personally invested over 200.000€ in value.
</div>
</div>
<div class="extra content">
<i class="green money icon"></i>invested over <b>200.000€</b> in value
<div class="margin-top-10"></div>
<i class="blue clock icon"></i>You can support us by <a href="/donate/" style="color: #0078ff;"><b>donating.</b></a>
</div>
</div>
<!-- FFG card -->
<div class="ui card">
<div class="image">
<img src="{{ site.img_url }}external/logos/ffg_color.png">
</div>
<div class="content">
<a class="header" href="https://www.ffg.at/">FFG</a>
<div class="meta">
<span class="date">2019-2020</span>
</div>
<div class="description">
The FFG is the national funding institution for Research & Development of Austria. Their goal is to strengthen innovation within Austria, advancing their international competitiveness and its economy.<br/><br/>
We got accepted into <a href="https://www.ffg.at/programm/basisprogramm">the FFG Basisprogramm</a> in September 2019. The included funding and loan enables us to hire our first employees and further progress our products.
</div>
</div>
<div class="extra content">
<i class="green money icon"></i> received <b>82.800€</b> funding (2019)
<div class="margin-top-10"></div>
<i class="green money icon"></i> received <b>78.200€ loan</b> (2019)
<div class="margin-top-10"></div>
<i class="blue clock icon"></i>82.800€ funding held out in prospect (2020)
<div class="margin-top-10"></div>
<i class="blue clock icon"></i>78.200€ <b>loan</b> held out in prospect (2020)
</div>
</div>
<!-- Netidee card -->
<div class="ui card">
<div class="image">
<img src="{{ site.img_url }}external/logos/netidee.png">
</div>
<div class="content">
<a class="header" href="https://www.netidee.at/">Netidee</a>
<div class="meta">
<span class="date">2017-2019</span>
</div>
<div class="description">
<a href="https://www.netidee.at/">Netidee</a> funding from 2017 helped us to kickstart all this. In late 2018, they granted a follow-up funding for the year 2019 🎉
</div>
</div>
<div class="extra content">
<i class="green money icon"></i> received <b>47.799€</b> funding (2017)
<div class="margin-top-10"></div>
<i class="green money icon"></i> received <b>30.048€</b> funding (2019)
<div class="margin-top-10"></div>
<i class="blue clock icon"></i>7.512€ held out in prospect (2019)
</div>
</div>
<!-- ESA-BIC card -->
<div class="ui card">
<div class="image" style="padding: 20px; background-color: white;">
<img src="{{ site.img_url }}external/logos/esa-bic_austria.svg">
</div>
<div class="content">
<a class="header" href="/esa-bic/">ESA-BIC Austria</a>
<div class="meta">
<span class="date">2018-2020</span>
</div>
<div class="description">
Safing ICS Technologies GmbH is <a href="/esa-bic/">participating in the ESA Business Incubation Centre Austria</a>.<br>
We are incubated by Accent, with SPG and the Lower Austrian State as the contractual partners.
</div>
</div>
<div class="extra content">
<i class="grey user icon"></i> coaching over the incubation timespan
<div class="margin-top-10"></div>
<i class="green money icon"></i> received <b>30.000€</b> in funding
<div class="margin-top-10"></div>
<i class="blue clock icon"></i>20.000€ held out in prospect
</div>
</div>
<!-- Fund of Excellence -->
<div class="ui card">
<div class="header">
<h1 style="font-size: 3rem; text-align: center;">FoE</h1>
</div>
<div class="content">
<a class="header" href="https://www.fundofexcellence.com/">Fund of Excellence</a>
<div class="meta">
<span class="date">2018-2019</span>
</div>
<div class="description">
The <a href="https://www.fundofexcellence.com/">Fund of Excellence</a> is an investment fund by the <a href="https://www.erstegroup.com/en/home">Erste Group</a>, that invests in people, rather than companies.<br>
They are actively investing in one of Safing's founders.
</div>
</div>
<div class="extra content">
<i class="green money icon"></i> receiving continuous personal funding
</div>
</div>
<!-- Accent -->
<!-- Science Park Graz -->
<!-- YC Startup School -->
</div>
## Clear Business Model
Instead of pushing a free product and worry about the business model later, we wanted to have a strong foundation and have this figured out right from the start:
The subscribers of our Safing Privacy Network will be our main source of income. As soon as we can carry ourselves with SPN, we will further develop privacy enabling, open source tools. One such product in the pipeline is a free Application Firewall, which will block malicious outgoing connections.
<p>If you like what we are all about, consider supporting us by subscribing to SPN or <a href="{{ site.reddit_url }}">engaging in our community!</a>
<div class="margin-top-80"></div>