templates/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-05-21 20:21:54 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: video position

Browse source
This commit is contained in:
Edoardo Rosa 2023-12-02 18:14:36 +01:00
parent 64a53a5a74
commit 779a65728c
No known key found for this signature in database
GPG key ID: 2AF1937D15CB28F6
1 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
layouts/_default/baseof.html
View file

@ -8,7 +8,7 @@
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body <body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"> class="flex flex-col h-screen px-6 m-auto text-lg leading-7 lg:max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32">
{{ $header := print "partials/header/" .Site.Params.header.layout ".html" }} {{ $header := print "partials/header/" .Site.Params.header.layout ".html" }}
{{ if templates.Exists $header }} {{ if templates.Exists $header }}
{{ partial $header . }} {{ partial $header . }}
@ -18,22 +18,24 @@
{{ if .IsHome }} {{ if .IsHome }}
{{ if .Site.Params.homePageVideo }} {{ if .Site.Params.homePageVideo }}
<style> <style>
.video-margin { @media screen and (min-width: 1023px) {
margin-top: 97vh; .video-margin {
margin-top: 97vh;
}
} }
</style> </style>
<div class="absolute top-0 left-0 h-screen w-full"> <div class="lg:absolute inset-0 w-full lg:w-screen h-screen">
<video class="h-screen w-full object-cover" autoplay loop muted> <video class="h-full mx-auto object-cover" autoplay loop muted>
<source src="{{ .Site.Params.homePageVideo }}" data-src="{{ .Site.Params.homePageVideo }}" type="video/mp4"> <source src="{{ .Site.Params.homePageVideo }}" data-src="{{ .Site.Params.homePageVideo }}" type="video/mp4">
</video> </video>
</div> </div>
{{ end }} {{ end }}
{{ end }} {{ end }}
<div id="the-top" class="absolute flex self-center"> <!-- <div id="the-top" class="absolute flex self-center">
<a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600" <a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"><span href="#main-content"><span
class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">&darr;</span>{{ i18n class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">&darr;</span>{{ i18n
"nav.skip_to_main" }}</a> "nav.skip_to_main" }}</a> -->
</div> </div>
<div class="relative flex flex-col grow"> <div class="relative flex flex-col grow">
<main id="main-content" class="grow video-margin"> <main id="main-content" class="grow video-margin">