@ -2,8 +2,8 @@
< nav class = "navbar is-hidden-tablet is-black is-fixed-bottom" role = "navigation" aria-label = "main navigation" >
< div class = "navbar-brand" >
< a class = "navbar-item" href = "/" >
< img src = "{{ $.Site.Params.logoHome |relURL }}" >
< a class = "navbar-item" href = "/" aria-label = "Lien vers la page d'accueil du site" >
< img src = "{{ $.Site.Params.logoHome |relURL }}" width = "284px" height = "128px" alt = "Logo de la Compagnie le temps qu'il faut" >
< / a >
< 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" >
{{ 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 }}
< / div >
@ -24,19 +24,19 @@
< 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%" >
< div >
< a href = "/" >
< a href = "/" aria-label = "Lien vers la page d'accueil" >
< div class = "figure" >
{{ 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 }}
< 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 }}
< / div >
< / a >
< ul class = "menu-list m-0 p-5" >
{{ range .Site.Menus.main }}
< 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 >
{{ end }}
< / ul >
@ -44,25 +44,25 @@
< div >
< div class = "is-flex is-justify-content-center mb-5" >
< div class = "social-icons m-0 p-0" >
< a href = "{{ ($.Site.GetPage " mentions_legales " ) . Permalink } } " class = "mr-2 {{$bg}}" >
< span class = "icon" >
< a href = "{{ ($.Site.GetPage " mentions_legales " ) . Permalink } } " class = "mr-2 {{$bg}}" aria-label = "Lien vers les mentions légales" >
< span >
< i class = "fa-solid fa-file-contract fa-2x" > < / i >
< / span >
< / a >
< a href = "https://www.facebook.com/votre_compte_facebook" class = "mr-2 {{$bg}}" >
< span class = "icon" >
< 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 >
< i class = "fab fa-facebook fa-2x" > < / i >
< / span >
< / a >
< a href = "https://www.instagram.com/votre_compte_instagram" class = "{{$bg}}" >
< span class = "icon" >
< 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 >
< i class = "fab fa-instagram fa-2x" > < / i >
< / span >
< / a >
< / div >
< / div >
< 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 >
< / aside >