Add a special introduction field to put content before ToC in blog posts

content/posts/smartphone/curiosite/index.md

@@ -4,10 +4,9 @@ date: 2021-05-12
 categories:
   - Technologie
   - Réflexions
+introduction: « Se perdre sur Internet », voilà une activité contemporaine qui partage le haut du classement avec la destruction méthodique des écosystèmes et des acquis sociaux.
 ---
 
-« Se perdre sur Internet », voilà une activité contemporaine qui partage le haut du classement avec la destruction méthodique des écosystèmes et des acquis sociaux.
-
 ## La curiosité est un joli défaut
 
 Mais pourquoi se perd-on sur le web ? Source inestimable de raisons de procrastiner, il me semble que le web est aujourd'hui privilégié par rapport aux autres sources de divertissement et d'information. La télévision n'a plus bonne presse. Parler à d'autres humains demande parfois de sortir de sa zone de confort, nécessite de faire preuve d'empathie, de respecter la sensibilité de chacun·e, et peut parfois être fatigant. Les activités créatives demandent de provoquer l'inspiration, ou a minima la motivation. Et par dessus le marché, l'hiver, il fait encore froid dehors.

themes/chosto/layouts/_default/single.html

@@ -7,7 +7,7 @@
   -->
     {{ if (and .IsPage (eq .FirstSection.Section "posts"))}}
     {{ with .CurrentSection }}
-    <aside class="menu box column is-3 is-align-self-flex-start is-fixed-top" style="position: sticky; top: 7%;">
+    <aside class="menu column is-3 mt-2 is-align-self-flex-start">
       <p class="menu-label">
         Dans le dossier « <a href="{{ .Permalink }}">{{ .Params.Title }} »</a>...
       </p>
@@ -24,6 +24,15 @@
     <section class="column is-7">
       <div>
         <article>
+          {{ with .Params.introduction }}
+            {{ . }}
+            <br /><br />
+          {{ end }}
+          <div class="message is-info">
+            <div class="message-header">Sommaire</div>
+            <!-- Appreciate this horrible trick, even a 2000's HTML generator won't generate such horrible code -->
+            <div class="message-body pt-1">{{ .TableOfContents | replaceRE "<a" "<a style='text-decoration:none;'" | safeHTML }}</div>
+          </div>
           {{ .Content }}
         </article>
       </div>

themes/chosto/layouts/_default/summary.html

@@ -32,7 +32,13 @@
       </a>
     </div>
     <hr style="margin: 1rem 0;">
-    {{ .Content | plainify | safeHTML | truncate 300 "..." }}
+    <!-- If a special introduction (before ToC) have been defined,
+      prefer using it because it has more chances to be a better summary -->
+    {{ if (isset .Params "introduction" )}}
+      {{ .Params.introduction }}
+    {{ else }}
+      {{ .Content | plainify | safeHTML | truncate 300 "..." }}
+    {{ end }}
   </div>
   <footer class="card-footer has-text-centered">
       {{ with .Params.categories }}