ourworld_web/www_freeflownation
20
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Add layer

Browse Source
This commit is contained in:
samaradel 2023-08-23 15:38:11 +03:00
parent 2ac6d22dcf
commit 77e8192db8
1 changed files with 12 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
templates/shortcodes/video.html
View File

@ -1,48 +1,19 @@
<div class="video-wrapper"> <header class="relative flex items-center justify-center h-screen mb-12 overflow-hidden bg-gray-600/50">
<video
playsinline
autoplay
muted
loop
>
<source src="{{video}}" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="layer"> <div class="layer">
<div class="content max-w-xl"> <div class="max-w-xl elative z-30 p-5 text-2xl text-white text-center bg-opacity-50 rounded-xl">
<h1>FreeFlow Nation</h1> <h1 class="my-4">FreeFlow Nation</h1>
<p> <p>
A complementary digital "nation" which flows freely across physical borders welcoming as digital citizens all those who dream of a better world and are ready to act. A complementary digital "nation" which flows freely across physical borders welcoming as digital citizens all those who dream of a better world and are ready to act.
</p> </p>
</div> </div>
</div> </div>
</div>
<header
class="relative flex items-center justify-center h-screen mb-12 overflow-hidden bg-gray-600/50"
>
<div
class="max-w-xl elative z-30 p-5 text-2xl text-white text-center bg-opacity-50 rounded-xl"
>
<h1 class="my-4">FreeFlow Nation</h1>
<p>
A complementary digital "nation" which flows freely across physical borders welcoming as digital citizens all those who dream of a better world and are ready to act.
</p>
</div>
<video <video
autoplay autoplay
loop loop
muted muted
class="absolute z-10 w-auto min-w-full min-h-full max-w-none" class="absolute z-10 w-auto min-w-full min-h-full max-w-none"
> >
<source <source src="{{video}}" type="video/mp4">
src="{{video}}"
type="video/mp4"
/>
Your browser does not support the video tag. Your browser does not support the video tag.
</video> </video>
</header> </header>