Ajout de page et du style principal

.gitignore

@@ -1 +1,2 @@
 resources
+public

Dockerfile

@@ -0,0 +1,4 @@
+FROM registry.weko.io/nginx-lowtech:0.0.5
+
+# Copie des sources du site
+COPY public /usr/share/nginx/html

README.md

@@ -1,6 +1,6 @@
 # Crémeaux
 
-Vous trouverez les sources du site internet de Cremeaux.
+Vous trouverez les sources du site internet de Crémeaux.
 
 ## Technologies
 

assets/styles/header.sass

@@ -0,0 +1,53 @@
+.header
+  background-color: white
+  margin-bottom: 90px
+
+  .container
+    display: flex
+    justify-content: space-between
+    align-items: end
+    height: 100%
+    position: relative
+    padding-top: 1rem
+    border-bottom: 1px $gris dashed
+
+    &::after
+      content: ""
+      border-top: 1px $gris dashed
+      height: 1px
+      bottom: -40px
+      width: 100%
+      position: absolute
+
+  .title
+    color: $gris
+    text-align: center
+    text-decoration: none
+
+    h1
+      font-size: 4rem
+      font-family: subscriber
+      word-wrap: break-word
+      padding: 0
+      margin: 0
+
+    &::before
+      background: url(/Blason_ville_Cremeaux_42.svg)
+      background-size: contain
+      background-repeat: no-repeat
+      background-position: center
+      width: 100%
+      height: 70px
+      display: block
+
+
+.home .header
+  margin-bottom: 58px
+
+@media screen and (min-width: 800px)
+  .home .title::before
+    content: ""
+
+@media screen and (min-width: 800px)
+  .header button
+    display: none

assets/styles/html.sass

@@ -0,0 +1,55 @@
+/* Box sizing rules */
+*,*::before,*::after
+  box-sizing: border-box
+
+html
+  /*-webkit-font-smoothing: antialiased*/
+  /*--moz-osx-font-smoothing: grayscale*/
+  scroll-behavior: smooth
+  /* 18px */
+  font-size: $font-size
+
+body
+  font-weight: 400
+  line-height: 1.65
+  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
+  color: $color-primary
+  background-color: $color-secondary
+
+p
+  margin-bottom: 1.15rem
+
+h1,
+h2,
+h3,
+h4,
+h5
+  margin: 2.75rem 0 1.05rem
+  font-weight: 400
+  line-height: 1.15
+
+h4,
+h5
+  margin: 1.375rem 0 0.75rem
+  font-weight: 400
+  line-height: 1.15
+
+h1
+  margin-top: 0
+  font-size: 4rem
+
+h2
+  font-size: 3rem
+
+h3
+  font-size: 3rem
+
+h4
+  font-size: 2.5rem
+
+h5
+  font-size: 2rem
+
+small,
+.text_small
+  font-size: 0.889em

assets/styles/main.sass

@@ -1,18 +1,296 @@
+@import "./variables"
+@import "./reset"
+@import "./html"
+@import "./header"
+@import "./menu"
+
+@font-face
+ font-family: "subscriber"
+ src: url("/fonts/subscriber.woff") format("woff")
+
+h1, h2
+  font-family: subscriber
+
+h2
+  text-transform: uppercase
+  text-align: center
+
 html, body
   min-height: 100%
-  background-color: #d5d5d5
-  text-align: center
+  background-color: white
+  padding: 0
+  margin: 0
 
-h1
-  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif
-  font-size: 92px
-  padding: 80px 50px
-  text-align: center
-  text-transform: uppercase
-  text-rendering: optimizeLegibility
+.container
+  width: $content-width
+  margin: 0 auto
 
-  color: #2c2c2c
+@media screen and (max-width: 800px)
+  .container
+    width: inherit
 
-  letter-spacing: .05em
-  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2)
-  word-wrap: break-word
+.jaune
+  h2
+    color: $jaune
+.rouge
+  h2
+    color: $rouge
+.vert
+  h2
+    color: $vert
+.bleu
+  h2
+    color: $bleu
+
+@media screen and (max-width: 800px)
+  .header .title
+    z-index: 20000
+    display: block
+    top: 1rem
+    position: absolute
+    left: 0
+    right: 0
+    background: white
+
+  .nav
+    // display: none
+    display: flex
+    position: absolute
+    top: 100px
+    bottom: 0
+    left: 0
+    right: 0
+    z-index: 1000
+    background-color: white
+    width: 100vw
+    height: calc(100vh - 100px)
+    justify-content: center
+    align-items: center
+
+    .menu
+      margin: 0
+      padding: 0
+      list-style: none
+
+      > li
+        padding: .5rem 1rem
+        text-align: center
+
+        > a
+          margin: 0 auto
+          padding: .2rem
+          color: red
+          border: 2px solid red
+          width: 200px
+          display: block
+
+        &.vert
+          a
+            color: $vert
+            border-color: $vert
+            background-color: scale-color($vert, $lightness: +50%)
+
+        &.jaune
+          a
+            color: $jaune
+            border-color: $jaune
+            background-color: scale-color($jaune, $lightness: +50%)
+
+        &.rouge
+          a
+            color: $rouge
+            border-color: $rouge
+            background-color: scale-color($rouge, $lightness: +50%)
+
+        &.bleu
+          a
+            color: $bleu
+            border-color: $bleu
+            background-color: scale-color($bleu, $lightness: +50%)
+
+    .sousmenu
+      padding: 0
+      li
+        display: inline
+        a
+          background-color: white!important
+
+  .header button
+    display: block
+
+@media screen and (min-width: 800px)
+  .nav
+    margin-bottom: 22px
+
+    ul
+      display: flex
+      margin: 0
+      padding: 0
+      list-style: none
+
+    ul.menu
+
+      .sousmenu
+        position: absolute
+        display: none
+        padding-top: 20px
+        top: calc(100% - 18px)
+        left: 0
+        right: 0
+        justify-content: space-around
+        background-color: white
+
+        &::before,
+        &::after
+          content: ""
+          border-top: 1px $gris dashed
+          height: 1px
+          width: 100%
+          position: absolute
+
+        &::after
+          bottom: -1px
+
+        &::before
+          top: 18px
+
+        a
+          border: 0
+          color: $gris!important
+
+      .sousmenu.active
+        display: flex
+
+
+      li
+        margin: .2rem
+
+        &:hover ul
+          display: flex
+          z-index: 20
+
+
+        &:last-child
+          margin-right: 0
+
+      a
+        padding: .5rem
+        border: 2px solid white
+        text-decoration: none
+        font-size: 1rem
+        color: white
+
+        &:hover
+          opacity: .8
+
+      .vert
+        a
+          color: $vert
+          border-color: $vert
+
+      .jaune
+        a
+          color: $jaune
+          border-color: $jaune
+
+      .rouge
+        a
+          color: $rouge
+          border-color: $rouge
+
+      .bleu
+        a
+          color: $bleu
+          border-color: $bleu
+
+      .active
+        a
+          background-color: white
+          border-style: dashed
+          border-color: white!important
+
+        &.jaune
+          a
+            color: $jaune
+            border-bottom-color: $jaune
+
+        &.rouge
+          a
+            color: $rouge
+            border-bottom-color: $rouge
+
+        &.vert
+          a
+            color: $vert
+            border-bottom-color: $vert
+
+        &.bleu
+          a
+            color: $bleu
+            border-bottom-color: $bleu
+
+#content
+  width: 800px
+  margin: 0 auto
+  margin-bottom: 2rem
+
+.footer
+  background-color: #222
+  color: white
+
+  h4
+    text-align: center
+
+  .container
+    padding: 2rem 0
+    display: flex
+
+    > div
+      margin: 0 10px
+      padding: 10px
+      background-color: scale-color(#222, $lightness: +15%)
+
+    div:first-child
+      margin-left: 0
+
+    div:last-child
+      margin-right: 0
+
+    .title
+      height: 130px
+      display: flex
+      align-items: flex-end
+      justify-content: center
+
+.conseilmunicipal
+  display: flex
+  margin: 0 auto
+  padding: 0 10px 10px
+  list-style: none
+  flex-wrap: wrap
+  max-width: 1300px
+  justify-content: space-around
+
+  li
+    width: 250px
+    padding: 10px
+
+    figcaption
+      text-align: center
+
+      h3
+        margin: 10px 0
+        font-size: 1em
+
+      p
+        margin: 0
+        font-size: .8em
+        line-height: 1em
+
+img.round
+  border-radius: 100%
+
+img.paysage
+  width: 100%
+  height: 600px
+  object-fit: cover

assets/styles/print.sass

@@ -0,0 +1,84 @@
+/* Print */
+
+@media print
+*
+  background: transparent !important
+  box-shadow: none !important
+  text-shadow: none !important
+
+body
+  width: auto
+  margin: auto
+  font-family: serif
+  font-size: 12pt
+
+nav,
+footer
+  display: none
+
+p,
+.p-like,
+h1,
+.h1-like,
+h2,
+.h2-like,
+h3,
+.h3-like,
+h4,
+.h4-like,
+h5,
+.h5-like,
+h6,
+.h6-like,
+blockquote,
+ul,
+ol
+  color: #000
+  margin: auto
+
+img
+ max-width: 100% !important
+
+.print
+  display: block
+
+.no-print
+  display: none
+
+p,
+.p-like,
+blockquote
+  orphans: 3
+  widows: 3
+
+blockquote,
+ul,
+ol,
+img
+  page-break-inside: avoid
+
+h1,
+.h1-like
+  page-break-before: always
+
+h1,
+.h1-like,
+h2,
+.h2-like,
+h3,
+.h3-like,
+caption
+  page-break-after: avoid
+
+a
+  color: #000
+
+a[href^="http"]:not([href*="pikselkraft.com"]):after
+  content: " (" attr(href) ")"
+
+a[href^="javascript:"]::after,
+a[href^="#"]::after
+  content: ""
+
+abbr[title]:after
+  content: " (" attr(title) ")"

assets/styles/reset.css

@@ -0,0 +1,57 @@
+/*********
+Reset CSS
+*********/
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Remove default margin */
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+p,
+ul[class]
+ol[class],
+li,
+figure,
+figcaption,
+blockquote,
+dl,
+dd {
+  margin: 0;
+}
+
+/* Make images easier to work with */
+img {
+  max-width: 100%;
+  display: block;
+}
+
+/* Natural flow and rhythm in articles by default */
+article > * + * {
+  margin-top: 1em;
+}
+
+/* Inherit fonts for inputs and buttons */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Remove all animations and transitions for people that prefer not to see them */
+@media (prefers-reduced-motion: reduce) {
+  * {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}

assets/styles/variables.sass

@@ -0,0 +1,14 @@
+$rouge: #de6b52
+$vert: #4da266
+$bleu: #78a3dc
+$jaune: #f0e554
+$gris: scale-color(#d5d5d5, $lightness: -50%)
+//$vert: #2b8e50
+
+$color-primary: black
+$color-secondary: white
+$space: 2.75rem
+$font-size: 112.5%
+$font-family-monospace: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace
+$content-width: 800px
+$active: 600

config/_default/config.yml

@@ -0,0 +1,12 @@
+languageCode: fr-fr
+
+title: Crémeaux
+
+theme:
+  - hugo-theme-lowtech
+
+defaultContentLanguage: fr
+
+disableKinds:
+  - taxonomy
+  - term

config/development/config.yml

@@ -0,0 +1 @@
+baseURL: http://localhost:1313/

config/production/config.yml

@@ -0,0 +1 @@
+baseURL: https://cremeaux.fr/

config/staging/config.yml

@@ -0,0 +1 @@
+baseURL: https://staging.cremeaux.fr/

content/_index.html

@@ -0,0 +1,2 @@
+---
+---

content/associations/_index.md

@@ -0,0 +1,17 @@
+---
+title: Le conseil municipal
+menu:
+  main:
+    identifier: associations
+    name: Les associations
+    weight: 30
+    pre: bleu
+---
+
+## Les Associations
+
+![Les associations](/associations.png)
+
+La page n'est pas encore réalisé, nous voulons ajouter ici l'ensemble des informations des différentes associations de Crémeaux.
+
+Si vous êtes président d'une association, n'hésitez pas à nous envoyer un texte descriptif, une photo ainsi que les informations pour vous contacter.

content/cadredevie/_index.md

@@ -0,0 +1,13 @@
+---
+title: Le mot du Maire
+menu:
+  main:
+    identifier: cadre
+    name: Cadre de vie
+    weight: 20
+    pre: vert
+---
+
+![vache](/vache.svg)
+
+En cours de construction

content/cadredevie/enseignement.md

@@ -0,0 +1,11 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: cadre
+    name: Enseignement
+    weight: 30
+    pre: vert
+---
+
+## Enseignement

content/cadredevie/histoireetculture.md

@@ -0,0 +1,11 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: cadre
+    name: Histoire et Culture
+    weight: 40
+    pre: vert
+---
+
+## Histoire et Culture

content/cadredevie/leterritoire.md

@@ -0,0 +1,11 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: cadre
+    name: Le territoire
+    weight: 10
+    pre: vert
+---
+
+## Le territoire

content/cadredevie/santeetsoins.md

@@ -0,0 +1,11 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: cadre
+    name: Santé et soins
+    weight: 20
+    pre: vert
+---
+
+## Santé et soins

content/economie/_index.md

@@ -0,0 +1,20 @@
+---
+title: Le conseil municipal
+menu:
+  main:
+    identifier: economie
+    name: Économie
+    weight: 40
+    pre: jaune
+---
+
+## Économie
+
+![](/market.svg)
+
+Liste des commerces et entreprises avec des catégories
+  * Commerces
+  * Hébergements
+  * Artisants
+  * Services
+  * Entreprise

content/viemunicipale/_index.md

@@ -0,0 +1,9 @@
+---
+title: Accueil
+menu:
+  main:
+    identifier: municipale
+    name: Vie Municipale
+    weight: 10
+    pre: rouge
+---

content/viemunicipale/commissions.md

@@ -0,0 +1,11 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: municipale
+    name: Les Commissions
+    weight: 30
+    pre: rouge
+---
+
+## Les Commissions

content/viemunicipale/leconseilmunicipal/_index.md

@@ -0,0 +1,12 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: municipale
+    name: Le Conseil Municipal
+    weight: 20
+    pre: rouge
+layout: conseil
+---
+
+## Le Conseil Municipal

content/viemunicipale/lemotdumaire/_index.md

@@ -0,0 +1,34 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: municipale
+    name: Le mot du Maire
+    weight: 10
+    pre: rouge
+---
+
+{{< maire >}}
+
+## Le mot du Maire
+
+**Nous voilà maintenant en début de mandat 2020, une année spéciale avec cette crise sanitaire.**
+
+2020 n’aura pas été facile pour tous, et une première pensée va
+à ceux qui ont été malheureusement touchés de plein fouet par
+ce COVID 19. Pour notre commune, dans la conjoncture actuelle
+que nous connaissons tous, il nous semble important que la
+municipalité reste bien assurée. Nous allons poursuivre les dossiers
+en cours : travaux de l’école, la voirie... Rénover la mairie afin de
+faciliter son accès aux personnes à mobilité réduite et d’améliorer
+sa performance énergétique. D’autres projets seront étudiés
+en fonction des besoins qui se manifesteront. Tous les aspects
+animations, culture et patrimoine qui font la richesse et la vie de
+notre commune seront soutenus avec conviction.
+Je souhaite remercier toutes les personnes qui ont continué de
+se mobiliser pour notre village de Crémeaux malgré la pandémie
+(commerçants, artisans et entreprises, associations, agriculteurs,
+enseignants, soignants...) et en particuliers les adjoints, conseillers
+et agents communaux.
+
+**Didier PONCET**

content/viemunicipale/locations.md

@@ -0,0 +1,11 @@
+---
+title: Accueil
+menu:
+  main:
+    parent: municipale
+    name: Location
+    weight: 60
+    pre: rouge
+---
+
+## Location

data/conseilmunicipal.yml

@@ -0,0 +1,82 @@
+---
+conseilmunicipal:
+  - prenom: Élodie
+    nom: BOURG
+    job: Technicienne contrôle qualité
+    age: 29
+    image: elodie_bourg.jpg
+  - prenom: Laurent
+    nom: BRUEL
+    fonction: Adjoint
+    job: Conducteur de chaine reluire
+    age: 48
+    image: laurent_bruel.jpg
+  - prenom: Thierry
+    nom: CLEMENCON
+    fonction: Adjoint
+    job: Metallier
+    age: 46
+    image: thierry_clemencon.jpg
+  - prenom: Simon
+    nom: CONSTANS
+    job: Informaticien
+    age: 35
+    image: simon_constans.jpg
+  - prenom: Jean-Christophe
+    nom: DUBOST
+    job: Enseignant
+    age: 50
+    image: jeanchristophe_dubost.jpg
+  - prenom: Sandra
+    nom: GARRIVIER
+    fonction: Adjoint
+    job: Chauffeur - livreur portage de repas
+    age: 48
+    image: sandra_garrivier.jpg
+  - prenom: Laurent
+    nom: LOÏZZO
+    fonction: Adjoint
+    job: Éducateur Éleveur canin
+    age: 53
+    image: laurent_loizzo.jpg
+  - prenom: Aurélien
+    nom: MAILLET-FEUGÈRE
+    job: Agriculteur
+    age: 38
+    image: aurelien_mailletfeugere.jpg
+  - prenom: Suzanne
+    nom: MANISSOLLE
+    job: Retraitée fonction publique territoriale
+    age: 65
+    image: suzanne_manissolle.jpg
+  - prenom: Irène
+    nom: MICHON
+    job: Responsable d’exploitation informatique
+    age: 48
+    image: irene_michon.jpg
+  - prenom: Patricia
+    nom: SESSEGOLO
+    job: Dessinatrice, styliste
+    age: 53
+    image: patricia_sessegolo.jpg
+  - prenom: Didier
+    nom: PONCET
+    fonction: Maire
+    job: Surveillant de nuit
+    age: 50
+    image: didier_poncet.jpg
+  - prenom: Stéphane
+    nom: PRAS
+    job: Agent de vérification
+    age: 47
+    image: stephane_pras.jpg
+  - prenom: André
+    nom: SANGLE
+    job: Infirmier
+    age: 30
+    image: andre_sangle.jpg
+  - prenom: Georges
+    nom: TRAVARD
+    job: Technicien RGRS (responsable de la gestion de la route et de la sécurité)
+    age: 40
+    image: georges_travard.jpg

docker-compose.prod.yml

@@ -0,0 +1,19 @@
+version: "3.8"
+
+networks:
+  default:
+    external:
+      name: traefik
+
+services:
+  crmx-prod:
+    container_name: crmx-prod
+    build: .
+    restart: always
+    labels:
+      traefik.enable: "true"
+      traefik.http.routers.crmx-prod.rule: "Host(`cremeaux.fr`)"
+      traefik.http.routers.crmx-prod.entrypoints: "web"
+    volumes:
+      - /etc/timezone:/etc/timezone:ro
+      - /etc/localtime:/etc/localtime:ro

docker-compose.staging.yml

@@ -0,0 +1,19 @@
+version: "3.8"
+
+networks:
+  default:
+    external:
+      name: traefik
+
+services:
+  crmx-staging:
+    container_name: crmx-staging
+    build: .
+    restart: always
+    labels:
+      traefik.enable: "true"
+      traefik.http.routers.crmx-staging.rule: "Host(`staging.cremeaux.fr`)"
+      traefik.http.routers.crmx-staging.entrypoints: "web"
+    volumes:
+      - /etc/timezone:/etc/timezone:ro
+      - /etc/localtime:/etc/localtime:ro

layouts/_default/baseof.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.Language.Lang }}">
+{{ partial "head.html" . }}
+  <body{{ $currentPage := . }}{{ range .Site.Menus.main }}
+      {{ if or ($currentPage.IsMenuCurrent "main" .) (eq $currentPage.Menus.main.Pre .Pre) }} class="{{ .Pre }}"{{ end }}
+      {{ if $currentPage.IsHome }} class="home"{{ end }}
+      {{ end }}>
+    {{ partial "header.html" . }}
+    {{ block "all" . }}
+    <main role="main" id="content">
+      {{ block "main" . }}{{ end }}
+    </main>
+    {{ end }}
+    {{ partial "footer.html" . }}
+    {{ partial "js.html" . }}
+  </body>
+</html>

layouts/index.html

@@ -0,0 +1,5 @@
+{{ define "all" }}
+  {{ $image := .Resources.GetMatch "*" }}
+  {{ $resized := $image.Fill "1400x600 Top"}}
+  <img class="paysage" alt="Vue sur Crémeaux" src="{{ $resized.RelPermalink }}" />
+{{ end }}

layouts/partials/conseilmunicipal.html

@@ -0,0 +1,11 @@
+{{ $headless := .Site.GetPage "/viemunicipale/leconseilmunicipal" }}
+
+<ul class="conseilmunicipal">
+{{ range $.Site.Data.conseilmunicipal.conseilmunicipal }}
+  {{ $image := $headless.Resources.GetMatch .image }}
+  {{ $resized := $image.Resize "250x" }}
+  <li>
+   {{ partial "person.html" (merge . (dict "image" $resized.RelPermalink)) }}
+  </li>
+{{ end }}
+</ul>

layouts/partials/footer.html

@@ -0,0 +1,27 @@
+<footer class="footer">
+  <div class="container">
+    <div>
+      <div class="title">
+        <h4>Mairie</h4>
+      </div>
+      <p>⏰ Lundi, mardi, jeudi et vendredi de 8h40 à 12h15, mercredi de 9h15 à 12h15.</p>
+      <p>📞 04 77 62 50 67</p>
+      <p>📫 mairie@cremeaux.fr</p>
+    </div>
+    <div>
+      <div class="title">
+        <h4>Bibliothèque Municipale</h4>
+      </div>
+      <p>⏰ Mercredi de 16h40 à 18h40, vendredi et samedi de 10h à 12h.</p>
+      <p>📞 04 77 62 82 66</p>
+      <p>📫 biblio@cremeaux.fr</p>
+    </div>
+    <div>
+      <div class="title">
+        <h4>Agence Postale</h4>
+      </div>
+      <p>⏰ Mardi, mercredi, jeudi, vendredi et samedi de 9h15 à 12h15.</p>
+      <p>📞 04 77 62 56 49</p>
+    </div>
+  </div>
+</footer>

layouts/partials/header.html

@@ -0,0 +1,29 @@
+<header class="header">
+  <div class="container">
+    <a href="/" class="title">
+      <h1>Crémeaux</h1>
+    </a>
+
+    <nav class="nav">
+      {{ $currentPage := . }}
+      <ul class="menu">
+        {{ range .Site.Menus.main }}
+          <li class="{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}active{{ end }} {{ .Pre }}">
+          <a href="{{ .URL }}" class="{{ .Identifier }}">{{ .Name }}</a>
+          {{ if .HasChildren }}
+          <ul class="sousmenu {{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}active{{ end }}">
+              {{ range .Children }}
+              <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }} {{ .Pre }}">
+              <a href="{{ .URL }}">{{ .Name }}</a>
+              </li>
+              {{ end }}
+          </ul>
+          {{ end }}
+          </li>
+        {{ end }}
+      </ul>
+    </nav>
+
+    <button class="nav-button" type="button" role="button" aria-label="open/close navigation"><i>Menu</i></button>
+  </div>
+</header>

layouts/partials/maire.html

@@ -0,0 +1,6 @@
+{{ $headless := .Site.GetPage "/viemunicipale/lemotdumaire" }}
+<center>
+  {{ $image := $headless.Resources.GetMatch "*" }}
+  {{ $resized := $image.Resize "300x" }}
+  <img class="round" src="{{ $resized.RelPermalink }}" alt="Didier PONCET" />
+</center>

layouts/partials/person.html

@@ -0,0 +1,7 @@
+<figure>
+  <img src="{{ .image }}" alt="Photo de {{ .prenom }} {{ .nom }}"  />
+  <figcaption>
+      <h3>{{ .prenom }} {{ .nom }}{{ if isset . "fonction" }} - <i>{{ .fonction }}</i>{{ end }}</h4>
+      <p>{{ .job }}, {{ .age }}&nbsp;ans</p>
+  </figcaption>
+</figure>

layouts/shortcodes/conseilmunicipal.html

@@ -0,0 +1 @@
+{{ partial "conseilmunicipal.html" . }}

layouts/shortcodes/maire.html

@@ -0,0 +1 @@
+{{ partial "maire.html" . }}

layouts/viemunicipale/conseil.html

@@ -0,0 +1,7 @@
+{{ define "all" }}
+
+  {{ .Content }}
+<div class="conseil">
+  {{ partial "conseilmunicipal.html" . }}
+</div>
+{{ end }}

run

@@ -0,0 +1,79 @@
+#!/bin/bash
+
+# -e  Exit immediately if a command exits with a non-zero status.
+# -u  Treat unset variables as an error when substituting.
+set -eu
+
+DOCKER_CONTEXT=bleu
+START=`date +%s`
+
+help() {
+  echo
+  echo "💡 Aide 💡"
+  echo "----------"
+  echo
+  echo "Commandes :"
+  echo "- ./run install            📦 Installation des dépendances"
+  echo "- ./run dev                🚧 Lancement du serveur pour le développement"
+  echo "- ./run dev production     🚧 Lancement du serveur pour le développement sans les brouillons"
+  echo "- ./run prod               🚀 Déploiement du site en mode production"
+  echo "- ./run staging            🚀 Déploiement du site en mode staging"
+  echo
+}
+
+prod() {
+  echo
+  echo "🚀 Déploiement du site en mode production 🚀"
+  echo
+  rm -rf public
+  hugo --minify --environment production
+  node themes/hugo-theme-lowtech/scripts/typo
+  #DATE=`date +\"%Y0101\"` && find public -exec touch -d $DATE {} +
+  docker-compose --context $DOCKER_CONTEXT -f docker-compose.prod.yml up -d --build --force-recreate
+}
+
+staging() {
+  echo
+  echo "🚀 Déploiement du site en mode staging 🚀"
+  echo
+  rm -rf public
+  hugo --minify --environment staging
+  node themes/hugo-theme-lowtech/scripts/typo
+  #DATE=`date +\"%Y0101\"` && find public -exec touch -d $DATE {} +
+  docker-compose --context $DOCKER_CONTEXT -f docker-compose.staging.yml up -d --build --force-recreate
+}
+
+install() {
+  echo "📦 Installation des dépendances 📦"
+  echo "----------------------------------"
+  echo
+  echo "- Récupération du theme"
+  git submodule update --init
+  echo "- Installation des dépendances node du theme"
+  cd themes/hugo-theme-lowtech && npm i
+}
+
+if [ $# -ge 1 ]; then
+  if [ $1 == "dev" ]; then
+    if [ $# -ge 2 ] && [ $2 == "production" ]; then
+      echo "🚧 Lancement du serveur pour le développement sans les brouillons"
+      hugo server
+    else
+      echo "🚧 Lancement du serveur pour le développement"
+      hugo server -D
+    fi
+  elif [ $1 == "prod" ]; then
+    prod
+  elif [ $1 == "staging" ]; then
+    staging
+  elif [ $1 == "install" ]; then
+    install
+  fi
+else
+  help
+fi
+
+END=`date +%s`
+echo
+echo "✨ Done in $((END-START))s"
+echo

static/vache.svg

@@ -0,0 +1,5 @@
+<svg height="300px" width="300px" fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 846.66 846.66" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd"><defs><style type="text/css">
+   
+    .fil0 {fill:#000000;fill-rule:nonzero}
+   
+  </style></defs><g><path class="fil0" d="M624.68 169.92l0 -76.37c0,-32.88 50,-32.88 50,0l0 101.37c0,13.8 -11.2,25 -25,25l-37.07 0 9.07 47.85 150.65 0c20.1,0 47.46,10.14 32.22,37.21 -34.37,60.92 -86.71,96.72 -155.56,106.81l17.6 92.85c115.03,90.33 49.1,273.13 -94.07,273.13l-298.8 0c-143.17,0 -209.1,-182.78 -94.07,-273.13l17.6 -92.85c-68.83,-10.09 -121.22,-45.89 -155.56,-106.81 -12.69,-22.53 6.9,-37.21 28.2,-37.21l154.67 0 9.07 -47.85 -37.07 0c-13.8,0 -25,-11.2 -25,-25l0 -101.37c0,-32.88 50,-32.88 50,0l0 76.37c134.37,0 268.75,0 403.12,0zm-119.01 130.38c-24.45,0 -44.26,25.35 -44.26,56.64 0,31.29 19.81,56.64 44.26,56.64 24.45,0 44.26,-25.35 44.26,-56.64 0,-31.29 -19.81,-56.64 -44.26,-56.64zm-165.11 0c-24.45,0 -44.26,25.35 -44.26,56.64 0,31.29 19.81,56.64 44.26,56.64 24.44,0 44.25,-25.35 44.25,-56.64 0,-31.29 -19.81,-56.64 -44.25,-56.64zm176.72 284.57c22.1,0 40.01,17.92 40.01,40.02 0,22.1 -17.91,40.01 -40.01,40.01 -22.1,0 -40.02,-17.91 -40.02,-40.01 0,-22.1 17.92,-40.02 40.02,-40.02zm-188.33 0c22.1,0 40.02,17.92 40.02,40.02 0,22.1 -17.92,40.01 -40.02,40.01 -22.1,0 -40.01,-17.91 -40.01,-40.01 0,-22.1 17.91,-40.02 40.01,-40.02zm-122.41 -222.11l8.54 -44.99 -102.41 0c25.72,26.2 57.66,40.02 93.87,44.99zm29.13 114.08c12.37,-3.2 25.27,-4.83 38.05,-4.83l298.8 0c12.77,0 25.7,1.64 38.05,4.83 -16.23,-85.64 -32.48,-171.28 -48.72,-256.92l-277.46 0c-16.24,85.64 -32.49,171.28 -48.72,256.92zm395.49 -159.07l8.53 44.99c36.27,-4.99 68.1,-18.76 93.87,-44.99l-102.4 0zm-58.64 204.24l-298.8 0c-137.81,0 -134.81,205.76 0,205.76l298.8 0c134.8,0 137.82,-205.76 0,-205.76z"/></g></svg>