first commit
This commit is contained in:
Arnaud Delcasse
101
themes/mms43/layouts/pages/devenez-conducteur-solidaire.html
Normal file
101
themes/mms43/layouts/pages/devenez-conducteur-solidaire.html
Normal file
@@ -0,0 +1,101 @@
|
||||
{{ define "main" }}
|
||||
{{ $heroImage := .Params.heroImage | default "images/visuels/Conducteur-solidaire.png" }}
|
||||
{{ $heroBg := resources.Get $heroImage }}
|
||||
<section class="conducteur-hero" {{ if $heroBg }}style="background-image: url('{{ $heroBg.RelPermalink }}')"{{ end }}>
|
||||
</section>
|
||||
|
||||
<section class="page-conducteur">
|
||||
<h1 class="page-title">{{ .Params.headline | default "Rejoignez la communauté des conducteurs solidaires !" }}</h1>
|
||||
|
||||
<div class="conducteur-content">
|
||||
{{ $carImagePath := .Params.contentImage | default "images/visuels/covoiturage.svg" }}
|
||||
{{ $carImage := resources.Get $carImagePath }}
|
||||
{{ if $carImage }}
|
||||
<div class="conducteur-image">
|
||||
<img src="{{ $carImage.RelPermalink }}" alt="Covoiturage" />
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="conducteur-text">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conducteur-etapes-section">
|
||||
{{ $allResources := .Resources.Match "*.md" }}
|
||||
{{ $etapes := where $allResources "Params.type" "!=" "page-footer" }}
|
||||
{{ $arrowGreen := resources.Get "images/picto/Picto - Conducteur solidaire - Fleche verte.svg" }}
|
||||
{{ $arrowOrange := resources.Get "images/picto/Picto - Conducteur solidaire - Fleche orange.svg" }}
|
||||
{{ if $etapes }}
|
||||
<div class="conducteur-etapes">
|
||||
<h2 class="etapes-title">{{ .Params.etapesTitle | default "Une démarche simple et pratique" }}</h2>
|
||||
<div class="etapes-list">
|
||||
{{ $sortedEtapes := sort $etapes "Params.weight" }}
|
||||
{{ $total := len $sortedEtapes }}
|
||||
{{ range $index, $etape := $sortedEtapes }}
|
||||
<div class="etape-block">
|
||||
{{ if $etape.Params.icon }}
|
||||
{{ $icon := resources.Get $etape.Params.icon }}
|
||||
{{ if $icon }}
|
||||
<div class="etape-icon">
|
||||
<img src="{{ $icon.RelPermalink }}" alt="" />
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<div class="etape-content">
|
||||
<h3 class="etape-title">{{ $etape.Title }}</h3>
|
||||
<div class="etape-text">{{ $etape.Content }}</div>
|
||||
</div>
|
||||
{{ if lt (add $index 1) $total }}
|
||||
{{ if eq (mod $index 2) 0 }}
|
||||
<div class="etape-arrow etape-arrow-right">
|
||||
<img src="{{ $arrowGreen.RelPermalink }}" alt="" />
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="etape-arrow etape-arrow-left">
|
||||
<img src="{{ $arrowOrange.RelPermalink }}" alt="" />
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="plus-infos">
|
||||
{{ $downloadIcon := resources.Get "images/picto/Telechargez.svg" }}
|
||||
<h3 class="plus-infos-title">{{ .Params.plusInfosTitle | default "Plus d'infos ?" }}</h3>
|
||||
<p class="plus-infos-text">{{ .Params.plusInfosText | default "Vous avez des questions ? Vous souhaitez recevoir de la documentation imprimée ?" }}</p>
|
||||
<a href="{{ .Params.plusInfosContactLink | default "/pages/contact/" }}" class="plus-infos-button">Contactez-nous</a>
|
||||
<a href="{{ $downloadIcon := resources.Get "images/picto/download_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" }}" class="plus-infos-download">
|
||||
{{ if $downloadIcon }}
|
||||
<img src="{{ $downloadIcon.RelPermalink }}" alt="" />
|
||||
{{ end }}
|
||||
<span>Ou téléchargez le dépliant d'information</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conducteur-video">
|
||||
<div class="conducteur-video-container">
|
||||
{{ $videoPath := .Params.video | default "videos/capsule_covoiturage.mp4" }}
|
||||
{{ $video := resources.Get $videoPath }}
|
||||
{{ if $video }}
|
||||
<video controls>
|
||||
<source src="{{ $video.RelPermalink }}" type="video/mp4">
|
||||
</video>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ $pageFooter := where $allResources "Params.type" "page-footer" }}
|
||||
{{ range $pageFooter }}
|
||||
<div class="page-footer-section">
|
||||
<h2 class="page-footer-title">{{ .Title }}</h2>
|
||||
<div class="page-footer-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</section>
|
||||
{{ end }}
|
||||
103
themes/mms43/layouts/pages/engagez-votre-entreprise.html
Normal file
103
themes/mms43/layouts/pages/engagez-votre-entreprise.html
Normal file
@@ -0,0 +1,103 @@
|
||||
{{ define "main" }}
|
||||
{{ $heroImage := .Params.heroImage | default "images/visuels/engagez.jpg" }}
|
||||
{{ $heroBg := resources.Get $heroImage }}
|
||||
<section class="entreprise-hero" {{ if $heroBg }}style="background-image: url('{{ $heroBg.RelPermalink }}')"{{ end }}>
|
||||
</section>
|
||||
|
||||
<section class="page-entreprise">
|
||||
<h1 class="page-title">{{ .Params.headline | default "La mobilité, un enjeu RSE pour votre entreprise" }}</h1>
|
||||
|
||||
{{ .Content }}
|
||||
|
||||
{{ $allResources := .Resources.Match "*.md" }}
|
||||
{{ $avantages := where $allResources "Params.type" "avantage" }}
|
||||
{{ if $avantages }}
|
||||
<div class="entreprise-avantages">
|
||||
{{ range sort $avantages "Params.weight" }}
|
||||
<div class="avantage-block">
|
||||
{{ if .Params.icon }}
|
||||
{{ $icon := resources.Get .Params.icon }}
|
||||
{{ if $icon }}
|
||||
<div class="avantage-icon">
|
||||
<img src="{{ $icon.RelPermalink }}" alt="" />
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<h3 class="avantage-title">{{ .Title }}</h3>
|
||||
<div class="avantage-text">{{ .Content }}</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<h2 class="entreprise-subtitle">{{ .Params.engagementTitle | default "De plus en plus d'entreprises s'engagent, pourquoi pas vous ?" }}</h2>
|
||||
|
||||
{{ $engagements := where $allResources "Params.type" "engagement" }}
|
||||
{{ if $engagements }}
|
||||
{{ $sortedEngagements := sort $engagements "Params.weight" }}
|
||||
<div class="entreprise-engagements">
|
||||
<div class="engagements-column">
|
||||
{{ range first 3 $sortedEngagements }}
|
||||
<div class="engagement-block">
|
||||
{{ if .Params.icon }}
|
||||
{{ $icon := resources.Get .Params.icon }}
|
||||
{{ if $icon }}
|
||||
<div class="engagement-icon">
|
||||
<img src="{{ $icon.RelPermalink }}" alt="" />
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<div class="engagement-content">
|
||||
<h3 class="engagement-title">{{ .Title }}</h3>
|
||||
<div class="engagement-text">{{ .Content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="engagements-column">
|
||||
{{ range after 3 $sortedEngagements }}
|
||||
<div class="engagement-block">
|
||||
{{ if .Params.icon }}
|
||||
{{ $icon := resources.Get .Params.icon }}
|
||||
{{ if $icon }}
|
||||
<div class="engagement-icon">
|
||||
<img src="{{ $icon.RelPermalink }}" alt="" />
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<div class="engagement-content">
|
||||
<h3 class="engagement-title">{{ .Title }}</h3>
|
||||
<div class="engagement-text">{{ .Content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="plus-infos">
|
||||
{{ $downloadIcon := resources.Get "images/picto/download_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" }}
|
||||
<h3 class="plus-infos-title">{{ .Params.plusInfosTitle | default "Plus d'infos ?" }}</h3>
|
||||
<p class="plus-infos-text">{{ .Params.plusInfosText | default "Vous avez des questions ? Vous souhaitez recevoir de la documentation imprimée à mettre à disposition de vos publics ?" }}</p>
|
||||
<a href="{{ .Params.plusInfosContactLink | default "/pages/contact/" }}" class="plus-infos-button">Contactez-nous</a>
|
||||
<a href="{{ .Params.plusInfosDocLink | default "#" }}" class="plus-infos-download">
|
||||
{{ if $downloadIcon }}
|
||||
<img src="{{ $downloadIcon.RelPermalink }}" alt="" />
|
||||
{{ end }}
|
||||
<span>{{ .Params.plusInfosDownloadText | default "Ou téléchargez le dépliant d'informations Mobi'Conseil" }}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="entreprise-video">
|
||||
<div class="entreprise-video-container">
|
||||
{{ $videoPath := .Params.video | default "videos/entreprise.mp4" }}
|
||||
{{ $video := resources.Get $videoPath }}
|
||||
{{ if $video }}
|
||||
<video controls>
|
||||
<source src="{{ $video.RelPermalink }}" type="video/mp4">
|
||||
</video>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
47
themes/mms43/layouts/pages/nos-solutions-de-mobilite.html
Normal file
47
themes/mms43/layouts/pages/nos-solutions-de-mobilite.html
Normal file
@@ -0,0 +1,47 @@
|
||||
{{ define "main" }}
|
||||
<section class="page-solutions">
|
||||
<h1 class="page-title">{{ .Params.headline }}</h1>
|
||||
|
||||
{{ $iconChevron := resources.Get "images/picto/chevron_forward_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg" }}
|
||||
{{ $iconClose := resources.Get "images/picto/close_34dp_1F1F1F_FILL0_wght400_GRAD0_opsz40.svg" }}
|
||||
|
||||
<div class="solutions-grid">
|
||||
{{ range sort (.Resources.Match "*.md") "Params.weight" }}
|
||||
<div class="solution-card">
|
||||
<div class="solution-front">
|
||||
<div class="solution-header">
|
||||
<h3 class="solution-title">{{ .Title }}</h3>
|
||||
</div>
|
||||
<div class="solution-image-container">
|
||||
{{ if .Params.image }}
|
||||
{{ $img := resources.Get .Params.image }}
|
||||
{{ if $img }}
|
||||
<img src="{{ $img.RelPermalink }}" alt="{{ .Title }}" class="solution-image" />
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<div class="solution-toggle" aria-label="Voir le détail">
|
||||
{{ if $iconChevron }}<img src="{{ $iconChevron.RelPermalink }}" alt="" />{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="solution-back">
|
||||
<div class="solution-close" aria-label="Fermer">
|
||||
{{ if $iconClose }}<img src="{{ $iconClose.RelPermalink }}" alt="" />{{ end }}
|
||||
</div>
|
||||
<div class="solution-content">
|
||||
<p class="solution-text">{{ .Content | plainify }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="solutions-cta">
|
||||
{{ $iconSearch := resources.Get "images/picto/search_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" }}
|
||||
<a href="/" class="solutions-btn">
|
||||
{{ if $iconSearch }}<img src="{{ $iconSearch.RelPermalink }}" alt="" class="btn-icon" />{{ end }}
|
||||
Rechercher un trajet
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
40
themes/mms43/layouts/pages/qui-sommes-nous.html
Normal file
40
themes/mms43/layouts/pages/qui-sommes-nous.html
Normal file
@@ -0,0 +1,40 @@
|
||||
{{ define "main" }}
|
||||
{{ $heroImage := .Params.heroImage | default "images/visuels/Photo equipe.jpg" }}
|
||||
{{ $heroBg := resources.Get $heroImage }}
|
||||
<section class="quisommesnous-hero" {{ if $heroBg }}style="background-image: url('{{ $heroBg.RelPermalink }}')"{{ end }}>
|
||||
</section>
|
||||
|
||||
<section class="page-quisommesnous">
|
||||
<h1 class="page-title">{{ .Params.headline | default "Qu'est-ce que la Maison de la Mobilité Solidaire ?" }}</h1>
|
||||
|
||||
<div class="quisommesnous-content">
|
||||
<div class="quisommesnous-text">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
{{ $visuel := resources.Get "images/visuels/visuel-mms43.svg" }}
|
||||
{{ if $visuel }}
|
||||
<div class="quisommesnous-image">
|
||||
<img src="{{ $visuel.RelPermalink }}" alt="Maison de la Mobilité Solidaire" />
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
{{ if .Params.savoirPlusLinks }}
|
||||
<div class="quisommesnous-savoirplus">
|
||||
<h2 class="savoirplus-title">{{ .Params.savoirPlusTitle | default "Pour en savoir plus" }}</h2>
|
||||
{{ $arrowIcon := resources.Get "images/picto/arrow_right_alt_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg" }}
|
||||
<ul class="savoirplus-links">
|
||||
{{ range .Params.savoirPlusLinks }}
|
||||
<li class="savoirplus-item">
|
||||
{{ if $arrowIcon }}
|
||||
<img src="{{ $arrowIcon.RelPermalink }}" alt="" class="savoirplus-arrow" />
|
||||
{{ end }}
|
||||
<a href="{{ .url }}" target="_blank" class="savoirplus-link">{{ .text }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user