This commit is contained in:
Florian du Garage Num 2023-12-15 12:58:54 +01:00
parent b00004f948
commit 04b26ad4e8
10 changed files with 55 additions and 26 deletions

View File

@ -2,6 +2,6 @@
<section class="section has-background-warning-light"> <section class="section has-background-warning-light">
<h1>Erreur 404 - Page non trouvée</h1> <h1>Erreur 404 - Page non trouvée</h1>
<p>Désolé, la page que vous recherchez n'a pas été trouvée sur ce site.</p> <p>Désolé, la page que vous recherchez n'a pas été trouvée sur ce site.</p>
<p>Vous pouvez retourner à la <a href="/">page d'accueil</a> ou utiliser le menu de navigation pour explorer le site.</p> <p>Vous pouvez retourner à la <a href="/" aria-label="Lien vers la page d'accueil">page d'accueil</a> ou utiliser le menu de navigation pour explorer le site.</p>
</section> </section>
{{ end }} {{ end }}

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="fr">
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<!-- Bloc pour les styles CSS --> <!-- Bloc pour les styles CSS -->
@ -21,7 +21,7 @@
{{- block "content" . }}{{- end }} {{- block "content" . }}{{- end }}
{{ if not .IsHome}} {{ if not .IsHome}}
<div class="is-flex is-flex-direction-column is-justify-content-flex-end" style="position: fixed; bottom: 0%; right: 2%;"> <div class="is-flex is-flex-direction-column is-justify-content-flex-end" style="position: fixed; bottom: 0%; right: 2%;">
<a href="#" class="{{$bg}}" style="position: sticky; bottom: 0; border-radius: 50%;"> <a href="#" aria-label="Lien vers le haut de page" class="{{$bg}}" style="position: sticky; bottom: 0; border-radius: 50%;">
<span class="icon"> <span class="icon">
<i class="fas fa-arrow-up"></i> <i class="fas fa-arrow-up"></i>
</span> </span>

View File

@ -92,7 +92,7 @@
</form> </form>
{{ $mentionsLegales := .Site.GetPage "/mentions_legales" }} {{ $mentionsLegales := .Site.GetPage "/mentions_legales" }}
<div class="column has-text-centered"> <div class="column has-text-centered">
<a href="{{ $mentionsLegales.Permalink }}">Mentions légales</a> <a href="{{ $mentionsLegales.Permalink }}" aria-label="Lien vers les mentions légales">Mentions légales</a>
</div> </div>

View File

@ -7,15 +7,15 @@
<section class="has-background-black is-fullheight"> <section class="has-background-black is-fullheight">
<div id="galerie" class="carousel"> <div id="galerie" class="carousel">
{{ $carouselImages := resources.Match "carousel/*"}} {{ $carouselImages := resources.Match "carousel/*"}}
{{ range $carouselImages }} {{ range $index, $image := $carouselImages }}
{{- $jpeg := .Resize (printf "%dx%d jpeg" .Width .Height) }} {{- $jpeg := $image.Resize (printf "%dx%d jpeg" .Width .Height) }}
{{- $webp := .Resize (printf "%dx%d webp picture" .Width .Height) }} {{- $webp := $image.Resize (printf "%dx%d webp picture" .Width .Height) }}
<figure class="image"> <figure class="image">
<picture> <picture>
<source srcset="{{ $webp.Permalink }}" type="image/webp"> <source srcset="{{ $webp.Permalink }}" type="image/webp">
<img src='{{ $jpeg.Permalink }}' <img src='{{ $jpeg.Permalink }}'
{{ if ne $index 0 }} loading="lazy" {{ end }} {{ if ne $index 0 }} loading="lazy" {{ end }}
width="{{ .Width }}" height="{{ .Height }}" alt="{{ .Permalink }}"> width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ $image.Permalink }}">
</picture> </picture>
</figure> </figure>
{{ end }} {{ end }}
@ -70,4 +70,16 @@
duration: 500 duration: 500
}); });
</script> </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 }} {{ end }}

View File

@ -1,7 +1,7 @@
<footer class="footer is-fixed-bottom"> <footer class="footer is-fixed-bottom">
<div class="container"> <div class="container">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="{{ $.Site.Params.CopyrightHost }}">{{ .Site.Params.Copyright }}</a> <a class="navbar-item" aria-label="Lien vers la page du Copyright" href="{{ $.Site.Params.CopyrightHost }}">{{ .Site.Params.Copyright }}</a>
</div> </div>
</div> </div>

View File

@ -2,6 +2,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" /> <meta name="robots" content="index, follow" />
<meta name="google-site-verification" content="W6V16fxJho7EH2AB3hL1W-RadU-uETmwjDdZRokPZa8" />
<title>{{ $.Site.Title }} - {{ .Title }}</title> <title>{{ $.Site.Title }} - {{ .Title }}</title>
<link rel="icon" href="{{ $.Site.Params.favicon }}" /> <link rel="icon" href="{{ $.Site.Params.favicon }}" />
{{- if .IsHome -}} {{- if .IsHome -}}

View File

@ -2,8 +2,8 @@
<nav class="navbar is-hidden-tablet is-black is-fixed-bottom" role="navigation" aria-label="main navigation"> <nav class="navbar is-hidden-tablet is-black is-fixed-bottom" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="/"> <a class="navbar-item" href="/" aria-label="Lien vers la page d'accueil du site">
<img src="{{ $.Site.Params.logoHome |relURL }}"> <img src="{{ $.Site.Params.logoHome |relURL }}" width="284px" height="128px" alt="Logo de la Compagnie le temps qu'il faut">
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar"> <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
@ -15,7 +15,7 @@
<div id="mynavbar" class="navbar-menu"> <div id="mynavbar" class="navbar-menu">
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<a class="navbar-item is-uppercase" href="{{ .URL }}">{{ .Name }}</a> <a class="navbar-item is-uppercase" href="{{ .URL }}" aria-label="Lien vers la page {{ .Name }}">{{ .Name }}</a>
{{ end }} {{ end }}
</div> </div>
@ -24,19 +24,19 @@
<div class="column is-fullheight is-one-fifth {{ $bg }} has-background-danger is-narrow is-hidden-mobile"> <div class="column is-fullheight is-one-fifth {{ $bg }} has-background-danger is-narrow is-hidden-mobile">
<aside id="sidebar" class="menu {{$bg}} is-flex is-flex-direction-column is-justify-content-space-between" style="position: fixed; top: 0; height: 100vh; width: 20%"> <aside id="sidebar" class="menu {{$bg}} is-flex is-flex-direction-column is-justify-content-space-between" style="position: fixed; top: 0; height: 100vh; width: 20%">
<div> <div>
<a href="/"> <a href="/" aria-label="Lien vers la page d'accueil">
<div class="figure"> <div class="figure">
{{ if .IsHome }} {{ if .IsHome }}
<img src="{{ $.Site.Params.logoHome |relURL }}" class="image is-1by1 p-5"> <img src="{{ $.Site.Params.logoHome |relURL }}" alt="Logo de la compagnie Le Temps Qu'il Faut" class="image is-1by1 p-5" width="284px" height="128px">
{{ else }} {{ else }}
<img src="{{ $.Site.Params.logo |relURL }}" class="image is-1by1 p-5"> <img src="{{ $.Site.Params.logo |relURL }}" alt="Logo de la compagnie Le Temps Qu'il Faut" class="image is-1by1 p-5" width="279px" height="124px">
{{ end }} {{ end }}
</div> </div>
</a> </a>
<ul class="menu-list m-0 p-5"> <ul class="menu-list m-0 p-5">
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<li> <li>
<a class="is-uppercase has-text-light" href="{{ .URL }}">{{ .Name}}</a> <a class="is-uppercase has-text-light" href="{{ .URL }}" aria-label="Lien vers la page {{ .Name }}">{{ .Name}}</a>
</li> </li>
{{ end }} {{ end }}
</ul> </ul>
@ -44,25 +44,25 @@
<div> <div>
<div class="is-flex is-justify-content-center mb-5"> <div class="is-flex is-justify-content-center mb-5">
<div class="social-icons m-0 p-0"> <div class="social-icons m-0 p-0">
<a href="{{ ($.Site.GetPage "mentions_legales").Permalink}}" class="mr-2 {{$bg}}"> <a href="{{ ($.Site.GetPage "mentions_legales").Permalink}}" class="mr-2 {{$bg}}" aria-label="Lien vers les mentions légales">
<span class="icon"> <span>
<i class="fa-solid fa-file-contract fa-2x"></i> <i class="fa-solid fa-file-contract fa-2x"></i>
</span> </span>
</a> </a>
<a href="https://www.facebook.com/votre_compte_facebook" class="mr-2 {{$bg}}"> <a href="https://www.facebook.com/votre_compte_facebook" class="mr-2 {{$bg}}" aria-label="Lien vers le compte Facebook de la compagnie Le Temps Qu'il Faut">
<span class="icon"> <span>
<i class="fab fa-facebook fa-2x"></i> <i class="fab fa-facebook fa-2x"></i>
</span> </span>
</a> </a>
<a href="https://www.instagram.com/votre_compte_instagram" class="{{$bg}}"> <a href="https://www.instagram.com/votre_compte_instagram" class="{{$bg}}" aria-label="Lien vers le compte Instagram de la compagnie Le Temps Qu'il Faut">
<span class="icon"> <span>
<i class="fab fa-instagram fa-2x"></i> <i class="fab fa-instagram fa-2x"></i>
</span> </span>
</a> </a>
</div> </div>
</div> </div>
<div class="has-text-centered mb-5"> <div class="has-text-centered mb-5">
<a href="{{ ($.Site.GetPage "mentions_legales").Permalink }}">Mentions légales</a> <a href="{{ ($.Site.GetPage "mentions_legales").Permalink }}" class="has-text-white" aria-label="Lien vers la page des mentions légales">Mentions légales</a>
</div> </div>
</div> </div>
</aside> </aside>

View File

@ -53,7 +53,7 @@
{{ $.Scratch.Set "message" " - Accéder à "}} {{ $.Scratch.Set "message" " - Accéder à "}}
{{ end }} {{ end }}
{{ with $.Scratch.Get "link" }} {{ with $.Scratch.Get "link" }}
<a href="{{ . }}" target="_blank" rel="canonical">{{ $.Scratch.Get "message" }} la revue</a> <a href="{{ . }}" target="_blank" rel="canonical" aria-label="Lien vers la revue de presse">{{ $.Scratch.Get "message" }} la revue</a>
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>

View File

@ -13,7 +13,7 @@
{{ range .Pages.ByDate.Reverse }} {{ range .Pages.ByDate.Reverse }}
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<a href="{{ .Permalink|relURL }}"> <a href="{{ .Permalink|relURL }}" aria-label="Lien vers la page du spectacle {{ .Title }}">
{{ $img := resources.GetMatch (print .File.Dir "/principal*") }} {{ $img := resources.GetMatch (print .File.Dir "/principal*") }}
{{ with $img }} {{ with $img }}
{{- $jpeg := .Resize "600x jpeg" }} {{- $jpeg := .Resize "600x jpeg" }}

View File

@ -51,7 +51,7 @@
{{ with $presse }} {{ with $presse }}
<div class="columns is-gapless is-vcentered "> <div class="columns is-gapless is-vcentered ">
<div class="column"> <div class="column">
<a href={{ .Permalink }} rel="canonical"> <a href={{ .Permalink }} rel="canonical" aria-label="Lien de téléchargement du dossier de présentation">
<h3 class="title is-6">Télécharger le Dossier de présentation</h3> <h3 class="title is-6">Télécharger le Dossier de présentation</h3>
</a> </a>
</div> </div>
@ -158,4 +158,20 @@
duration: 300 duration: 300
}); });
</script> </script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Event",
"name": "{{ .Title }}",
"startDate": "{{ .Params.date}}",
"image": "{{ (resources.GetMatch (print .File.Dir "/principal.*")).Permalink }}",
"description": "{{ .Params.subtitle}}",
"performer": {
"@type": "PerformingGroup",
"name": "Compagnie Le Temps Qu'il Faut"
}
}
</script>
{{ end }} {{ end }}