Mise à jour du directeur de publication.

assets/production/css/style.css

@@ -104,13 +104,17 @@ abbr {
   flex-wrap: wrap;
 }
 
+.archives h2 {
+  width: 100%;
+}
+
 .archives article {
   padding-left: 1em;
   padding-right: 1em;
   width: calc(50% - 2em);
 }
 
-.archives article h2 {
+.archives article h3 {
   font-size: 1.2em;
 }
 
@@ -189,6 +193,10 @@ abbr {
   margin-top: 32px;
 }
 
+.mb32 {
+  margin-bottom: 32px;
+}
+
 .mb64 {
   margin-bottom: 64px;
 }

content/index.html

@@ -3,12 +3,25 @@ layout: front.njk
 hidemenuicon: true
 title: L'hébergeur associatif, transparent et solidaire
 ---
-<img class="logo-front" src="/images/logo.svg" alt="">
-<header class="Hero">
-  <h1 class="tac">Hébergeur associatif, transparent, éthique, militant et solidaire. </h1>
-</header>
+<section class="Contact">
+  <h2 class="tac mt128 mb32">Nous contacter</h2>
+  <div class="mt32 three-cols">
+    <div class="col-1">
+      <p><b>Mastodon</b><br/>
+        <a href="https://hostux.social/@tinuage">@tinuage@hostux.social</a></p>
+    </div>
+    <div class="col-2">
+      <p><b>Support pour les services</b><br/>
+        <a href="mailto:support@ti-nuage.fr">support@ti-nuage.fr</a></p>
+    </div>
+    <div class="col-3">
+      <p><b>Pour toute question</b><br/>
+        <a href="mailto:contact@ti-nuage.fr">contact@ti-nuage.fr</a></p>
+    </div>
+  </div>
+</section>
 <section class="Explanation">
-  <h2 class="tac mb64">Ti Nuage ?</h2>
+  <h2 class="tac mt128 mb32">Ti Nuage ?</h2>
   <p>L'association Ti Nuage offre une alternative locale aux <abbr title="Google, Apple, Facebook, Amazon, Microsoft, etc.">GAFAM</abbr> pour les associations, les petites entreprises et les particuliers principalement issus du Trégor. Son objet est de promouvoir la décentralisation des services numériques et l'entraide pour leur usage. Pour ce faire, outre les services qu'elle fournit, l'association propose une rencontre mensuelle aux adhérents comme aux non adhérents <b>le premier jeudi de chaque mois à 20 heures à <a href="https://lahutte.ti-nuage.fr">La Hutte</a></b> à Vieux-Marché.</p>
   <div class="mt32 Two-cols-One-row">
     <div class="col-1">
@@ -20,6 +33,8 @@ title: L'hébergeur associatif, transparent et solidaire
       <p>Nous favorisons l'aide mutuelle, le partage de ressources et la création communautaire. Chaque adhérent(e) possède une voix lorsqu'il s'agit de peser sur les activités de l'association. Chaque adhérent(e) peut aussi s'impliquer dans la gestion de l’infrastructure technique, laquelle est réalisée en toute autonomie. Que vous soyez du métier, intéressé(e) par les services proposés ou simplement curieux(se), nous vous accueillons à bras ouverts.</p>
     </div>
   </div>
+</section>
+<section>
   <div class="frame flex mt32">
     <div><img class="logo-chatons" src="/images/logo-tinuage-chatons.png" alt="Notre logo CHATONS"/></div>
     <div>
@@ -34,7 +49,7 @@ title: L'hébergeur associatif, transparent et solidaire
 </section>
 
 <section class="Services">
-  <h2 class="tac mt128 mb64">Nos services</h2>
+  <h2 class="tac mt128 mb32">Nos services</h2>
   <div class="Two-cols-Two-rows">
     <div>
       <h3 class="services-title services-icon-web">Hébergez votre vitrine</h3>

content/mentions_legales.md

@@ -32,7 +32,7 @@ Il est possible de nous rencontrer tous les premiers jeudi du mois à partir de
 </noscript>
 
 ## Publication
-Directeur de publication : Nourdine Gernelle, président de l'association.
+Directeur de publication : David Soulayrol, président de l'association.
 
 **Ti Nuage** est une association loi 1901 déclarée à la sous-préfecture de Lannion le 18 octobre 2021.
 

layouts/blog.njk

@@ -1,5 +1,9 @@
 {% extends "base.njk" %}
 
+{% set year %}
+   {{ current_year }}
+{% endset %}
+
 {% block article %}
 <h1 class="mt128">Actualités</h1>
   {% block header %}{{ header | safe }}{% endblock %}
@@ -13,9 +17,17 @@
   {% endfor %}
   <div class="archives mt64">
     {% for article in collections["archives"] %}
+      {% if article.date.getFullYear() != year %}
+        {% set year %}
+          {{ article.date.getFullYear() }}
+        {% endset %}
+        <h2>{{ year }}</h2>
+      {% endif %}
     <article>
-      <h2><a href="/{{ article.path }}">{{ date_format(article.date) }} | {{ article.title }}</a></h2>
-      {{ article.excerpt | safe }}
+      <h3><a href="/{{ article.path }}">{{ date_format(article.date) }} | {{ article.title }}</a></h3>
+      {% if article_year == current_year %}
+        {{ article.excerpt | safe }}
+      {% endif %}
     </article>
     {% else %}
     {% endfor %}

layouts/front.njk

@@ -7,11 +7,15 @@
 {% block article %}
   {% block header %}{{ header | safe }}{% endblock %}
   <article>
-    {% block content %}{{ contents | safe }}{% endblock %}
+    <img class="logo-front" src="/images/logo.svg" alt="">
+    <header class="Hero">
+      <h1 class="tac">Hébergeur associatif, transparent, éthique, militant et solidaire. </h1>
+    </header>
 
     <section class="Services">
       <h2 class="tac mt128 mb64">Actualités</h2>
-      <div id="calendar">
+      <div id="calendar" />
+      <div>
         {% for article in collections["news"] %}
         <div class="blog-entry news-entry" entry-time="{{article.date.getTime()}}">
           <h3><a href="{{ article.path }}">{{ date_format(article.date) }} | {{article.title }}</a></h3>
@@ -24,7 +28,13 @@
       <div class="tac mt32">
         <a class="button" href="/blog">Voir les archives</a>
       </div>
+      <div class="tac mt32">
+        <a class="button" href="/blog">Voir les archives</a>
+      </div>
     </section>
+
+    {% block content %}{{ contents | safe }}{% endblock %}
+
   </article>
 
   <script type='text/javascript'>

scripts/metalsmith.js

@@ -53,7 +53,8 @@ module.exports = new Metalsmith(config.paths.projectRoot)
     remove_diatrics: function (e) { return slug(e, { mode: 'rfc3986' }) },
     site: {
       title: 'Ti Nuage'
-    }
+    },
+    current_year: new Date().getFullYear()
   })
   .source(config.paths.metalsmithSource)
   .destination(config.paths.metalsmithDestination)