html: ajoute le html pour la proposition d'achat

- Ajoute le fichier HTML pour la proposition d'achat.
- Mets à jour le fichier README, notamment avec une table des matières
  et une liste des fichiers.

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

README.md

@@ -5,6 +5,17 @@ id: 20221118T092037
 tags: [cmu, portail web, documentation]
 ---
 
+## Table des matières
+
+* [Description](#description)
+* [Liste des fichiers](#liste-des-fichiers)
+* [Les blocs HTML](#les-blocs-html)
+* [Titres](#titres)
+* [Références bibliographiques](#références-bibliographiques)
+  * [Liste à puce sans puce](#liste-à-puce-sans-puce)
+  * [Exposer les données bibliographiques pour Zotero](#exposer-les-données-bibliographiques-pour-zotero)
+* [Ancres dans les `expand/collapse`](#ancres-dans-les-expandcollapse)
+
 ## Description
 
 Ce projet a pour objectif de documenter mes méthodes d'édition du portail de
@@ -12,6 +23,25 @@ médecine clinique du site de la bibliothèque de l'UNIGE. Il contient égalemen
 des fichiers HTML lorsque je crée un bloc HTML dans concrete5 plutôt qu'un bloc
 de type contenu.
 
+## Liste des fichiers
+
+````bash
+.
+├── README.md
+├── acces-ressources-externes.html
+├── cmu-commande-article.html
+├── infos-hug
+│   ├── acces-distance-expanded.html
+│   ├── acces-distance.html
+│   ├── appartenance.html
+│   ├── commande-article.html
+│   └── html-vanilla.html
+├── procedure-dynamed.html
+├── proposition-achat.html
+├── ressources-transversales-bd.html
+└── ressources-transversales-dic.html
+````
+
 ## Les blocs HTML
 
 Les blocs contenus, s'ils facilitent la vie avec leur éditeur WYSIWYG, sont

proposition-achat.html

@@ -0,0 +1,22 @@
+<article class="achat">
+  <p>
+    Vous voulez proposer l'acquisition&nbsp;:
+    <ul>
+      <li>D'un document&nbsp;?</li>
+      <li>D'une revue&nbsp;?</li>
+      <li>D'une base de donnée&nbsp;?</li>
+    </ul>
+    Remplissez le <a href="https://formulaire.unige.ch/outils/limesurvey3/index.php/894145"
+                     title="Formulaire de proposition d'achat"
+                     hreflang="français"
+                     lang="fr">formulaire</a> et motivez votre demande&nbsp;!
+  </p>
+  <p>
+    Merci pour votre collaboration.
+  </p>
+<style>
+.achat > ul {
+  padding: 1em !important;
+}
+</style>
+</article>