document: ajoute une image de la bibliothèque CMU

- Corrige la feuille de style pour afficher l'image en grand.
- Ajoute l'image.
- Ajoute un Makefile pour faciliter les différents rendus.

Co-Authored-by: iGor milhit <igor@milhit.ch>

.gitignore

@@ -1,2 +1,2 @@
 *.pdf
-présentation-services.html
+*présentation-services.html

Makefile

@@ -0,0 +1,37 @@
+# Modifier le nom et le nombre des fichiers
+# contenant les sources du document
+input_files := \
+présentation-services.md
+
+output_file_name := cmu-présentation-services
+
+pandoc := \
+	pandoc -s --citeproc \
+	--css=style.css --template=template.html \
+	# --toc --toc-depth=2 \
+
+pandoc_html := \
+	$(pandoc) \
+	--to=html --output=$(output_file_name).html \
+	$(input_files)
+
+pandoc_pdf := \
+	$(pandoc) \
+	-V noscript=true \
+	--embed-resource --to=pdf \
+	--pdf-engine=pagedjs-cli \
+	--output=$(output_file_name).pdf \
+	$(input_files)
+
+html: $(input_files) 
+	$(pandoc_html)
+
+watch_html: $(input_files)
+	watchexec -r -w . -i $(output_file_name).html \
+	" $(pandoc_html)"
+
+pdf: $(input_files)
+	$(pandoc_pdf)
+
+serve:
+	watchexec -r -w . "python -m http.server"

présentation-services.md

@@ -4,6 +4,8 @@ subtitle: Aide mémoire
 date: Printemps 2025
 creation_date: 2025-04-09T10:15:25+0200
 id: 20250409101525
+logo:
+- ./static/cmu.jpg
 lang: fr
 tags: [tags]
 ---

style.css

@@ -81,11 +81,11 @@
     .logo {
         display: inline-flex;
         justify-content: center;
-        width: 60%;
+        /* width: 60%; */
         margin: 2em auto 1em auto;
     }
     .logo img {
-        max-width: 50%;
+        max-width: 100%;
         padding: .5em;
     }