blowfish/layouts/_default/baseof.html
2024-02-03 15:12:11 +01:00

106 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html lang="{{ with .Site.Params.isoCode | default (.Site.LanguageCode | default " en") }} {{- . -}} {{ end }}" dir="{{ if .Site.Params.rtl | default false -}}
rtl
{{- else -}}
ltr
{{- end }}" class="scroll-smooth" data-default-appearance="{{ .Site.Params.defaultAppearance | default " light" }}"
data-auto-appearance="{{ .Site.Params.autoSwitchAppearance | default " true" }}">
{{- partial "head.html" . -}}
<body
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" }}
{{ if templates.Exists $header }}
{{ partial $header . }}
{{ else }}
{{ partial "partials/header/basic.html" . }}
{{ end }}
{{ if .IsHome }}
{{ if .Site.Params.homePageVideo }}
<style>
@media screen and (min-width: 1023px) {
.video-margin {
margin-top: 97vh;
}
}
</style>
<div class="lg:absolute inset-0 w-full lg:w-screen h-screen">
<video class="h-full mx-auto object-cover" autoplay loop muted>
<source src="{{ .Site.Params.homePageVideo }}" data-src="{{ .Site.Params.homePageVideo }}" type="video/mp4">
</video>
</div>
{{ end }}
{{ end }}
<!-- <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"
href="#main-content"><span
class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">&darr;</span>{{ i18n
"nav.skip_to_main" }}</a> -->
</div>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow video-margin">
{{ if .IsHome }}
<h2 class="mt-8 text-2xl font-extrabold mb-10">Sponsors</h2>
{{ $images := .Site.Params.sponsors }}
<link rel="stylesheet" href="css/infinite.css">
<script src="js/main.js"></script>
<div class="marquee-wrapper" style="user-select: none;">
<div class="marquee-content scrollingX">
{{ $num := 0 }}
{{ range $images }}
<div class="card-testimonial flex items-center">
<article>
<picture>
{{ if .site }}
<a href="{{ .site }}" target="_blank"><img src="{{ .img }}" alt="{{ .img }}"></a>
{{ else }}
<img src="{{ .img }}" alt="{{ .img }}">
{{ end }}
</picture>
{{ if .name }}
<article class="short-description"><p class="text-center mt-1">{{ .name }}</p></article>
{{ end }}
</article>
</div>
{{ $num = add $num 1 }}
{{ end }}
{{ $num := 0 }}
{{ range $images }}
<div class="card-testimonial flex items-center">
<article>
<picture>
{{ if .site }}
<a href="{{ .site }}" target="_blank"><img src="{{ .img }}" alt="{{ .img }}"></a>
{{ else }}
<img src="{{ .img }}" alt="{{ .img }}">
{{ end }}
</picture>
{{ if .name }}
<article class="short-description">
<p class="text-center mt-1">{{ .name }}</p>
</article>
{{ end }}
</article>
</div>
{{ $num = add $num 1 }}
{{ end }}
</div>
</div>
{{ end }}
{{ block "main" . }}{{ end }}
{{ if and (.Site.Params.footer.showScrollToTop | default true) (gt .WordCount 1) }}
{{- partial "scroll-to-top.html" . -}}
{{ end }}
</main>
{{- partial "footer.html" . -}}
{{ if .Site.Params.enableSearch | default false }}
{{- partial "search.html" . -}}
{{ end }}
</div>
</body>
{{ if .Site.Params.buymeacoffee.globalWidget | default false }}
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
data-id="{{ .Site.Params.buymeacoffee.identifier }}" data-description="Support me on Buy me a coffee!" data-message="{{ .Site.Params.buymeacoffee.globalWidgetMessage | default "" }}"
data-color="{{ .Site.Params.buymeacoffee.globalWidgetColor | default "#FFDD00" }}" data-position="{{ .Site.Params.buymeacoffee.globalWidgetPosition | default "Left" }}" data-x_margin="18" data-y_margin="18"></script>
{{ end }}
</html>