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

Add videos to about page

hosted on our own server 🚀
This commit is contained in:
davegson 2020-05-15 16:53:45 +02:00
parent d2af9f959a
commit 9fe4af434c
2 changed files with 14 additions and 12 deletions

View file

@ -42,6 +42,7 @@ github_windows_wiki: https://github.com/safing/portmaster/wiki/Windows
github_linux_wiki: https://github.com/safing/portmaster/wiki/Linux
account_server_url: https://account.safing.io/
assets_server_url: https://assets.safing.io/
company_agreement_url: https://www.firmenmonitor.at/Secure/CompanyDetail.aspx?CID=761761
github_url: https://github.com/Safing
kickstarter_url: https://www.kickstarter.com/projects/safingio/spn

View file

@ -33,27 +33,28 @@ redirect_from:
</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="flex grid md:grid-cols-2">
<div class="mx-auto transform hover:scale-95 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="">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/daniel.mp4" controls></video>
</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 class="mx-auto grid md:grid-cols-2 gap-8 lg:pl-8 lg:pt-0 transform scale-90">
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/david.mp4" controls></video>
</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 class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/tabitha.mp4" controls></video>
</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 class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/raphael.mp4" controls></video>
</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 class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/martin.mp4" controls></video>
</div>
</div>
</div>