M assets/css/style.css → assets/css/style.css

@@ -99,6 +99,7 @@ 
 nav {
   display: grid;
   grid-template-columns: 1fr 1fr;
+  margin: 2rem 0;
 }
 
 nav > a {
@@ -113,6 +114,21 @@ color: var(--text-secondary);
   background-color: var(--color-primary-light);
   padding: 0 0.25rem;
   border-radius: 4px;
+}
+
+.projects {
+  & .project {
+    margin-bottom: 2rem;
+  }
+
+  & a {
+    min-width: 10rem;
+  }
+
+  & p {
+    margin: 0.5rem 0 0;
+    font-size: 14px;
+  }
 }
 
 .activity-grid {

M content/_index.md → content/_index.md

@@ -4,15 +4,13 @@ ---
 
 > Un numérique durable au service de l'Humain 🌱
 
-Partisan d'un Internet ouvert, sobre et distribué, je cultive des outils digitaux
+Partisan d'un Internet ouvert, sobre et distribué, je cultive des outils numériques
 au travers de l'entreprise auto-gouvernée [Octree](https://octree.ch) afin de
 contribuer au monde de demain.
 
-Je travaille actuellement sur des projets de [covoiturage](./caroster),
-de [gestion des flux de déchets](./r-21) et d'[optimisation énergétique](./evospe)
-de bâtiments.
-
 {{< links >}}
+
+{{< projects >}}
 
 {{< activity >}}
 

A content/circuitcourt.md

@@ -0,0 +1,16 @@ 
+# 🚴 CircuitCourt
+
+CircuitCourt est un projet initié par Jérôme Saugy porté par l'expérience
+de sa boulangerie [levain.ch](https://levain.ch/).
+
+C'est une plateforme permettant aux agriculteurs et transformateurs alimentaires
+locaux de vendre leur production, sans intermédiaire, aux consommateurs de la région
+afin de favoriser une consommation locale.
+
+Nous cherchons à créer un Commun numérique piloté par une association réunissant
+des producteurs et des consommateurs.
+
+## Liens
+
+- [CircuitCourt.ch](https://circuitcourt.ch/)
+- [Levain.ch](https://levain.ch/)

A layouts/shortcodes/projects.html

@@ -0,0 +1,19 @@ 
+<h3>Projets</h3>
+<div class="projects">
+  <div class='project'>
+    <a href='/caroster'>🚗 Caroster</a>
+    <p>Application Open-Source facilitant l'organisation des transports pour les événements et qui vise à devenir un Commun numérique.</p>
+  </div>
+  <div class='project'>
+    <a href='/evospe'>🏢 EVOSPE</a>
+    <p>Écosystème d’applications permettant de surveiller et d’optimiser les performances énergétiques d’un ensemble de bâtiments.</p>
+   </div>
+  <div class='project'>
+    <a href='/r-21'>♻️ R-21</a>
+    <p>Application qui accompagne les localités et les entreprises dans la gestion de leurs déchets.</p>
+  </div>
+  <div class='project'>
+    <a href='/circuitcourt'>🚴 CircuitCourt</a>
+    <p>Plateforme Open-Source permettant aux agriculteurs et transformateurs alimentaires locaux de vendre leur production, sans intermédiaire, aux consommateurs de la région.</p>
+  </div>
+</div>