mirror of
https://github.com/safing/web
synced 2025-04-17 17:39:08 +00:00
Export team member details into team.yml and add loop
it's way easier to manage the texts and handles this way
This commit is contained in:
davegson
parent
e2061ab844
commit
854116f043
2 changed files with 83 additions and 223 deletions
70
_data/team.yml
Normal file
70
_data/team.yml
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
members:
|
||||
- name: Raphael
|
||||
title: CEO
|
||||
joined: December 2017
|
||||
handles:
|
||||
- icon: twitter
|
||||
external_url: https://twitter.com/Raphty101
|
||||
- icon: linkedin
|
||||
external_url: https://www.linkedin.com/in/raphael-fiedler-808a7441
|
||||
- icon: reddit
|
||||
external_url: https://reddit.com/u/Raphty101
|
||||
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.
|
||||
- name: Daniel
|
||||
title: CTO
|
||||
joined: January 2017
|
||||
handles:
|
||||
- icon: twitter
|
||||
external_url: https://twitter.com/dehaavi/
|
||||
- icon: github
|
||||
external_url: https://github.com/dhaavi/
|
||||
- icon: reddit
|
||||
external_url: https://reddit.com/u/dhaavi/
|
||||
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.
|
||||
- name: David
|
||||
title: Dev & Community Manager
|
||||
joined: January 2017
|
||||
handles:
|
||||
- icon: twitter
|
||||
external_url: https://twitter.com/davegson/
|
||||
- icon: github
|
||||
external_url: https://github.com/davegson/
|
||||
- icon: reddit
|
||||
external_url: https://reddit.com/u/davegson/
|
||||
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.
|
||||
- name: Martin
|
||||
title: Company Advisor
|
||||
joined: July 2019
|
||||
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.
|
||||
- name: Alex
|
||||
title: Developer
|
||||
joined: September 2019
|
||||
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.
|
||||
- name: Luke
|
||||
title: Designer
|
||||
joined: October 2019
|
||||
handles:
|
||||
- icon: twitter
|
||||
external_url: https://twitter.com/LukeSeers/
|
||||
- icon: github
|
||||
external_url: https://github.com/lukeseers
|
||||
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.
|
||||
- name: Tabitha
|
||||
title: Backoffice
|
||||
joined: January 2020
|
||||
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.
|
||||
- name: Patrick
|
||||
title: Senior Dev & Server Admin
|
||||
joined: March 2020
|
||||
handles:
|
||||
- icon: github
|
||||
external_url: https://github.com/ppacher
|
||||
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.
|
||||
236
team/index.html
236
team/index.html
|
|
@ -15,10 +15,11 @@ layout: page
|
|||
</div>
|
||||
<div class="mt-32">
|
||||
<ul class="grid grid-cols-1">
|
||||
<li>
|
||||
{% for member in site.data.team.members %}
|
||||
<li class="pb-40 lg:pb-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/raphael.png" alt="">
|
||||
<img class="mx-auto" src="{{ site.img_url }}profiles/{{ member.name | slugify }}.png" alt="{{ member.name }}">
|
||||
<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>
|
||||
|
|
@ -26,236 +27,25 @@ layout: page
|
|||
<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>
|
||||
{% for handle in member.handles %}
|
||||
<a href="{{ handle.external_url }}" target="_blank" class="opacity-50 hover:opacity-100 ease-in-out duration-150 mr-4">
|
||||
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/{{ handle.icon }}.svg" />
|
||||
</a>
|
||||
{% endfor %}
|
||||
</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>
|
||||
<span style="color: #6188ff;" class="uppercase text-sm">{{ member.title }}</span>
|
||||
<p class="pt-1 pb-3 font-extrabold text-2xl">{{ member.name }}</p>
|
||||
<span class="opacity-50">Joined {{ member.joined }}</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.
|
||||
{{ member.description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<br class="mb-12">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue