mirror of
https://github.com/safing/web
synced 2025-09-02 19:19:03 +00:00
Add tailwind html to team page
This commit is contained in:
davegson
parent
38bf302de1
commit
fa67cba70e
1 changed files with 288 additions and 1 deletions
289
team/index.html
289
team/index.html
|
|
@ -1,4 +1,291 @@
|
|||
---
|
||||
title: The Safing Podcast
|
||||
layout: page_column
|
||||
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="">
|
||||
<svg style="height: 1.1rem; width: auto;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.00006 244.18703">
|
||||
<path fill="#000" d="M94.71877 243.18702c112.46038 0 173.95627-93.16765 173.95627-173.95625 0-2.64628-.0539-5.28062-.1726-7.90305 11.93799-8.63016 22.31446-19.39999 30.49762-31.65984-10.95459 4.86937-22.74358 8.14741-35.11071 9.62551 12.62341-7.56929 22.31446-19.54304 26.88583-33.81739-11.81284 7.00307-24.89517 12.09297-38.82383 14.84055C240.79412 8.43219 224.91056 1 207.32243 1c-33.76374 0-61.14426 27.38052-61.14426 61.13233 0 4.79784.5364 9.46458 1.58538 13.94057-50.81546-2.55686-95.87353-26.88582-126.02546-63.87991-5.25082 9.03545-8.27852 19.53111-8.27852 30.73006 0 21.21186 10.79366 39.93837 27.20766 50.89296-10.03077-.30992-19.45363-3.06348-27.69044-7.64676-.009.25652-.009.50661-.009.78077 0 29.60957 21.07478 54.3319 49.0513 59.93435-5.13757 1.40062-10.54335 2.15158-16.12196 2.15158-3.93364 0-7.76596-.38716-11.49099-1.1026 7.78383 24.2932 30.35457 41.97073 57.11525 42.46543-20.92578 16.40207-47.28712 26.17062-75.93712 26.17062-4.92898 0-9.79834-.28036-14.58427-.84634 27.05868 17.34379 59.18936 27.46396 93.72193 27.46396" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
|
||||
<svg style="height: 1.12rem; width: auto;" xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 200 200">
|
||||
<rect fill="#000" transform="scale(-1 1)" rx="30.201" ry="30.201" height="199.98" width="200" y=".011226" x="-200" fill="#069" />
|
||||
<path fill="#000" opacity=".7811159" d="M147.16 8.5612H52.84c-24.967 0-45.066 20.263-45.066 45.433v92.02c.80814 19.647 3.9167 7.2266 9.8337-14.531 6.8768-25.287 29.273-47.388 56.547-63.952 20.817-12.642 44.119-20.715 86.533-21.483 24.054-.43553 21.931-31.218-13.527-37.487z"
|
||||
fill="url(#a)" />
|
||||
<path d="M63.992 167.85V76.966H33.784v90.884h30.208zm-15.1-103.3c10.534 0 17.091-6.9789 17.091-15.7-.19632-8.9179-6.5566-15.703-16.891-15.703-10.333 0-17.09 6.7852-17.09 15.703 0 8.7216 6.5553 15.7 16.693 15.7h.19633zM80.712 167.85h30.208v-50.754c0-2.7163.19632-5.4298.99398-7.3715 2.1838-5.4271 7.1542-11.048 15.499-11.048 10.931 0 15.304 8.3343 15.304 20.552v48.621h30.206v-52.112c0-27.916-14.903-40.905-34.778-40.905-16.296 0-23.451 9.1089-27.426 15.313h.2017v-13.181h-30.208c.39641 8.528 0 90.884 0 90.884z"
|
||||
fill="#FFF" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="" class="opacity-50 hover:opacity-100 ease-in-out duration-150">
|
||||
<svg style="height: 1.18rem; width: auto;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zM24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415C5.695 10.328 5 11.02 5 11.871c0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
|
||||
</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="">
|
||||
<svg style="height: 1.1rem; width: auto;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.00006 244.18703">
|
||||
<path fill="#000" d="M94.71877 243.18702c112.46038 0 173.95627-93.16765 173.95627-173.95625 0-2.64628-.0539-5.28062-.1726-7.90305 11.93799-8.63016 22.31446-19.39999 30.49762-31.65984-10.95459 4.86937-22.74358 8.14741-35.11071 9.62551 12.62341-7.56929 22.31446-19.54304 26.88583-33.81739-11.81284 7.00307-24.89517 12.09297-38.82383 14.84055C240.79412 8.43219 224.91056 1 207.32243 1c-33.76374 0-61.14426 27.38052-61.14426 61.13233 0 4.79784.5364 9.46458 1.58538 13.94057-50.81546-2.55686-95.87353-26.88582-126.02546-63.87991-5.25082 9.03545-8.27852 19.53111-8.27852 30.73006 0 21.21186 10.79366 39.93837 27.20766 50.89296-10.03077-.30992-19.45363-3.06348-27.69044-7.64676-.009.25652-.009.50661-.009.78077 0 29.60957 21.07478 54.3319 49.0513 59.93435-5.13757 1.40062-10.54335 2.15158-16.12196 2.15158-3.93364 0-7.76596-.38716-11.49099-1.1026 7.78383 24.2932 30.35457 41.97073 57.11525 42.46543-20.92578 16.40207-47.28712 26.17062-75.93712 26.17062-4.92898 0-9.79834-.28036-14.58427-.84634 27.05868 17.34379 59.18936 27.46396 93.72193 27.46396" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
|
||||
<svg style="height: 1.19rem; width: auto;" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
|
||||
<path shape-rendering="geometricPrecision" fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="" class="opacity-50 hover:opacity-100 ease-in-out duration-150">
|
||||
<svg style="height: 1.18rem; width: auto;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zM24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415C5.695 10.328 5 11.02 5 11.871c0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
|
||||
</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="">
|
||||
<svg style="height: 1.1rem; width: auto;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.00006 244.18703">
|
||||
<path fill="#000" d="M94.71877 243.18702c112.46038 0 173.95627-93.16765 173.95627-173.95625 0-2.64628-.0539-5.28062-.1726-7.90305 11.93799-8.63016 22.31446-19.39999 30.49762-31.65984-10.95459 4.86937-22.74358 8.14741-35.11071 9.62551 12.62341-7.56929 22.31446-19.54304 26.88583-33.81739-11.81284 7.00307-24.89517 12.09297-38.82383 14.84055C240.79412 8.43219 224.91056 1 207.32243 1c-33.76374 0-61.14426 27.38052-61.14426 61.13233 0 4.79784.5364 9.46458 1.58538 13.94057-50.81546-2.55686-95.87353-26.88582-126.02546-63.87991-5.25082 9.03545-8.27852 19.53111-8.27852 30.73006 0 21.21186 10.79366 39.93837 27.20766 50.89296-10.03077-.30992-19.45363-3.06348-27.69044-7.64676-.009.25652-.009.50661-.009.78077 0 29.60957 21.07478 54.3319 49.0513 59.93435-5.13757 1.40062-10.54335 2.15158-16.12196 2.15158-3.93364 0-7.76596-.38716-11.49099-1.1026 7.78383 24.2932 30.35457 41.97073 57.11525 42.46543-20.92578 16.40207-47.28712 26.17062-75.93712 26.17062-4.92898 0-9.79834-.28036-14.58427-.84634 27.05868 17.34379 59.18936 27.46396 93.72193 27.46396" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
|
||||
<svg style="height: 1.19rem; width: auto;" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
|
||||
<path shape-rendering="geometricPrecision" fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="" class="opacity-50 hover:opacity-100 ease-in-out duration-150">
|
||||
<svg style="height: 1.18rem; width: auto;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zM24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415C5.695 10.328 5 11.02 5 11.871c0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
|
||||
</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="">
|
||||
<svg style="height: 1.1rem; width: auto;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.00006 244.18703">
|
||||
<path fill="#000" d="M94.71877 243.18702c112.46038 0 173.95627-93.16765 173.95627-173.95625 0-2.64628-.0539-5.28062-.1726-7.90305 11.93799-8.63016 22.31446-19.39999 30.49762-31.65984-10.95459 4.86937-22.74358 8.14741-35.11071 9.62551 12.62341-7.56929 22.31446-19.54304 26.88583-33.81739-11.81284 7.00307-24.89517 12.09297-38.82383 14.84055C240.79412 8.43219 224.91056 1 207.32243 1c-33.76374 0-61.14426 27.38052-61.14426 61.13233 0 4.79784.5364 9.46458 1.58538 13.94057-50.81546-2.55686-95.87353-26.88582-126.02546-63.87991-5.25082 9.03545-8.27852 19.53111-8.27852 30.73006 0 21.21186 10.79366 39.93837 27.20766 50.89296-10.03077-.30992-19.45363-3.06348-27.69044-7.64676-.009.25652-.009.50661-.009.78077 0 29.60957 21.07478 54.3319 49.0513 59.93435-5.13757 1.40062-10.54335 2.15158-16.12196 2.15158-3.93364 0-7.76596-.38716-11.49099-1.1026 7.78383 24.2932 30.35457 41.97073 57.11525 42.46543-20.92578 16.40207-47.28712 26.17062-75.93712 26.17062-4.92898 0-9.79834-.28036-14.58427-.84634 27.05868 17.34379 59.18936 27.46396 93.72193 27.46396" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="" class="pl-4 opacity-50 hover:opacity-100 ease-in-out duration-150">
|
||||
<svg style="height: 1.19rem; width: auto;" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
|
||||
<path shape-rendering="geometricPrecision" fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0z" />
|
||||
</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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue