86 lines
2.6 KiB
HTML
86 lines
2.6 KiB
HTML
{{ define "styles"}}
|
|
{{ $customCSS := resources.Get "css/index.css" | resources.ToCSS }}
|
|
<link rel="stylesheet" href="{{ $customCSS.RelPermalink }}">
|
|
{{ end }}
|
|
|
|
{{ define "content" }}
|
|
<section class="has-background-black is-fullheight">
|
|
<div id="galerie" class="carousel">
|
|
{{ $carouselImages := resources.Match "carousel/*"}}
|
|
{{ range $index, $image := $carouselImages }}
|
|
{{- $jpeg := $image.Resize (printf "%dx%d jpeg" .Width .Height) }}
|
|
{{- $webp := $image.Resize (printf "%dx%d webp picture" .Width .Height) }}
|
|
<figure class="image">
|
|
<picture>
|
|
<source srcset="{{ $webp.Permalink }}" type="image/webp">
|
|
<img src='{{ $jpeg.Permalink }}'
|
|
{{ if ne $index 0 }} loading="lazy" {{ end }}
|
|
width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ $image.Permalink }}">
|
|
</picture>
|
|
</figure>
|
|
{{ end }}
|
|
</div>
|
|
|
|
|
|
|
|
<div id="news" class="carousel box overlay">
|
|
{{ range where .Site.RegularPages "Section" "spectacles" }}
|
|
{{ if and (isset .Params "actu") (.Params.actu) }}
|
|
<div class="text-center has-text-warning-light">
|
|
<div class="title py-3">Actualités</div>
|
|
<div class="subtitle has-text-warning-light">{{ .Title }}</div>
|
|
<p class="p-0-mobile px-4-tablet">{{ .Params.actu }}</p>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
</div>
|
|
|
|
</section>
|
|
{{ end }}
|
|
|
|
{{ define "scripts"}}
|
|
<script>
|
|
bulmaCarousel.attach('#galerie', {
|
|
slidesToScroll: 1,
|
|
slidesToShow: 1,
|
|
navigation: false,
|
|
navigationKeys: false,
|
|
pagination: false,
|
|
loop: false,
|
|
infinite: true,
|
|
autoplay: true,
|
|
autoplaySpeed: 3000,
|
|
pauseOnHover: false,
|
|
duration: 300
|
|
});
|
|
</script>
|
|
<script>
|
|
bulmaCarousel.attach('#news', {
|
|
slidesToScroll: 1,
|
|
slidesToShow: 1,
|
|
navigation: false,
|
|
navigationKeys: false,
|
|
pagination: false,
|
|
loop: false,
|
|
infinite: true,
|
|
autoplay: true,
|
|
autoplaySpeed: 5000,
|
|
pauseOnHover: false,
|
|
duration: 500
|
|
});
|
|
</script>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "http://schema.org",
|
|
"@type": "TheaterGroup",
|
|
"name": "Compagnie Le Temps Qu'il Faut",
|
|
"url": "https://ltqf.fr",
|
|
"logo": "https://ltqf.fr/logo_home.webp",
|
|
"description": "{{ $.Site.Params.description }}"
|
|
}
|
|
</script>
|
|
|
|
{{ end }}
|
