From 378acf2136efb4506e8158cadf3d744f29b04176 Mon Sep 17 00:00:00 2001 From: iGor milhit Date: Tue, 9 Dec 2025 15:28:11 +0100 Subject: [PATCH] =?UTF-8?q?projet:=20restructure=20et=20am=C3=A9liore=20le?= =?UTF-8?q?=20projet?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Regroupe les fichiers sources dans un dossier. - Regroupe les images dans un dossier spécifique dans le répertoire des fichiers statiques. - Regroupe tous les autres fichiers statiques dans le bon dossier. - Adapte les sources, le template et le règles de styles en fonction. - Réécrit le Makefile pour le simplifier, le documenter et augmenter ses possibilités. - Documente les améliorations dans le README. Co-Authored-by: iGor milhit --- Makefile | 70 +- README.md | 120 +-- exemple.md | 103 --- heg-iso-690.csl | 692 ------------------ déroulé.md => présentation/déroulé.md | 0 0-frontmatter.md => sources/0-frontmatter.md | 10 +- 1-objectifs.md => sources/1-objectifs.md | 0 .../100-references.md | 14 +- 2-licence.md => sources/2-licence.md | 0 3-definitions.md => sources/3-definitions.md | 4 +- 4-syntaxe.md => sources/4-syntaxe.md | 0 5-editeurs.md => sources/5-editeurs.md | 6 +- 6-advanced.md => sources/6-advanced.md | 0 .../7-bibliographie.md | 0 static/{ => images}/bibliotheque-logo.svg | 0 static/{ => images}/by-sa.svg | 0 static/{ => images}/export-pdf.png | Bin static/{ => images}/ghostwriter.png | Bin static/{ => images}/hackmd.png | Bin static/{ => images}/lien-entre-fichiers.png | Bin static/{ => images}/logo-md.svg | 0 .../{ => images}/recherche-rdv-info-vim.png | Bin static/{ => images}/recherche-rdv-info.png | Bin static/{ => images}/recherche-vscode.png | Bin static/{ => images}/vscode.png | Bin static/{ => images}/zettlr.png | Bin interface.css => static/interface.css | 0 paged.polyfill.js => static/paged.polyfill.js | 0 references.json => static/references.json | 0 .../reload-in-place.js | 0 style.css => static/style.css | 24 +- template.html => static/template.html | 6 +- 32 files changed, 145 insertions(+), 904 deletions(-) delete mode 100644 exemple.md delete mode 100644 heg-iso-690.csl rename déroulé.md => présentation/déroulé.md (100%) rename 0-frontmatter.md => sources/0-frontmatter.md (60%) rename 1-objectifs.md => sources/1-objectifs.md (100%) rename 100-references.md => sources/100-references.md (82%) rename 2-licence.md => sources/2-licence.md (100%) rename 3-definitions.md => sources/3-definitions.md (99%) rename 4-syntaxe.md => sources/4-syntaxe.md (100%) rename 5-editeurs.md => sources/5-editeurs.md (95%) rename 6-advanced.md => sources/6-advanced.md (100%) rename 7-bibliographie.md => sources/7-bibliographie.md (100%) rename static/{ => images}/bibliotheque-logo.svg (100%) rename static/{ => images}/by-sa.svg (100%) rename static/{ => images}/export-pdf.png (100%) rename static/{ => images}/ghostwriter.png (100%) rename static/{ => images}/hackmd.png (100%) rename static/{ => images}/lien-entre-fichiers.png (100%) rename static/{ => images}/logo-md.svg (100%) rename static/{ => images}/recherche-rdv-info-vim.png (100%) rename static/{ => images}/recherche-rdv-info.png (100%) rename static/{ => images}/recherche-vscode.png (100%) rename static/{ => images}/vscode.png (100%) rename static/{ => images}/zettlr.png (100%) rename interface.css => static/interface.css (100%) rename paged.polyfill.js => static/paged.polyfill.js (100%) rename references.json => static/references.json (100%) rename reload-in-place.js => static/reload-in-place.js (100%) rename style.css => static/style.css (93%) rename template.html => static/template.html (90%) diff --git a/Makefile b/Makefile index aa44ed5..8aa6e27 100644 --- a/Makefile +++ b/Makefile @@ -1,40 +1,48 @@ -input_files := \ -0-frontmatter.md \ -2-licence.md \ -3-definitions.md \ -4-syntaxe.md \ -5-editeurs.md \ -6-advanced.md \ -7-bibliographie.md \ -100-references.md \ +SOURCE_FOLDER := sources -pandoc := \ - pandoc -s --citeproc \ - --css=style.css --template=template.html \ +# Liste les fichiers sources. +MD_UNSORTED := $(wildcard $(SOURCE_FOLDER)/*.md) +# Ordonne les fichiers sources sur la base du début numérique du nom des +# fichiers. +MD_SORTED := $(shell printf '%s\n' $(MD_UNSORTED) | sort -t- -k1,1n) + +.PHONY: all +all: pdf + +# Construit le fichier HTML. +.PHONY: html +html: $(MD_SORTED) + pandoc \ + --to=html --standalone \ + --template=static/template.html --css=static/style.css \ + -V static='./static' \ + --citeproc \ --toc --toc-depth=2 \ + --out=document.html $(MD_SORTED) -pandoc_html := \ - $(pandoc) \ - --to=html --output=document.html \ - $(input_files) +# Construit le fichier PDF. +.PHONY: pdf +pdf: $(MD_SORTED) + pandoc \ + --to=pdf --pdf-engine=pagedjs-cli --embed-resources=true \ + --template=static/template.html --css=static/style.css \ + -V noscript=true -V static='./static' \ + --citeproc \ + --toc --toc-depth=2 \ + --out=document.pdf $(MD_SORTED) -pandoc_pdf := \ - $(pandoc) \ - -V noscript=true \ - --embed-resources=true --to=pdf \ - --pdf-engine=pagedjs-cli \ - --output=document.pdf \ - $(input_files) - -html: $(input_files) - $(pandoc_html) - -watch_html: $(input_files) +# Reconstruit le fichier HTML à la modification des autres fichiers. +.PHONY: watch +watch: watchexec -r -w . -i document.html \ - " $(pandoc_html)" + -- make html -pdf: $(input_files) - $(pandoc_pdf) +# Supprime les fichiers construits lorsqu'ils ne sont plus nécessaire. +.PHONY: clean +clean: + rm -f *.html *.pdf +# Lance un serveur web pour servir le HTML. +.PHONY: serve serve: watchexec -r -w . "python -m http.server" diff --git a/README.md b/README.md index 1007e3f..cce4e37 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ title: Rendez-vous de l'info scientifique sur markdown date: 2023-04-19T10:13:18+0200 id: 20230419101340 -tags: [rdv-info, documentation, markdown] +tags: ["rdv-info", "documentation", "markdown"] --- ## [Introduction à la prise de notes avec Markdown][1] @@ -11,51 +11,44 @@ Ce répertoire contient le matériel utilisé pour le [rendez-vous de l'info scientifique sur Markdown][2] proposés par la bibliothèque de l'Université de Genève. -Les sources du support de cours sont dans le fichier [`document.html`][4]. +Les sources du support de cours sont dans le dossier [`sources`][4]. -La dernière version du support de cours au format PDF se trouve dans la +La mise en forme s'appuie sur le [modèle `pagedjs` pour la BUNIGE][8] +(Bibliothèque de l'Université de Genève). Les fichiers correspondant sont dans +le dossier [`static`][9]. + +La dernière version du support de cours au format PDF est disponible dans la dernière [publication de version][3]. +Une proposition de déroulé pour une présentation orale se trouve dans le +dossier [`présentation`][11]. + ## Licence et réutilisation La [licence][6] du projet est la licence *Creative Common by, share alike, 4.0 International*. Elle permet la diffusion et la modification du projet pour -autant que la responsabilité soit mentionnée et que le partage se fait avec la -même licence. +autant que la responsabilité soit mentionnée et que le partage soit fait avec +la même licence. -## Pré-requis +## Requis -- `pandoc`. -- `pagedjs-cli` (`npm install -g puppeteer pagedjs pagedjs-cli`). -- Le modèle `pagedjs` pour la BUNIGE. +- `pandoc` (obligatoire). +- `pagedjs-cli` (obligatoire, voir la [documentation][7] pour l'installation). +- GNU Make et `watchexe` pour utiliser les [commandes][10]. -Les fichiers de ce modèle peuvent être téléchargés depuis la dernière -publication de version du projet : -. L'archive -ZIP `vX.X.X.zip` contient tout ce qui est nécessaire. Plus précisément, ce sont -les fichiers suivants : - -- `./template.html`, le modèle HTML utilisé par `pandoc` ou `pagedjs-cli`. -- `./style.css` avec les règles de style pour la mise en forme. -- `./static/bibliotheque-logo.svg` et `./static/by-sa.svg`, deux images - utilisées sur la page d'accueil. -- `./paged.polyfill.js` pour le support des fonctionnalité `pagedjs`. -- `./interface.css` pour afficher le ficher HTML dans un navigateur avec - l'interface web de `pagedjs`. -- `./reload-in-place.js`, qui n'est pas strictement nécessaire, mais replace le - fichier HTML là où on le consultait. - -## Génération du PDF +## Utilisation ### Structure du document Le support de cours est rédigé au format Markdown. Il est constitué de -plusieurs fichiers, pour faciliter leur édition : +plusieurs fichiers dans le dossier [`sources`][4], pour faciliter leur +édition : 1. `0-frontmatter.md`, qui contient les métadonnées et quelques instructions pour la génération du fichier avec `pandoc`. 1. `1-objectifs.md`, pour la page de titre et les objectifs de la présentation. -1. `2-licence.md`, pour la licence du document et l'indication des sources. +1. `2-licence.md`, pour le bloc de la licence du document et l'indication des + sources. 1. `3-definitions.md`. 1. `4-syntaxe.md`. 1. `5-editeurs.md`. @@ -64,29 +57,33 @@ plusieurs fichiers, pour faciliter leur édition : 1. `100-references.md`, contient les URL des liens et les notes en bas de page. La syntaxe utilise des fonctionnalités propres à la version [Pandoc de -markdown][5]. La génération du PDF s'appuie sur `pagedjs`, un modèle HTML -(`template.html`) et des règles de styles (`styles.css`). Le fichier des règles -de style est commenté, ce qui devrait permettre de comprendre son -fonctionnement. +markdown][5]. La génération du PDF s'appuie sur la bibliothèque `pagedjs`, un +modèle HTML (`static/template.html`) et des règles de styles +(`static/styles.css`). Le fichier des règles de style est commenté, ce qui +devrait permettre de comprendre son fonctionnement. -### Prévisualisation dans le navigateur +### Prévisualiser Pour générer le fichier HTML à servir par un serveur web pour le visualiser dans le navigateur, il faut utiliser `pandoc` avec les paramètres suivants (à adapter au fichier à générer) : ```bash -pandoc --embed-resources=true --to=html \ - --template=template.html --css=style.css \ - --toc --toc-depth=2 --citeproc \ +pandoc --standalone --to=html \ + --template=static/template.html --css=static/style.css \ + --toc --toc-depth=2 \ + --citeproc \ + --bibliography=static/references.json --csl=static=heg-iso-690.csl \ + -V static="./static" \ --output=document.html \ - 0-frontmatter.md 1-objectifs.md 2-licence.md \ - 3-definitions.md 4-syntaxe.md 5-editeurs.md \ - 6-advanced.md 7-bibliographie.md 100-references.md + sources/0-frontmatter.md sources/1-objectifs.md sources/2-licence.md \ + sources/3-definitions.md sources/4-syntaxe.md sources/5-editeurs.md \ + sources/6-advanced.md sources/7-bibliographie.md \ + sources/100-references.md ``` - `--to=html` pour convertir vers du HTML. -- `--embed-resources=true` assure que toutes les dépendances externes sont bien +- `--standalone` assure que toutes les dépendances externes sont bien intégrées dans le fichier généré. - `--template=` et `--css=` indiquent quel modèle et feuille de style utiliser. @@ -94,6 +91,11 @@ pandoc --embed-resources=true --to=html \ loin que les titres de niveau 2. - `--citeproc` indique qu'il faut tenir compte des citations et générer la bibliographie. +- `--bibliography=""` définit le chemin vers la base de données des références + bibliographique et `--csl=""` donne le chemin vers le style de citation + utilisé. +- `-V static=""` permet de définir le chemin relatif (du point de vue du + fichier HTML fournit par le serveur web local). - `--output=` précise l'endroit et le nom du fichier de sortie. Une fois le fichier HTML généré, il faut lancer un serveur web depuis la racine @@ -103,11 +105,7 @@ du projet, par exemple avec `python` : python -m http.server ``` -Puis, ouvrir un navigateur web à l'URL . Pour -l'impression, il est conseillé d'utiliser Chromium (ou Chrome). En effet, -Firefox supporte un peu moins bien `pagedjs`, notamment pour l'impression en -PDF. Pour éviter la coloration des liens déjà visités, la fonction « navigation -privée » est bien utile. +Puis, ouvrir un navigateur web à l'URL . Cet affichage permet d'inspecter les règles CSS et de les modifier à la volée pour comprendre comment améliorer le rendu, et d'imprimer la page web au format @@ -115,24 +113,29 @@ PDF (`ctrl+p`). ### Génération du PDF -Pour générer directement le PDF, deux possibilités s'ouvrent à vous, avec des -résultats différents. Soit en utilisant `pagedjs` directement avec `pandoc` : +Pour générer directement le PDF, il faut lancer la commande `pandoc` suivante : ```bash pandoc --embed-resources=true -V noscript=true \ + -V static="./static" --citeproc \ + --bibliography=static/references.json \ + --csl=static/heg-iso-690.csl --to=pdf --pdf-engine=pagedjs-cli \ - --template=template.html --css=style.css \ + --template=static/template.html --css=static/style.css \ --toc --toc-depth=2 \ --output=document.pdf \ - 0-frontmatter.md 1-objectifs.md 2-licence.md \ - 3-definitions.md 4-syntaxe.md 5-editeurs.md \ - 6-advanced.md 7-bibliographie.md 100-references.md + sources/0-frontmatter.md sources/1-objectifs.md sources/2-licence.md \ + sources/3-definitions.md sources/4-syntaxe.md sources/5-editeurs.md \ + sources/6-advanced.md sources/7-bibliographie.md \ + sources/100-references.md ``` - `-V noscript=true`. `-V` permet d'ajouter des variables. La variable `noscript` vient du `template.html` et permet d'éviter d'ajouter les scripts utilisé pour la prévisualisation dans le navigateur. +- `--pdf-engine="pagedjs-cli"` indique à `pandoc` quel outil utiliser pour la + construction du PDF. Soit en utilisant `pagedjs` pour convertir le fichier HTML obtenu par `pandoc` plus haut : @@ -152,19 +155,26 @@ pandoc --to=html -V noscript=true \ ## Commandes -Si `make` est disponible sur votre système, vous pouvez : +Si `make` (GNU Make) est installé sur votre système, les commandes suivantes +sont disponibles : +- `make` ou `make pdf` : génère le PDF. - `make html` : génère le HTML. -- `make pdf` : génère le PDF. -- `make watch_html` : génère le HTML et relance la commande si des fichiers +- `make watch` : génère le HTML et relance la génération si des fichiers sont modifiés (utilise `watchexe` qui doit aussi être installé). - `make serve` : lance le serveur web python. +- `make clean`: supprime les fichiers HTML et PDF générés. [1]: ./ [2]: https://www.unige.ch/biblio/index.php?cID=4127 [3]: https://git.milhit.ch/igor/rdv-info-markdown/releases/latest -[4]: ./document.md +[4]: ./sources [5]: https://pandoc.org/MANUAL.html#pandocs-markdown [6]: ./LICENSE +[7]: https://gitlab.coko.foundation/pagedjs/pagedjs-cli#installation +[8]: https://git.milhit.ch/igor/bunige-pagedjs-template +[9]: ./static/ +[10]: #commandes +[11]: ./présentation/ diff --git a/exemple.md b/exemple.md deleted file mode 100644 index 5340162..0000000 --- a/exemple.md +++ /dev/null @@ -1,103 +0,0 @@ -# Exemple de note - -Pour écrire un paragraphe, il faut séparer deux blocs de texte par une ligne -vide. Un simple retour à la ligne -ne change rien. - -Ici commence le paragraphe suivant. Dans celui-ci, on peut insérer *un texte en -italique*, soit en entourant la partie en *italique* par des astérisques (`*`), -soit au moyen _d'underscore_ (`_`). - -Pour le gras, **on utilise un double astérisque**, ou __un double underscore__. - -## Les titres - -Comme en HTML, il y a 6 niveaux de titres disponibles. Pour indiquer qu'il -s'agit d'un titre, il faut commencer la ligne par un `#`, et on multiplie les -`#` pour indiquer les niveaux de titre de 1 (`#`) à 6 (`######`). Ce fichier -d'exemple contient un titre de niveau 1 et des titres de niveau 2 et 3. - -## Les listes - -Pour générer une liste, on commence chaque ligne de la liste avec un tiret : - -- Une liste -- Simple et -- Non ordonnée. - -Pour une liste ordonnée, on commence chaque ligne par un chiffre suivit d'un -point : - -1. Une liste -3. Simple mais -9. Ordonnée. - -L'ordre de la numérotation n'importe pas. Pour ne pas s'ennuyer à réordonner -une liste qui peut évoluer, il y a une solution simple : - -1. Pomme. -1. Poire. -1. Cerise. - -Des listes imbriquées plus complexes peuvent être réalisées en ajoutant des -espaces devant les lignes des sections inférieures : - -1. Une liste -1. Ordonnée et - - Plus - - Complexe -1. Voilà. - -## Les liens - -### La méthode simple - -Il y a plusieurs méthodes pour insérer un lien. La plus simple est de mettre le -texte du lien entre crochets, suivi de la cible entre parenthèses : -[site de l'UNIGE](https://unige.ch). - -On peut vouloir ajouter un titre à ce lien, qui s'affiche lorsque le curseur -survol le lien : [site de l'UNIGE](https://unige.ch "site officiel d'UNIGE"). - -### Avec les références - -Une autre méthode existe qui a les avantages suivants : - -- Une même référence (cible du lien) peut être réutilisée plusieurs fois dans - le même texte. -- La lisibilité du texte est améliorée. - -Le texte du lien est toujours entre crochet, mais à la place de la cible entre -parenthèse, on ajoute une référence entre crochet. Cette référence, qui peut -être un chiffre, une lettre ou un texte, correspond à la cible, définie -n'importe où dans le fichier. - -Ce qui donne le lien suivant : [site de l'UNIGE][1]. - -## Images - -Pour l'insertion d'une image, on reprend la même syntaxe que pour le lien, en -ajoutant un point d'exclamation au début de la ligne : - -![Légende de l'image](https://upload.wikimedia.org/wikipedia/commons/4/48/Markdown-mark.svg "logo de Markdown") - -Le lien pour l'image peut être une URL ou un chemin vers un fichier local. Et -la syntaxe avec la référence est possible aussi : - -![Légende de l'image][2] - -## Les tableaux - -Pour les tableaux, il est fortement conseillé d'utiliser un [générateur][3]. - -| No | Fruits | Quantité | Qualité | -|----|-----------:|----------|:-------:| -| 1 | Pommes | Un peu | 🙁 | -| 2 | Poires | Plus | 😊 | -| 3 | Framboises | Beaucoup | 😋 | - - - -[1]: https://unige.ch "site officiel de l'UNIGE" -[2]: ./static/logo-md.svg "logo de Markdown" -[3]: https://www.tablesgenerator.com/markdown_tables diff --git a/heg-iso-690.csl b/heg-iso-690.csl deleted file mode 100644 index 12090fa..0000000 --- a/heg-iso-690.csl +++ /dev/null @@ -1,692 +0,0 @@ - - diff --git a/déroulé.md b/présentation/déroulé.md similarity index 100% rename from déroulé.md rename to présentation/déroulé.md diff --git a/0-frontmatter.md b/sources/0-frontmatter.md similarity index 60% rename from 0-frontmatter.md rename to sources/0-frontmatter.md index d7a20a6..eac853f 100644 --- a/0-frontmatter.md +++ b/sources/0-frontmatter.md @@ -2,15 +2,15 @@ title: Introduction à la prise de note avec markdown author: - Igor Milhit^[Uni CMU] -date: Printemps 2025 +date: Automne 2025 creation_date: 2023-04-19T11:35:14+02:00 id: 20230419113601 -tags: [note, markdown] +tags: ["note", "markdown"] logo: -- static/logo-md.svg +- static/images/logo-md.svg lang: fr -bibliography: references.json -citation-style: heg-iso-690.csl +bibliography: ./static/references.json +citation-style: ./static/heg-iso-690.csl nocite: '@*' link-citations: true toc-title: Table des matières diff --git a/1-objectifs.md b/sources/1-objectifs.md similarity index 100% rename from 1-objectifs.md rename to sources/1-objectifs.md diff --git a/100-references.md b/sources/100-references.md similarity index 82% rename from 100-references.md rename to sources/100-references.md index 3e08b9e..f26caf5 100644 --- a/100-references.md +++ b/sources/100-references.md @@ -1,6 +1,6 @@ -[1]: ./static/by-sa.svg +[1]: ./static/images/by-sa.svg [2]: https://creativecommons.org/licenses/by-sa/4.0/deed.fr "Texte de la licence en français" [3]: https://git.milhit.ch/igor/rdv-info-markdown [4]: https://www.arthurperret.fr/cours/format-texte.html @@ -9,12 +9,12 @@ [7]: https://fr.wikipedia.org/wiki/Git "Article Wikipedia en français" [8]: #dedies [9]: #generalistes -[10]: ./static/ghostwriter.png -[11]: ./static/zettlr.png -[12]: ./static/hackmd.png -[13]: ./static/vscode.png -[14]: ./static/lien-entre-fichiers.png -[15]: ./static/recherche-vscode.png +[10]: ./static/images/ghostwriter.png +[11]: ./static/images/zettlr.png +[12]: ./static/images/hackmd.png +[13]: ./static/images/vscode.png +[14]: ./static/images/lien-entre-fichiers.png +[15]: ./static/images/recherche-vscode.png [16]: https://pandoc.org/MANUAL.html#citations [17]: https://zotero.org [18]: https://joplinapp.org/ diff --git a/2-licence.md b/sources/2-licence.md similarity index 100% rename from 2-licence.md rename to sources/2-licence.md diff --git a/3-definitions.md b/sources/3-definitions.md similarity index 99% rename from 3-definitions.md rename to sources/3-definitions.md index 773cefd..135f6a1 100644 --- a/3-definitions.md +++ b/sources/3-definitions.md @@ -1,10 +1,12 @@ ## Définition, avantages et inconvénients[^0] {#first-section} -:::{.exercise} +::: {.warning} + Le plus important est de trouver des méthodes et des outils adaptés à *vos besoins*. Cette section liste des arguments pour l'usage de fichiers au format texte et de la syntaxe markdown, mais aucune méthode ou outil n'est *la* solution miracle pertinente dans *tous* les contextes. + ::: ### Définition diff --git a/4-syntaxe.md b/sources/4-syntaxe.md similarity index 100% rename from 4-syntaxe.md rename to sources/4-syntaxe.md diff --git a/5-editeurs.md b/sources/5-editeurs.md similarity index 95% rename from 5-editeurs.md rename to sources/5-editeurs.md index 3c2baa1..1bb5584 100644 --- a/5-editeurs.md +++ b/sources/5-editeurs.md @@ -1,4 +1,4 @@ -## Éditeurs +## Éditeurs {.newpage} Il existe beaucoup d'éditeurs pour rédiger en markdown. On peut les regrouper en deux grandes catégories : @@ -60,8 +60,8 @@ est destiné à un usage académique, que ce soit pour construire une base de connaissance à partir de notes ou pour rédiger un travail de mémoire ou un article scientifique. Il intègre Zotero pour la gestion des références. -En ligne, on peut mentionner à nouveau le service [HackMD][2] ou le logiciel -[HedgeDoc][1] qui permet non seulement d'éditer des fichiers markdown avec une +En ligne, on peut mentionner à nouveau le service [HackMD][6] ou le logiciel +[HedgeDoc][5] qui permet non seulement d'éditer des fichiers markdown avec une prévisualisation, mais également de le faire à plusieurs, de disposer d'un suivi des modifications et de commenter. diff --git a/6-advanced.md b/sources/6-advanced.md similarity index 100% rename from 6-advanced.md rename to sources/6-advanced.md diff --git a/7-bibliographie.md b/sources/7-bibliographie.md similarity index 100% rename from 7-bibliographie.md rename to sources/7-bibliographie.md diff --git a/static/bibliotheque-logo.svg b/static/images/bibliotheque-logo.svg similarity index 100% rename from static/bibliotheque-logo.svg rename to static/images/bibliotheque-logo.svg diff --git a/static/by-sa.svg b/static/images/by-sa.svg similarity index 100% rename from static/by-sa.svg rename to static/images/by-sa.svg diff --git a/static/export-pdf.png b/static/images/export-pdf.png similarity index 100% rename from static/export-pdf.png rename to static/images/export-pdf.png diff --git a/static/ghostwriter.png b/static/images/ghostwriter.png similarity index 100% rename from static/ghostwriter.png rename to static/images/ghostwriter.png diff --git a/static/hackmd.png b/static/images/hackmd.png similarity index 100% rename from static/hackmd.png rename to static/images/hackmd.png diff --git a/static/lien-entre-fichiers.png b/static/images/lien-entre-fichiers.png similarity index 100% rename from static/lien-entre-fichiers.png rename to static/images/lien-entre-fichiers.png diff --git a/static/logo-md.svg b/static/images/logo-md.svg similarity index 100% rename from static/logo-md.svg rename to static/images/logo-md.svg diff --git a/static/recherche-rdv-info-vim.png b/static/images/recherche-rdv-info-vim.png similarity index 100% rename from static/recherche-rdv-info-vim.png rename to static/images/recherche-rdv-info-vim.png diff --git a/static/recherche-rdv-info.png b/static/images/recherche-rdv-info.png similarity index 100% rename from static/recherche-rdv-info.png rename to static/images/recherche-rdv-info.png diff --git a/static/recherche-vscode.png b/static/images/recherche-vscode.png similarity index 100% rename from static/recherche-vscode.png rename to static/images/recherche-vscode.png diff --git a/static/vscode.png b/static/images/vscode.png similarity index 100% rename from static/vscode.png rename to static/images/vscode.png diff --git a/static/zettlr.png b/static/images/zettlr.png similarity index 100% rename from static/zettlr.png rename to static/images/zettlr.png diff --git a/interface.css b/static/interface.css similarity index 100% rename from interface.css rename to static/interface.css diff --git a/paged.polyfill.js b/static/paged.polyfill.js similarity index 100% rename from paged.polyfill.js rename to static/paged.polyfill.js diff --git a/references.json b/static/references.json similarity index 100% rename from references.json rename to static/references.json diff --git a/reload-in-place.js b/static/reload-in-place.js similarity index 100% rename from reload-in-place.js rename to static/reload-in-place.js diff --git a/style.css b/static/style.css similarity index 93% rename from style.css rename to static/style.css index d4dd193..234f39c 100644 --- a/style.css +++ b/static/style.css @@ -28,7 +28,7 @@ * bibliothèque de l'UNIGE. */ @top-right { content: ""; - background-image: url("static/bibliotheque-logo.svg"); + background-image: url("images/bibliotheque-logo.svg"); background-position: right; background-repeat: no-repeat; background-size: 25%; @@ -85,7 +85,7 @@ margin: 2em auto 1em auto; } .logo img { - max-width: 50%; + max-width: 25%; padding: .5em; } @@ -196,6 +196,7 @@ figure img { max-width: 85%; margin: 0 auto; + max-height: 35vh; } figcaption { text-align: center; @@ -207,13 +208,28 @@ content: "Figure " counter(figureNumber) " : "; } - .exercise { + .exercise, + .warning { background-color: #f2f1f1; width: 90%; margin: 0 auto; border: 2px solid #d80669; border-radius: .5em; - padding: 0 .5em; + padding: .5em; + display: flex; + align-items: center; + } + + .exercice > p, + .warning > p { + margin: 0; + padding-left: .5em; + } + + .exercice::before, + .warning::before { + content: "⚠️"; + font-size: larger; } blockquote { diff --git a/template.html b/static/template.html similarity index 90% rename from template.html rename to static/template.html index 46946b6..abf1ee5 100644 --- a/template.html +++ b/static/template.html @@ -31,9 +31,9 @@ $endfor$ when they are unnecessary. --> $if(noscript)$ $else$ - - - + + + $endif$ $for(header-includes)$ $header-includes$