feat(content): add a new blog post

contents/blog/2022-12-22-l_espoir_est_permis.md

@@ -0,0 +1,52 @@
+---
+leafname: "l-espoir-est-permis"
+title: "Chanson : L’espoir est permis"
+description: "Une petite chanson dédiée à toutes celles et ceux qui gardent l’espoir d’un monde durable et solidaire."
+date: "2022-12-22T16:00:00.000Z"
+draft: false
+tags:
+  - "musique"
+categories:
+  - "Musique"
+illustration:
+  url: "illustrations/steph-et-nico.jpg"
+  alt: "Photographie de Stéphanie Stiernon et Nicolas Froidure dans un pré"
+---
+
+# L’espoir est permis
+
+> Une fois n’est pas coutume, j’ai eu envie de publier cette petite composition sans prétention en hommage à toutes celles et ceux qui militent au quotidien pour que l'espoir soit permis 😉.
+
+[Chanson : L’espoir est permis](./music/L'espoir%20est%20permis.ogg "🎧 Écouter le titre")
+
+**Accords :** Dm Am C G
+
+Les coutures pètent dans tous les plis
+Le monde s’effondre les gens deviennent aigris
+On prêche au milieu du déni
+Pour ne rien faire chacun son alibi
+
+Mais tu sais, l’espoir est permis
+Tant qu’on est là, il y a de la vie
+Oui, l’espoir est permis
+Nous on y croît et ensemble on agit
+
+On a choisi le conflit
+Et devant nous la tâche semble infinie
+On fonce pendant que d’autres fuient
+Une lueur nous guide dans la nuit
+
+Pourtant l’espoir est permis
+Tant qu’on est là, il y a de la vie
+Oh, pourtant l’espoir est permis
+Nous on y croît et ensemble on agit
+
+J’ai vu passer un colibri
+Bientôt une vague immense aura surgit
+L’espoir dont elle sera suivie
+Libérera ce monde de l’ennui
+
+Tu vois l’espoir est permis
+On est là et il y a de la vie
+Oui, l’espoir est ici
+Car on y croît et ensemble on agit

src/utils/markdown.tsx

@@ -182,7 +182,16 @@ const headingMap: NodeToElementMapper<MarkdownHeadingNode> = (
   );
 };
 const textMap: NodeToElementMapper<MarkdownTextNode> = (context, node) => (
-  <span key={context.index}>{fixText(node.value)}</span>
+  <span key={context.index}>
+    {fixText(node.value)
+      .split(/\r?\n/gm)
+      .map((text, i) => (
+        <>
+          {i > 0 ? <br /> : null}
+          {text}
+        </>
+      ))}
+  </span>
 );
 const boldMap: NodeToElementMapper<MarkdownEmphasisNode> = (context, node) => (
   <Strong key={context.index}>
@@ -316,7 +325,18 @@ const imageMap: NodeToElementMapper<MarkdownImageNode> = (context, node) => {
 const hyperlinkMap: NodeToElementMapper<MarkdownLinkNode> = (context, node) => {
   const youtubeURL = parseYouTubeURL(node.url);
 
-  return youtubeURL && node?.title === "📺" ? (
+  return node?.title.startsWith("🎧") ? (
+    <audio
+      controls
+      src={
+        publicRuntimeConfig.baseURL +
+        publicRuntimeConfig.buildPrefix +
+        "/" +
+        node.url
+      }
+      title={node.title}
+    />
+  ) : youtubeURL && node?.title === "📺" ? (
     <span className="root" key={context.index}>
       <iframe
         width="560"