vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 17:39:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update header video styling

Browse source
This commit is contained in:
Luke 2022-02-10 13:04:55 +01:00
parent b08e08fb83
commit f80e79d005
1 changed files with 15 additions and 11 deletions

26
spn/index.html
View file

@ -29,17 +29,21 @@ layout: page
</div>
</div>
<div class="header-one-right">
<span style="font-size: 12rem; font-weight: 800; margin-top: -5rem; margin-left: 6rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/circle-md.png" alt="">
</span>
<video class="max-w-2xl" preload="auto"
src="{{ site.assets_server_url }}spn/feature-tour.mp4"
poster="{{ site.assets_server_url }}spn/feature-tour-poster.png"
controls>
</video>
<span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/circle-sm.png" alt="">
</span>
<span style="font-size: 12rem; font-weight: 800; margin-top: -5rem; margin-left: 6rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/circle-md.png" alt="">
</span>
<div class="card">
<div class="rounded-2xl overflow-hidden">
<video class="max-w-2xl" preload="auto"
src="{{ site.assets_server_url }}spn/feature-tour.mp4"
poster="{{ site.assets_server_url }}spn/feature-tour-poster.png"
controls>
</video>
</div>
</div>
<span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/circle-sm.png" alt="">
</span>
</div>
</header>
<section class="general-layout">