feat: Mise à jour du design

assets/styles/fonts.sass

@@ -12,14 +12,14 @@ body
   line-height: 1.2
   font-family: 'League Spartan Variable'
 
-.viemunicipale h1, .viemunicipale a
+.viemunicipale #content, #content .viemunicipale
-    color: var(--color-green)
+  --color-title: var(--color-green)
-.cadredevie h1, .cadredevie a
+.cadredevie #content, #content .cadredevie
-    color: var(--color-blue)
+  --color-title: var(--color-blue)
-.economie h1, .economie a
+.economie #content, #content .economie
-    color: var(--color-orange)
+  --color-title: var(--color-orange)
-.associations h1, .associations a
+.associations #content, #content .associations
-    color: var(--color-purple)
+  --color-title: var(--color-purple)
 
 h1, h2, h3, h4, h5
   font-weight: 600
@@ -55,6 +55,9 @@ h3
   @media screen and (max-width: $size-sm)
     font-size: 1rem
 
+h1, h2, h3
+  color: var(--color-title)
+
 h4
   font-size: 1rem
   @media screen and (max-width: $size-sm)

assets/styles/main.sass

@@ -15,7 +15,7 @@ $size-xl: 1280px
 body
   --color-green: #04874B
   --color-blue: #586994
-  --color-orange: #F0833C
+  --color-orange: #D14200
   --color-purple: #4C1036
   --color-grey: #E8E9ED
   --color-primary: black
@@ -92,7 +92,14 @@ body
     @media screen and (max-width: $size-xs)
       padding: 1rem .5rem
 
-
+  .containerGrid
+    display: flex
+    .actus
+      width: 75%
+    .infos
+      width: 25%
+      padding: 7rem 0 0 1rem
+      display: block
 
   .infos
     display: flex
@@ -103,26 +110,26 @@ body
       margin: 1rem
 
     .news
-      width: 65%
+      width: 75%
       display: flex
       flex-direction: column
       @media screen and (max-width: $size-xl)
-        width: 65%
+        width: 70%
       @media screen and (max-width: $size-md)
         width: 100%
         margin: 0
 
     .opening
       background: var(--color-orange)
-      width: 35%
+      width: 25%
       padding: 20px
-      color: black
+      color: white
       background-image: url(/icons/horloge.svg)
       background-repeat: no-repeat
       background-position: center -50px
       background-size: 70%
       @media screen and (max-width: $size-xl)
-        width: 35%
+        width: 30%
       @media screen and (max-width: $size-md)
         width: 100%
         margin: 0
@@ -143,7 +150,46 @@ body
         margin-bottom: 0
 
       a
-        color: black
+        color: white
+
+.nouveautes
+  border: 1px solid black
+  padding: 20px
+
+  ul
+    padding-left: 1rem
+
+.opening2
+  background: var(--color-orange)
+  margin-top: 2rem
+  margin-bottom: 2rem
+  padding: 20px
+  color: white
+  background-image: url(/icons/horloge.svg)
+  background-repeat: no-repeat
+  background-position: center -50px
+  background-size: 70%
+  @media screen and (max-width: $size-md)
+    margin: 0
+    background-position-x: 120%
+    background-size: 50%
+
+  h2
+    margin: 1rem 0
+
+  h3
+    margin: 1rem 0 .4rem
+    text-transform: inherit
+
+  p
+    margin-top: 0
+
+  p:last-child
+    margin-bottom: 0
+
+  a
+    color: white
+
 .news
   aside h2
     text-align: center
@@ -167,10 +213,6 @@ hr
   a
     color: white
 
-#content .commissions
-  h3, h4
-    color: var(--color-green)
-
 #content .conseilmunicipal
   display: flex
   flex-wrap: wrap
@@ -225,7 +267,7 @@ details > summary
   justify-content: center
   .card
     flex: 0 0 calc(100% * 3 / 12)
-    background-color: var(--color-purple)
+    border: 1px solid var(--color-purple)
     margin: 1rem
     padding: 1rem
     border-radius: 4px
@@ -288,3 +330,13 @@ blockquote span
   font-style: normal
   font-weight: bold
   margin-top: 1em
+
+.bandeau
+  margin: 0;
+  font-size: 1rem;
+  margin-top: -.5rem;
+  text-align: center;
+  font-weight: bold;
+
+#content .bandeau, #content .bandeau a
+  color: #e00000;

config/_default/config.yml

@@ -13,20 +13,17 @@ disableKinds:
 menu:
   main:
     - parent: economie
-      name: Commerçants
+      name: Artisan & Entreprise
-      url: /economie/#commerçants
+      url: /economie/#artisan--entreprise
     - parent: economie
-      name: Artisans
+      name: Commerce
-      url: /economie/#artisans
+      url: /economie/#commerce
     - parent: economie
-      name: Entreprises
+      name: Hébergement
-      url: /economie/#entreprises
+      url: /economie/#hébergement
     - parent: economie
-      name: Itinérants
+      name: Marché & itinérant
-      url: /economie/#itinérants
+      url: /economie/#marché--itinérant
-    - parent: economie
-      name: Gîte
-      url: /economie/#gites-de-crémeaux
 
 params:
   debug: false

layouts/_default/baseof.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.Language.Lang }}">
 {{ partial "head.html" . }}
-  <body class="{{ default .Params.menu.main.identifier .Params.menu.main.parent }}">
+  <body class="{{ default (default .Params.menu.main.identifier .Params.menu.main.parent) }}">
     {{ partial "header.html" . }}
     {{ block "all" . }}
     <main role="main" id="content" class="container">

layouts/associations/list.html

@@ -4,19 +4,5 @@
     <div class="container md">
       {{ .Content }}
     </div>
-    <div class="cards">
-      {{ block "list" . }}
-      {{ range sort .Pages "Permalink" }}
-        {{ if .Params.bureau }}
-        <a href="{{ .Permalink }}" class="card {{ if isset .Params "theme" }}{{ .Params.theme }}{{ end }}">
-          <h2>{{ .RenderString .Title }}</h2>
-        </a>
-        {{ end }}
-      {{ end }}
-      {{ end }}
-    </div>
-    <div class="container md">
-      <p>Vous ne retrouvez pas votre association ? Une modification, faute, ou un changement de contact, n'hésitez pas à nous écrire à l'adresse {{ "[com@cremeaux.fr](mailto:com@cremeaux.fr)" | markdownify }}.</p>
-    </div>
   </div>
 {{ end }}

layouts/home.html

@@ -1,10 +1,14 @@
 {{ define "main" }}
   <div class="container">
+    <p class="bandeau">
+      <a href="/actualites/2023/06/sauvons-la-pharmacie/">Signez la pétition</a> pour sauver la pharmacie de Crémeaux ! Nous avons besoin de votre soutiens !
+    </p>
+    <div class="containerGrid">
+      <div class="actus">
+        {{ $actualites := sort (.Site.GetPage "/actualites/").Pages "Date" "desc" }}
+        <div class="news viemunicipale">
           <h1>Le fil <strong>des actualités</strong></h1>
-    <div class="infos">
+          {{ $lastnews := first 4 (where $actualites "Params.event" false) }}
-      <div class="news">
-        {{ $headless := .Site.GetPage "/actualites/" }}
-        {{ $lastnews := first 4 (sort $headless.Pages "Date" "desc") }}
           {{ $first := index (first 1 $lastnews) 0 }}
           {{ $others := after 1 $lastnews }}
           {{ with $first }}
@@ -18,9 +22,28 @@
             <a href="/actualites/">Voir toutes les actualités</a>
           </p>
         </div>
-      <div class="opening">
+        <div class="news associations">
+          <h1>Les <strong>Évènements</strong> des associations</h1>
+          {{ $lastnews := first 4 (where $actualites "Params.event" true) }}
+          {{ $first := index (first 1 $lastnews) 0 }}
+          {{ $others := after 1 $lastnews }}
+          {{ with $first }}
+            {{ .Scratch.Set "big" true }}
+            {{ partial "article-preview.html" . }}
+          {{ end }}
+          {{ range $others }}
+            {{ partial "article-preview.html" . }}
+          {{ end }}
+          <p>
+            <a href="/actualites/">Voir toutes les actualités</a>
+          </p>
+        </div>
+      </div>
+      <div class="infos">
+        <div class="nouveautes">
           {{ .Content }}
         </div>
       </div>
     </div>
+  </div>
 {{ end }}

layouts/shortcodes/associations.html

@@ -0,0 +1,12 @@
+</div><div class="cards">
+    {{ block "list" . }}
+    {{ range sort .Page.Pages "Permalink" }}
+      {{ if .Params.bureau }}
+      <a href="{{ .Permalink }}" class="card {{ if isset .Params "theme" }}{{ .Params.theme }}{{ end }}">
+        <h2>{{ .RenderString .Title }}</h2>
+      </a>
+      {{ end }}
+    {{ end }}
+    {{ end }}
+</div>
+<div class="container md">

scripts/directus-to-markdown/index.js

@@ -38,7 +38,7 @@ const config = {
     },
     actualites: {
       readByQueryOption: {
-        fields: ['title', 'date', 'image', 'image_credit', 'vignette', 'vignette_credit', 'description', 'auteur', 'draft', 'content'],
+        fields: ['title', 'date', 'image', 'image_credit', 'vignette', 'vignette_credit', 'description', 'auteur', 'draft', 'content', 'event'],
         filterDraft
       },
       pathBuilder: (article) => {