Mise en place de la page d'accueil et du changelog

src/changelog.html

@@ -3,7 +3,7 @@ layout: base.html
 title: Changelog - Sans.pub
 ---
 
-<div class="max-w-lg mx-auto mt-20 px-4">
+<div class="max-w-xl mx-auto mt-20 px-4 md:px-0">
   <h1 class="font-semibold text-6xl mb-6">Changelog</h1>
   <p class="text-gray-500">
     Nouveautés, mises à jour et améliorations apportées à Sans.pub
@@ -15,12 +15,19 @@ title: Changelog - Sans.pub
 
 {%- for changelog in collections.changelog -%}
 <hr class="w-11/12 border-gray-200 mx-auto my-16" />
-<div class="max-w-lg mt-6 mx-auto">
-  <h2 class="text-3xl">{{ changelog.data.title }}</h2>
-  <p class="mb-6 text-gray-500 text-sm font-extralight">
+<section class="my-6 mx-auto px-4 md:px-0 md:max-w-xl">
+  <p
+    class="text-gray-500 text-sm font-extralight md:-ml-32 md:absolute md:pt-1 mt-3"
+  >
     {{changelog.data.date | readableDate}}
   </p>
+  <h2 class="mb-8 text-4xl font-bold">{{ changelog.data.title }}</h2>
 
-  {{changelog.templateContent}}
-</div>
+  <div class="markdown">{{changelog.templateContent}}</div>
+</section>
 {%- endfor -%}
+
+<hr class="w-11/12 border-gray-200 mx-auto my-16" />
+<p class="text-center underline my-16 font-bold text-2xl">
+  <a href="/">Retourner à l'accueil</a>
+</p>

src/changelog/2021-03-19.md

@@ -6,7 +6,25 @@ permalink: false
 
 ## Nouveau site
 
-C'est chose faite : sans.pub a un nouveau site !
+C'est chose faite : **sans.pub a un nouveau site !**
+
+L'idée initiale du projet était de construire un espace qui grossirait de manière organique.\
+Les personnes hébergées sur sans.pub pourraient parrainer d'autres personnes, à la seule condition de les guider à travers les outils.\
+Ceci devait favoriser l'adoption de nouveaux outils, en aidant au changement.
+
+Pour cela, nous avions mis en place un Wiki afin que chaque personne puisse contribuer à la documentation des outils.
+
+**La vision du projet a évolué.**\
+Par manque de temps principalement…\
+Désormais, nous souhaitons mettre en avant des outils en accès libre et héberger les sites, mails ou outils de personnes qui le souhaitent.
+
+Ce site vise donc à détailler cette nouvelle approche, afin :
+- de faire découvrir de nouveaux outils libres
+- de jouer un (petit) rôle dans la décentralisation du web
+- de guider les personnes souhaitant utiliser des alternatives respectueuses de leurs données vers nos services sans passer par de l'auto-hébergement
+- d'expliquer les services possibles aux personnes souhaitant héberger un site internet ou un service pour leur activité (entreprise ou association)
+
+C'est aussi l'occasion d'introduire une section "Changelog" afin de partager les évolutions de la plateforme au fil du temps.
 
 ## Mises à jour
 
@@ -15,11 +33,22 @@ Les logiciels suivants ont été mis à jour :
 ### Nextcloud 21
 
 La version 21 est la dernière version de l'outil.\
-Elle améliore les performances générales, vous devriez voir une navigation plus rapide dans vos dossiers.
+Elle améliore les performances générales, vous devriez voir **une navigation plus rapide dans vos dossiers**.
 
-Cette version ajoute également de nouvelles fonctionnalités collaboratives.\
+Cette version ajoute également de *nouvelles fonctionnalités* collaboratives.\
 Un tableau blanc vous permet de collaborer.\
 Les fichiers textes permettent une meilleure édition collaborative, notamment par l'utilisation de couleurs afin de déterminer qui a effectué des modifications.\
 Cela se rapproche encore un peu plus des [Pads](https://pad.sans.pub/) que vous connaissez.
 
 [Voir plus de détails](https://www.cachem.fr/nextcloud-21-disponible/)
+
+### Meli 1.0.0-beta.20
+
+L'outil de gestion de pages statiques Meli a été mis à jour en version `beta.20`.\
+Vous pouvez désormais :
+- [utiliser des formulaires pour recevoir un email](https://docs.meli.sh/get-started/forms)
+- exposer des branches sur des domaines personnalisés
+- définir des en-têtes personnalisées (par projet ou branche)
+- configurer la compression GZip
+
+[Voir plus de détails](https://github.com/getmeli/meli/releases)

src/css/tailwind.css

@@ -3,3 +3,21 @@
 @tailwind components;
 
 @tailwind utilities;
+
+@layer base {
+  .markdown h2 {
+    @apply text-2xl mt-6 mb-3 text-gray-700 font-semibold;
+  }
+  .markdown h3 {
+    @apply text-xl mt-4 mb-2 text-gray-700;
+  }
+  .markdown p {
+    @apply my-2;
+  }
+  .markdown a {
+    @apply underline;
+  }
+  .markdown ul {
+    @apply list-disc list-outside ml-6;
+  }
+}