feat: first version

.env

@@ -0,0 +1,4 @@
+TIMEZONE=Europe/Paris
+NAME=lestoitsduval
+URL=mattermost.lamelio.fr
+IMAGE=kosssi/nginx-lowtech:0.0.2

.env.beta

@@ -0,0 +1,4 @@
+TIMEZONE=Europe/Paris
+NAME=lestoitsduval
+URL=beta.lestoitsduval.fr
+IMAGE=kosssi/nginx-lowtech:0.0.2

Dockerfile

@@ -0,0 +1,4 @@
+FROM registry.lamelio.fr/kosssi/nginx-lowtech:0.0.2
+
+# Copie des sources du site
+COPY public /usr/share/nginx/html

assets/css/main.sass

@@ -0,0 +1,226 @@
+@import "../../themes/hugo-theme-lowtech/assets/styles/main"
+
+// Couleur
+$color-initial: #fff
+$color-primary: #1d70b7
+$color-secondary: #f29100
+$color-tertiary: #f4f5f6
+$color-quaternary: #d1d1d1
+$color-quinary: #e1e1e1
+
+body
+  margin: 0
+  font-family: $font-family-serif2
+  font-size: 18px
+  color: hsla(0,0%,0%,0.8)
+
+h1
+  font-size: 1.4rem
+
+h2
+  font-size: 2rem
+
+h2, h3
+  font-family: $font-family-sans-serif7
+  color: $color-primary
+
+blockquote
+  border-left: 4px solid $color-primary
+  font-style: italic
+  margin-left: 0
+  padding-left: 2rem
+
+a
+  color: $color-primary
+  text-decoration-color: $color-primary
+
+@mixin container
+  max-width: $size-lg
+  margin: 0 auto
+  padding: 0 20px
+
+.container, #content
+  @include container
+
+
+// HEADER
+
+.header
+  margin-top: 52px
+  background-color: $color-primary
+  color: white
+
+  a
+    color: white
+
+  .container
+    padding: 0 0 2rem
+    display: flex
+    align-items: center
+
+  .titleContainer
+    flex: 1
+    text-align: center
+    margin: 2rem 0 0 2rem
+
+  .logo
+    border-bottom-left-radius: 10px
+    border-bottom-right-radius: 10px
+    padding: 10px
+    background-color: white
+
+  h1
+    font-size: 3rem
+    line-height: 1.1
+    margin: 0
+    padding: 0
+
+  cite
+    font-size: 1.4rem
+
+
+// NAV
+
+.nav
+  position: fixed
+  z-index: 10
+  top: 0
+  background-color: white
+  width: 100%
+
+  nav
+    left: 0
+    right: 0
+
+  ul
+    list-style: none
+    margin: 0
+    padding: 0
+
+    li
+      display: inline
+      border-right: 1px solid $color-primary
+
+      &:last-child
+        border-right: none
+
+      a
+        display: inline-block
+        padding: 1rem
+        font-size: 1rem
+        font-weight: bold
+
+#content
+  // https://freefrontend.com/css-link-styles/
+  // https://codepen.io/markmead/pen/drORWG
+  a
+    position: relative
+
+    &::after
+      content: ""
+      background: rgba($color-primary, 0.25)
+      position: absolute
+      left: 6px
+      bottom: -6px
+      width: calc(100% - 8px)
+      height: calc(100% - 8px)
+      z-index: -1
+
+// FOOTER
+
+.footer
+  border: 1px dotted $color-primary
+  border-top: 0.2rem solid $color-primary
+  margin: 2rem auto
+  padding: 2rem
+
+// ACTUALITES
+$space: 20px
+#content .actualites
+  margin: 0 -$space
+  padding: 0
+
+  > .cell
+    height: 300px
+    padding: $space
+    position: relative
+
+    a
+      display: flex
+      width: 100%
+      height: 100%
+      text-decoration-color: rgba($color-primary, 0)
+      box-sizing: border-box
+      padding: 1rem
+
+      &:hover
+        background: rgba($color-primary, 0.5)
+
+      &::after
+        content: inherit
+
+    .info
+      padding: 2rem
+      background: rgba($color-primary, 0.25)
+      border: 1rem solid rgba(255,255,255,.25)
+      box-sizing: border-box
+      width: 100%
+      height: 100%
+      align-content: center
+      text-align: center
+
+      h3
+        color: white
+        font-size: 2rem
+        text-align: center
+        margin: 0
+        padding: 0
+        flex: 0
+
+      time
+        color: white
+        font-size: 1rem
+        flex: 0
+
+
+    .image
+      position: absolute
+      top: $space
+      bottom: $space
+      left: $space
+      right: $space
+      z-index: -2
+      overflow: hidden
+
+      img
+        height: 100%
+        object-fit: cover
+
+figure.center
+  text-align: center
+
+$imageBorder: 2px
+.actu-image
+  text-align: center
+  padding: 2rem
+
+  div
+    position: relative
+    display: inline-block
+
+    &:before
+      content: ""
+      position: absolute
+      top: -$imageBorder
+      bottom: -$imageBorder
+      left: -$imageBorder
+      right: -$imageBorder
+      width: 100%
+      height: 100%
+      z-index: -1
+      border: $imageBorder solid rgba($color-primary, 0.25)
+
+  img
+    padding: 10px
+    margin: 10px 10px 6px // Pourquoi ?
+    border: $imageBorder solid rgba($color-primary, 0.25)

config.toml

@@ -1,4 +0,0 @@
-baseURL = "https://lestoitsduval.fr/"
-languageCode = "fr-fr"
-title = "Les Toits du Val"
-theme = "hugo-theme-lowtech"

config/_default/config.yml

@@ -0,0 +1,17 @@
+languageCode: fr-fr
+
+title: Les Toits du Val
+
+theme:
+  - hugo-theme-lowtech
+
+defaultContentLanguage: fr
+
+disableKinds:
+  - taxonomy
+  - taxonomyTerm
+
+params:
+  description: Les Toits Du Val soutient la transition énergétique en métant en place des centrales électriques photovoltaïques citoyennes à travers une coopérative pour soutenir un modèle de société durable, qui ne compromette pas la qualité de vie des générations futures !
+  keywords: centrale, électrique, énergie, citoyen, villageoises, coopérative, durable, photovoltaïque
+  # socialImage: accueil/bienvenue.png

config/beta/config.yml

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

config/production/config.yml

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

content/_index.md

@@ -0,0 +1,14 @@
+---
+seo_title: "Accueil"
+---
+
+## Les Centrales villageoises, c'est quoi ?
+
+Les Centrales Villageoises sont des **sociétés locales à gouvernance citoyenne
+qui portent des projets en faveur de la transition énergétique** en s'inscrivant
+dans une logique de territoire. Elles associent citoyens, collectivités et
+entreprises locales et **contribuent aux objectifs énergétiques en tenant compte
+d'enjeux territoriaux** transverses (développement économique local, intégration
+paysagère, lien social, etc.).
+
+Pour plus d'information vous pouvez consulter le site des [Centrales Villageoises](http://www.centralesvillageoises.fr/).

content/actualites/2019_03_12-la-mairie/index.md

@@ -0,0 +1,9 @@
+---
+title: Rendez vous à la mairie à la (test)
+date: 2019-03-12
+image: mairie.jpg
+---
+
+## Nouvel
+
+{{< loremipsum 5 >}}

content/actualites/2019_03_26-ca-marche/index.md

@@ -0,0 +1,9 @@
+---
+title: Ça marche ? (test)
+date: 2019-03-26
+image: marche.jpg
+---
+
+## Marche
+
+{{< loremipsum 5 >}}

content/actualites/2019_12_03-exemple/index.md

@@ -0,0 +1,9 @@
+---
+title: Un autre exemple (test)
+date: 2019-12-03
+image: mairie.jpg
+---
+
+## Nouvel
+
+{{< loremipsum 5 >}}

content/actualites/2020_01_01-nouvel-an/index.md

@@ -0,0 +1,9 @@
+---
+title: Nouvel an (test)
+date: 2020-01-01
+image: nouvel.jpg
+---
+
+## Mairie
+
+{{< loremipsum 5 >}}

content/actualites/2020_02_12-rencontre-conseil-communautaire/index.md

@@ -0,0 +1,24 @@
+---
+title: Rencontre avec le Conseil Communautaire
+date: 2020-02-12
+image: sincerely-media-dGxOgeXAXm8-unsplash.jpg
+---
+
+## Rencontre avec le Conseil Communautaire des Vals d'Aix et Isable
+
+Le jeudi 13 février, à l'occasion de la dernière réunion du conseil communautaire des Vals d'Aix et Isable avant les élections municipales, nous sommes venus présenter l'avancée du projet :
+
+- les toitures qui pourraient accueillir environ 200 m² de panneaux photovoltaïques, (notamment la salle Grézolon Duluth et un batiment de la zone artisanale de Pralong) ; en particulier, les premiers éléments techniques de résistance des toitures que nous communiquerons au cabinet d'étude qui réalisera les études de faisabilité
+- le montage financier du projet (subventions, financement des études préalables, participation des citoyens et collectivités sous forme de parts de capital de la SAS qui est en cours de création pour mettre en œuvre la Centrale Villageoise des Toits du Val)
+- les aspects techniques, et les relations de travail qui se mettent en place avec Enedis, pour le raccordement au réseau électrique.
+- Nous avons également évoqué les formations techniques, administratives et financières qu'ont suivies 4 membres des Toits du Val.
+
+Nous avons insisté sur la nécessité d'une implication forte des élus pour la pérennité du projet ; nous avons demandé qu'un élu référent soit désigné pour accompagner le projet et être le relai entre les élus et les citoyens investis dans ce projet ; et aussi que la communauté de communes s'engage d'un point de vue financier par une participation appréciable.
+
+Enfin, nous avons remis une lettre reprenant les éléments de cette intervention pour appuyer notre propos et solenniser nos demandes.
+
+Notre intervention a été bien accueillie et les élus, pour la plupart, suivent et soutiennent le projet des Toits du Val.
+
+Le progrès a publié [un article](https://www.leprogres.fr/edition-loire-nord/2020/02/16/les-toits-du-val-lancent-un-appel-pour-un-projet-d-energie-verte) sur notre intervention :
+
+{{< figure src="/actualites/2020_02_12-rencontre-conseil-communautaire/presse.jpg" title="Article du Progrès du 16 février 2020" class="center" >}}

content/actualites/_index.md

@@ -0,0 +1,8 @@
+---
+title: Au fil des jours
+weight: 3
+---
+
+## Au fil des jours
+
+Vous trouverez l'ensemble des articles :

content/association.md

@@ -0,0 +1,36 @@
+---
+title: L'association
+weight: 1
+---
+
+## L'histoire des Toits du Val
+
+La SAS « Les toits du Val – Centrales villageoises des Val d'Aix et Isable » a
+été créée par un groupe de citoyens du territoire sensible aux enjeux
+écologiques. La transition énergétique tarde à se concrétiser et nous voulons
+soutenir un modèle de société durable, qui ne compromette pas la qualité de vie
+des générations futures :
+
+> La transition énergétique, c'est maintenant !
+
+Notre collectif, dans l'esprit des villes en transition, a décidé de « faire sa
+part » et de s’inscrire dans le mouvement des Centrales Villageoises pour mettre
+en place des unités de production d'énergie électrique (photovoltaïque); elles
+sont portées par des citoyens actionnaires qui participent à la gestion de la
+société « Les Toits du Val ». C'est un moyen de rendre notre territoire plus
+résilient quant à la dépendance énergétique.
+
+C'est également un projet à taille humaine qui permet à des personnes
+d'expérimenter le « faire ensemble ».
+
+La société « Les Toits du Val » souhaite installer des panneaux solaires
+photovoltaïques sur des toitures privées ou publiques de notre territoire des
+Vals d'Aix et Isable et des communes avoisinantes, en vue de vendre
+l’électricité ainsi produite.
+
+Chaque personne physique ou morale peut louer ou mettre à disposition des
+toitures, ou encore nous rejoindre et devenir sociétaire et participer à la mise
+en œuvre du projet.
+
+Inspiration :
+- https://www.centralesvillageoisesdelalance.fr/la-sas

content/financement.md

@@ -0,0 +1,21 @@
+---
+title: Financements
+weight: 5
+---
+
+## Financement participatif
+
+- Expliquer le mode de Financement
+- Participation actuelle
+- Ajouter le lien vers le formulaire
+
+## Les subventions
+
+- Starter ENR
+- Partenario
+
+
+## Les prêts
+
+A voir :
+- Voir avec Chantal

content/questions.md

@@ -0,0 +1,13 @@
+---
+title: Questions ?
+weight: 6
+---
+
+{{< loremipsum 5 >}}
+
+Liens :
+- http://www.centralesvillageoises.fr/faq
+- https://comtoit.org/spip.php?article9
+- http://www.montsenergies.fr/foire-aux-questions/
+
+Questions par mail ?

content/societe.md

@@ -0,0 +1,36 @@
+---
+title: La Société
+weight: 2
+---
+
+## L'histoire des Toits du Val
+
+La SAS « Les toits du Val – Centrales villageoises des Val d'Aix et Isable » a
+été créée par un groupe de citoyens du territoire sensible aux enjeux
+écologiques. La transition énergétique tarde à se concrétiser et nous voulons
+soutenir un modèle de société durable, qui ne compromette pas la qualité de vie
+des générations futures :
+
+> La transition énergétique, c'est maintenant !
+
+Notre collectif, dans l'esprit des villes en transition, a décidé de « faire sa
+part » et de s’inscrire dans le mouvement des Centrales Villageoises pour mettre
+en place des unités de production d'énergie électrique (photovoltaïque); elles
+sont portées par des citoyens actionnaires qui participent à la gestion de la
+société « Les Toits du Val ». C'est un moyen de rendre notre territoire plus
+résilient quant à la dépendance énergétique.
+
+C'est également un projet à taille humaine qui permet à des personnes
+d'expérimenter le « faire ensemble ».
+
+La société « Les Toits du Val » souhaite installer des panneaux solaires
+photovoltaïques sur des toitures privées ou publiques de notre territoire des
+Vals d'Aix et Isable et des communes avoisinantes, en vue de vendre
+l’électricité ainsi produite.
+
+Chaque personne physique ou morale peut louer ou mettre à disposition des
+toitures, ou encore nous rejoindre et devenir sociétaire et participer à la mise
+en œuvre du projet.
+
+Inspiration :
+- https://www.centralesvillageoisesdelalance.fr/la-sas

content/toitures/_index.md

@@ -0,0 +1,10 @@
+---
+title: Les Toitures
+weight: 4
+---
+
+Voici les différentes toitures que nous avons déjà examiné :
+
+- fdsqfds
+- fdsqfdsq
+- fdsqfdsq

docker-compose.yml

@@ -0,0 +1,36 @@
+version: "3.7"
+
+services:
+  lestoitsduval:
+    container_name: ${NAME}
+    build: .
+    environment:
+      - TZ=${TIMEZONE}
+    labels:
+      traefik.enable: "true"
+
+      # Redirect http:// to https://
+      traefik.http.routers.lestoitsduval.rule: "Host(`${URL}`)"
+      traefik.http.routers.lestoitsduval.entrypoints: "web"
+      traefik.http.routers.lestoitsduval.middlewares: "redirect-https@docker"
+
+      traefik.http.routers.lestoitsduval-https.rule: "Host(`${URL}`)"
+      traefik.http.routers.lestoitsduval-https.entrypoints: "websecure"
+      traefik.http.routers.lestoitsduval-https.tls.certResolver: "letsencrypt"
+
+      # Redirect http://www to https://
+      # traefik.http.routers.lestoitsduval-redirect-www.rule: "Host(`www.${URL}`)"
+      # traefik.http.routers.lestoitsduval-redirect-www.entrypoints: "web"
+      # traefik.http.routers.lestoitsduval-redirect-www.middlewares: "redirect-www@docker"
+
+      # Redirect https://www to https://
+      # traefik.http.routers.lestoitsduval-redirect-www-https.rule: "Host(`www.${URL}`)"
+      # traefik.http.routers.lestoitsduval-redirect-www-https.entrypoints: "websecure"
+      # traefik.http.routers.lestoitsduval-redirect-www-https.tls.certResolver: "letsencrypt"
+      # traefik.http.routers.lestoitsduval-redirect-www-https.middlewares: "redirect-www@docker"
+
+      # com.centurylinklabs.watchtower.enable: true
+networks:
+  default:
+    external:
+      name: traefik

layouts/actualites/single.html

@@ -0,0 +1,8 @@
+{{ define "main" }}
+  {{ $path := .Params.image }}
+  {{ with .Resources.GetMatch $path }}
+  {{ $img := .Fill "460x260" }}
+  <div class="actu-image"><div><img src="{{ $img.RelPermalink }}" /></div></div>
+  {{ end }}
+  {{ .Content }}
+{{ end }}

layouts/index.html

@@ -0,0 +1,6 @@
+{{ define "main" }}
+  {{ .Content }}
+
+  <h2>Dernières actualités</h2>
+  {{ partial "actualites.html" . }}
+{{ end }}

layouts/partials/actualite.html

@@ -0,0 +1,15 @@
+<div class="cell -6of12">
+  <a href="{{ .Permalink }}" class="grid -middle">
+    <div class="info grid -middle -center">
+      <div>
+        <h3 class="cell -middle">{{ .Title }}</h3>
+        <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Day }} {{ index $.Site.Data.mois (printf "%d" .Date.Month) }} {{ .Date.Year }}</time>
+      </div>
+    </div>
+  </a>
+  {{ $path := .Params.image }}
+  {{ with .Resources.GetMatch $path }}
+  {{ $img := .Fill "460x260" }}
+  <div class="image"><img src="{{ $img.RelPermalink }}" /></div>
+  {{ end }}
+</div>

layouts/partials/actualites.html

@@ -0,0 +1,13 @@
+<div class="grid actualites -middle">
+{{ if .IsHome }}
+  {{ $pages := first 4 (where .Site.RegularPages "Type" "actualites") }}
+  {{ range $pages }}
+    {{ partial "actualite" . }}
+  {{ end }}
+{{ else }}
+  {{ $pages := where .Site.RegularPages "Type" "actualites" }}
+  {{ range $pages }}
+    {{ partial "actualite" . }}
+  {{ end }}
+{{ end }}
+</div>

layouts/partials/footer.html

@@ -0,0 +1,21 @@
+<div class="container">
+  <footer class="footer grid">
+    <p class="cell">
+      Les Toits du Val
+      <br>
+      🏠 8 rue Robert Lugnier 42260 St-Germain Laval
+      <br>
+      💌 bonjour@lestoitsduval.fr
+      <br>
+      📞 04 81 17 05 51
+    </p>
+    <p class="cell -right">
+      🄯 2019
+      <br>
+      Construit avec
+      <span role="img" aria-label="Coeur">💙</span>
+      <br>
+      en mode <a href="https://fr.wikipedia.org/wiki/Low-tech">Low-Tech</a>
+    </p>
+  </footer>
+</div>

layouts/partials/header.html

@@ -0,0 +1,30 @@
+<div class="nav">
+  <nav class="container">
+    <ul class="grid -center">
+      {{ $pages := where site.RegularPages "Type" "in" "page" }}
+      {{ $pages := $pages | union (where site.Pages "Kind" "in" "section") }}
+      {{ range $pages.ByWeight }}
+      <li><a href="{{ .Permalink }}" class="">{{ .Title }}</a></li>
+      {{ end }}
+    </ul>
+  </nav>
+</div>
+<ul>
+</ul>
+<header class="header" role="banner">
+  <div class="container">
+    <a href="/" class="logoContainer">
+      {{ with (.Site.GetPage "_index.md").Resources.GetMatch "lestoitsduval-icon.png" }}
+        {{ $img := . }}
+        {{ $image := $img.Resize "200x200" }}
+        <img src="{{ $image.RelPermalink }}" width="200" height="200" alt="Logo des Toits du Val" class="logo" />
+      {{ end }}
+    </a>
+    <div class="titleContainer">
+      <a href="/">
+        <h1>{{ .Site.Title }}</h1>
+        <cite>Centrales villageoises <span class="noWrap">des Val d'Aix et Isable</span></cite>
+      </a>
+    </div>
+  </div>
+</header>

layouts/partials/style.html

@@ -0,0 +1,2 @@
+{{ $style := resources.Get "css/main.sass" | toCSS | minify | fingerprint }}
+<link rel="stylesheet" href="{{ $style.Permalink }}">

layouts/section/actualites.html

@@ -0,0 +1,5 @@
+{{ define "main" }}
+  {{ .Content }}
+
+  {{ partial "actualites.html" . }}
+{{ end }}

layouts/shortcodes/actualites.html

@@ -0,0 +1,16 @@
+<div class="news">
+  {{ range (where site.RegularPages "Type" "in" "posts") }}
+    {{ if or (not .Params.draft) (eq hugo.Environment "development") }}
+      <article class="card grid -middle -even-reverse">
+        <div class="card-body cell -7of12">
+          <div class="card-image cell -5of12">
+            {{ .Params.Image | absURL }}
+          </div>
+          <a href="{{ .RelPermalink }}">
+            <h3 style="display: inline-block">{{ .Title }}</h3>
+          </a>
+        </div>
+      </article>
+    {{ end }}
+  {{ end }}
+</div>

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "lestoitsduval",
+  "version": "0.1.0",
+  "description": "Source code of lestoitsduval.fr",
+  "scripts": {
+    "start": "hugo server -D",
+    "serve": "(cd public && python3 -m http.server 8080)",
+    "build": "rm -rf public && hugo -D --minify && node themes/hugo-theme-lowtech/scripts/typo && purgecss --css public/css/*.css --content public/index.html --output public/css/ && DATE=`date +\"%Y0101\"` && find public -exec touch -d $DATE {} + && docker-compose up -d --build --force-recreate",
+    "beta": "rm -rf public && hugo -D --minify --environment beta && node themes/hugo-theme-lowtech/scripts/typo && purgecss --css public/css/*.css --content public/index.html --output public/css/ && DATE=`date +\"%Y0101\"` && find public -exec touch -d $DATE {} + && docker-compose --env-file .env.beta up -d --build --force-recreate",
+    "favicon": "convert content/lestoitsduval-icon.png -resize 32x32 -colors 16 \\( -clone 0 -resize 16x16 -extent 16x16 \\) \\( -clone 0 -resize 32x32 -extent 32x32 \\) -delete 0 static/favicon.ico",
+    "svgo": "svgo */**.svg",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Simon <simon@lamelio.fr>",
+  "license": "GPL-3.0"
+}

static/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /