From c052cc5ddf2eefe76eb7f15b0830d27253bfede2 Mon Sep 17 00:00:00 2001
From: iGor milhit <igor@milhit.ch>
Date: Fri, 19 Apr 2024 16:22:11 +0200
Subject: [PATCH] =?UTF-8?q?WIP=20projet:=20continue=20d'am=C3=A9liorer=20l?=
 =?UTF-8?q?e=20mod=C3=A8le?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-by: iGor milhit <igor@milhit.ch>
---
 example/example.md     | 10 +++++-----
 example/references.bib | 11 +++++++++++
 style.css              | 36 ++++++++++++++++++++----------------
 3 files changed, 36 insertions(+), 21 deletions(-)

diff --git a/example/example.md b/example/example.md
index 05a3d8e..d6b6d41 100644
--- a/example/example.md
+++ b/example/example.md
@@ -38,7 +38,7 @@ Au terme de cet atelier, vous serez en mesure de :
 [cc-by-sa]: https://creativecommons.org/licenses/by-sa/4.0/deed.fr "Texte de la licence en français"
 [sources]: https://git.milhit.ch/igor/bunige-pagedjs-template
 
-## Principes généraux
+## Principes généraux {#first-section}
 
 L'idée de base est de rédiger le contenu du document dans un fichier markdown.
 Puis d'obtenir un fichier PDF mis en forme selon les modèles utilisé par la
@@ -89,13 +89,13 @@ suivants :
 ### Paged.js
 
 > Paged.js is a free and open source JavaScript library that paginates
-> content > in the browser to create PDF output from any HTML content.
+> content in the browser to create PDF output from any HTML content.
 > This means you can design works for print (eg. books) using HTML and
 > CSS! [@paged.jsPagedJs]
 
-Concrètement, cela permet d'afficher un document HTML dans le navigateur,
-mais découpé en page comme le serait un document imprimé, par exemple
-un livre.
+Concrètement, cela permet d'afficher un document HTML dans le
+navigateur, mais découpé en page comme le serait un document
+imprimé, par exemple un livre.
 
 ![Document paginé dans le navigateur](./static/pagedjs-in-browser.png)
 ```
diff --git a/example/references.bib b/example/references.bib
index 0ec5cf5..7a49ea3 100644
--- a/example/references.bib
+++ b/example/references.bib
@@ -235,6 +235,17 @@
   file = {/home/igor/Zotero/storage/ZQD2WXNN/Kariyawasam et al_2021_Dashboard-style interactive plots for RNA-seq analysis are R Markdown ready.pdf}
 }
 
+@online{masuttiRedigerManipulerDocuments2019,
+  title = {Rédiger et manipuler des documents avec Markdown},
+  author = {Masutti, Christophe},
+  date = {2019-05-08},
+  url = {https://golb.statium.link/post/20190528rediger-et-manipuler-des-documents-markdown/},
+  urldate = {2024-03-19},
+  langid = {fre},
+  organization = {Statium : blog},
+  keywords = {cmu,markdown,non lu,pandoc,publication numérique,Publication scientifique}
+}
+
 @article{ovadiaMarkdownLibrariansAcademics2014a,
   title = {Markdown for {{Librarians}} and {{Academics}}},
   author = {Ovadia, Steven},
diff --git a/style.css b/style.css
index c9384ec..18fec7c 100644
--- a/style.css
+++ b/style.css
@@ -8,7 +8,7 @@
      * de la source markdown */
     .date {
         string-set: date content(text);
-        display: none; /* Pourquoi ? Pour ne pas afficher la date sous le titre ? */
+        display: none; /* Empêche d'afficher la date sous le titre ? */
     }
     /* Définit que running(licenceBlock) contient le block licence */
     #licence {
@@ -50,19 +50,14 @@
             font-size: small;
         }
     }
-    /* Attention, il faut adapter au nombre effectif de pages ! *
-     * Cette règle n'affiche pas de numré de page à la dernière page */
-    @page:nth(5) {
-        @bottom-center {
-            content: none;
-        }
-    }
     h2 {
         color: #d80669;
         text-decoration: underline;
     }
-    /* Ajouter ou supprimer les ID de titre pour un saut de page */
-    #principes-généraux,
+    /* Ajouter ou supprimer les ID de titre pour un saut de page.
+     * Suppose que le premier titre après les objectifs a `first-section` comme
+     * ID. */
+    #first-section,
     #bibliographie,
     .footnotes {
         break-before: page;
@@ -81,16 +76,21 @@
         padding: 0 1em;
     }
     pre {
-        font-family:'Courier New', Courier, monospace;
-        font-size: 90%;
+        /* font-family:'Courier New', Courier, monospace; */
+        /* font-size: 90%; */
         background-color: #f2f1f1;
         border: 2px solid #d80669;
         border-radius: .5em;
-        margin: 1em;
+        /* margin: 1em; */
         padding: .5em 1em;
         /* Évite que les blocs de code ne soient séparés sur 2 pages */
         break-inside: avoid;
     }
+    pre > code {
+        border-radius: none;
+        padding: none;
+        /* background-color: #fff; */
+    }
     code {
         font-family:'Courier New', Courier, monospace;
         font-size: 90%;
@@ -101,9 +101,12 @@
     /* La règle suivante ne fonctionne pas.
      * Elle est censée surprimer une indentation ajoutée par pandoc
      * pour les block de code */
-    pre > code.sourceCode > span {
-        padding-left: 0 !important;
-    }
+    /* .sourceCode > span { */
+    /*     text-indent: 0em !important; */
+    /*     display: block !important; */
+    /*     padding-left: 0 !important; */
+    /*     line-height: 1em !important; */
+    /* } */
     .footnotes::before {
         content: "Notes";
         color: #d80669;
@@ -144,6 +147,7 @@
     }
     .logo {
         display: inline-flex;
+        justify-content: center;
         width: 60%;
         margin: 2em auto 1em auto;
     }