safing-web/team/index.html

265 lines
17 KiB
HTML

---
title: The Safing Podcast
layout: page
---
<section style="padding-top: 16rem;">
<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">
<div class="py-12">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:text-center">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; opacity: 0.05;" class="z-0 ml-0 w-full left-0 text-center absolute bg-top">Team</span>
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">Who We Are</h2>
</div>
<div class="mt-32">
<ul class="grid grid-cols-1">
<li>
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/raphael.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<div class="flex mx-auto justify-center pt-5">
<a class="opacity-50 hover:opacity-100 ease-in-out duration-150" href="">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg" />
</a>
<a href="" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
<img style="height: 1.12rem; width: auto;" src="{{ site.img_url }}icons/linkedin.svg">
</a>
<a href="" class="opacity-50 hover:opacity-100 ease-in-out duration-150">
<img style="height: 1.18rem; width: auto;" src="{{ site.img_url }}icons/reddit.svg">
</a>
</div>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">ceo</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">Raphael</p>
<span class="opacity-50">Joined December 2017</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
<li class="pt-40 lg:pt-24">
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/daniel.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<div class="flex mx-auto justify-center pt-5">
<a class="opacity-50 hover:opacity-100 ease-in-out duration-150" href="">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg" />
</a>
<a href="" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
<img style="height: 1.19rem; width: auto;" src="{{ site.img_url }}icons/github.svg" />
</a>
<a href="" class="opacity-50 hover:opacity-100 ease-in-out duration-150">
<img style="height: 1.18rem; width: auto;" src="{{ site.img_url }}icons/reddit.svg">
</a>
</div>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">cto</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">Daniel</p>
<span class="opacity-50">Joined January 2017</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
<li class="pt-40 lg:pt-24">
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/david.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<div class="flex mx-auto justify-center pt-5">
<a class="opacity-50 hover:opacity-100 ease-in-out duration-150" href="">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg" />
</a>
<a href="" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
<img style="height: 1.19rem; width: auto;" src="{{ site.img_url }}icons/github.svg" />
</a>
<a href="" class="opacity-50 hover:opacity-100 ease-in-out duration-150">
<img style="height: 1.18rem; width: auto;" src="{{ site.img_url }}icons/reddit.svg">
</a>
</div>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">Dev & Community Manager</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">David</p>
<span class="opacity-50">Joined January 2017</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
<li class="pt-40 lg:pt-24">
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/martin.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">Company Advisor</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">Martin</p>
<span class="opacity-50">Joined July 2019</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
<li class="pt-40 lg:pt-24">
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/alex.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">Developer</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">Alex</p>
<span class="opacity-50">Joined September 2019</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
<li class="pt-40 lg:pt-24">
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/luke.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<div class="flex mx-auto justify-center pt-5">
<a class="opacity-50 hover:opacity-100 ease-in-out duration-150" href="">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg" />
</a>
<a href="" class="pl-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
<img style="height: 1.19rem; width: auto;" src="{{ site.img_url }}icons/github.svg" />
</a>
</div>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">Designer</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">Luke</p>
<span class="opacity-50">Joined September 2019</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
<li class="pt-40 lg:pt-24">
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/tabitha.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">Backoffice</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">Tabitha</p>
<span class="opacity-50">joined January 2020</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
<li class="pt-40 lg:pt-24">
<div class="text-center lg:text-left lg:flex items-center">
<div class="pb-8 lg:-mb-10">
<img class="mx-auto" src="{{ site.img_url }}profiles/patrick.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.5rem; margin-left: 6rem; z-index: -1;" class="hidden lg:block absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -9.8rem; margin-left: 2.5rem; z-index: -1;" class="lg:hidden absolute transform scale-70 lg:scale-125">
<img src="{{ site.img_url }}shapes/square.png" alt="">
</span>
</div>
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">Senior Dev & Server Admin</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">Patrick</p>
<span class="opacity-50">joined March 2020</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
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.
</p>
</div>
</div>
</li>
</ul>
<br class="mb-12">
</div>
</div>
</div>
</div>
</div>
</div>
</section>