présentations: crée les slides

- Crée les slides pour la présentation. - Structure le dossier des sources pour faciliter l'identification des documents et des slides. - Utilise le projet de modèle BUNIGE pour Reveal.js. - Complète le Makefile pour générer le HTML de la présentation. - Complète la documentation. Co-Authored-by: iGor milhit <igor@milhit.ch>
2026-01-30 11:45:32 +01:00 · 2026-01-30 11:45:32 +01:00 · 5729d43bc9
parent 9766d7d6c3
commit 5729d43bc9
12 changed files with 644 additions and 143 deletions
--- a/44
+++ b/44
@ -1,18 +1,20 @@
 SOURCE_FOLDER := sources
+DOCUMENTS_FOLDER := $(SOURCE_FOLDER)/documents
+SLIDES_FOLDER := $(SOURCE_FOLDER)/slides
 OUTPUT_FILENAME := document
 SLIDES_OUTPUT_FOLDER := présentations

 TEMPLATE_REPOSITORY := https://git.milhit.ch/igor/bunige-pagedjs-template/releases/download

 # Liste les fichiers sources.
-MD_UNSORTED := $(wildcard $(SOURCE_FOLDER)/*.md)
+MD_UNSORTED := $(wildcard $(DOCUMENTS_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)

 # Sources pour les slides
-SLIDES_SOURCES := $(wildcard $(SOURCE_FOLDER)/*slides*.md)
-SLIDES_TARGETS := $(patsubst $(SOURCE_FOLDER)/%.md,$(SLIDES_OUTPUT_FOLDER)/%.html,$(SLIDES_SOURCES))
+SLIDES_SOURCES := $(wildcard $(SLIDES_FOLDER)/*.md)
+SLIDES_TARGETS := $(patsubst $(SLIDES_FOLDER)/%.md,$(SLIDES_OUTPUT_FOLDER)/%.html,$(SLIDES_SOURCES))
 SLIDES_BASENAMES := $(basename $(notdir $(SLIDES_SOURCES)))

 .PHONY: all
@ -39,9 +41,9 @@ pdf: $(MD_SORTED)
 	--out=$(OUTPUT_FILENAME).pdf $(MD_SORTED)

 # Construit les slides
-$(SLIDES_OUTPUT_FOLDER)/%.html: $(SOURCE_FOLDER)/%.md
+$(SLIDES_OUTPUT_FOLDER)/%.html: $(SLIDES_FOLDER)/%.md
 	@mkdir -p $(SLIDES_OUTPUT_FOLDER)
-	pandoc --to=revealjs --standalone \
+	pandoc --to=revealjs --standalone --embed-resources \
 		--template=présentations/revealjs-template.html \
 		--css=dist/theme/bunige.css \
 		--slide-level=2 \
@ -58,7 +60,7 @@ slide-%: $(SLIDES_OUTPUT_FOLDER)/%.html
 # Watch amélioré pour les slides
 .PHONY: watch_slides
 watch_slides:
-	watchexec -r -w $(SOURCE_FOLDER) -f "*.md" \
+	watchexec -r -w $(SLIDES_FOLDER) -f "*.md" \
 		-i "$(SLIDES_OUTPUT_FOLDER)/*.html" \
 		-- make slides

@ -67,7 +69,7 @@ define WATCH_SLIDE_TEMPLATE
 .PHONY: watch-slide-$(1)
 watch-slide-$(1):
 	@echo "Surveillance de $(1).md..."
-	watchexec -r -w $(SOURCE_FOLDER)/$(1).md \
+	watchexec -r -w $(SLIDES_FOLDER)/$(1).md \
 		-i "$(SLIDES_OUTPUT_FOLDER)/$(1).html" \
 		-- make slide-$(1)
 endef
@ -103,14 +105,24 @@ update:
 .PHONY: help
 help:
 	@echo "Cibles disponibles :"
-	@echo "  all              - Génère le PDF et toutes les présentations"
-	@echo "  pdf              - Génère le document PDF"
-	@echo "  html             - Génère le document HTML"
-	@echo "  slides           - Génère toutes les présentations"
-	@echo "  slide-NAME       - Génère une présentation spécifique"
-	@echo "  watch            - Surveille les changements du document"
-	@echo "  watch-slides     - Surveille tous les fichiers slides"
-	@echo "  watch-slide-NAME - Surveille une présentation spécifique"
-	@echo "  clean            - Supprime les fichiers générés"
+	@echo "  all                    - Génère le PDF et toutes les présentations."
+	@echo "  pdf                    - Génère le document PDF."
+	@echo "  html                   - Génère le document HTML."
+	@echo "  slides                 - Génère toutes les présentations."
+	@echo "  slide-<filename>       - Génère une présentation spécifique."
+	@echo "  watch                  - Surveille les changements du document."
+	@echo "  watch-slides           - Surveille tous les fichiers slides."
+	@echo "  watch-slide-<filename> - Surveille une présentation spécifique."
+	@echo "  debug                  - Vérifie la contenu de certaines variables."
+	@echo "  clean                  - Supprime les fichiers générés."
 	@echo ""
+	@echo "Documents détectés : $(notdir $(MD_SORTED))"
 	@echo "Présentations détectées : $(SLIDES_BASENAMES)"
+
+.PHONY: debug
+debug:
+	@echo "MD_UNSORTED: $(MD_UNSORTED)"
+	@echo "MD_SORTED: $(MD_SORTED)"
+	@echo "SLIDES_SOURCES: $(SLIDES_SOURCES)"
+	@echo "SLIDES_BASENAMES: $(SLIDES_BASENAMES)"
+
--- a/README.md
+++ b/README.md
@ -1,18 +1,21 @@
 # [strats-smpr][1]

-Support pour un cours donné aux internes du SMPR, en vue de la mise à jour de
+Supports pour un cours donné aux internes du SMPR, en vue de la mise à jour de
 stratégies et d'articles scientifiques, sur la méthodologie de la recherche de
 littérature et l'utilisation de Zotero.

-Il s'agit ici d'une introduction rapide.
+Il s'agit :
+
+- Un document pour une introduction rapide (quickstart).
+- Des slides pour la présentation elle-même.

 ## Édition

-Pour éditer le document, il faut modifier le fichier [smpr-1re-partie.md][2].
-Il est au format Markdown et utilise les possibilités de pandoc-markdown, comme
-expliqué dans la documentation du modèle.
+Pour éditer les sources, il faut modifier les fichiers Markdown du [dossier
+`sources/`][2]. L'un correspond au document d'introduction, l'autre à la
+présentation.

-## Génération du PDF
+## Génération

 ### Requis

@ -20,12 +23,20 @@ expliqué dans la documentation du modèle.
 - `pagedjs-cli` ([installation][4]).
 - GNU make.

-### Commande
+### Commandes
+
+Pour générer la version PDF du document :

 ```
 make pdf
 ```

+Pour générer les slides au format HTML :
+
+```bash
+make slides
+```
+
 ## Développement

 Une fois les requis de la génération de PDF installés, les commandes suivantes
@ -41,6 +52,6 @@ facilitent le développement :
 <!-- références -->

 [1]: /
-[2]: ./sources/smpr-1re-partie.md
+[2]: ./sources/
 [3]: https://pandoc.org/installing.html
 [4]: https://gitlab.coko.foundation/pagedjs/pagedjs-cli#installation
--- a/2
+++ b/2
@ -1 +1 @@
-Subproject commit 614268394e983cb4cbde8fcab9d6b81f58e9887f
+Subproject commit 34d59246b2d14b101ac4f787e21e13a42f994723
--- a/sources/documents/smpr-1re-partie.md
+++ b/sources/documents/smpr-1re-partie.md
--- a/sources/méthodo-zotero-slides.md
+++ b/sources/méthodo-zotero-slides.md
@ -1,118 +0,0 @@
---
-title: Recherche et bibliographie
-subtitle: Pubmed et Zotero
-date: 4 février 2026
-place: SMPR-RMS
-id: 20260128155952
-creation_date: 2026-01-28T16:00:10+0100
-author:
- name: Igor Milhit 
-  email: Igor.Milhit@unige.ch
-licence:
- type: CC-BY-SA 4.0
-  url: https://creativecommons.org/licenses/by-sa/4.0/
-source: https://git.milhit.ch/igor/strat-smpr.git
-bibliography: references.json
-link-citations: true
---
-
-## Plan
-
-1. Recherche de littérature : \
-   méthodologie [#](#methodo).
-1. Références et bibliographie : \
-   Vancouver et Zotero [#](#biblio).
-
-# Recherche de littérature : méthodologie {#methodo}
-
---
-
-## Étapes 
-
-1. Rédiger la [question]{.bunige-color} de recherche. 
-1. Identifier les [concepts]{.bunige-color}.
-1. Décliner en [termes alternatifs]{.bunige-color} et
-   [synonymes]{.bunige-color}.
-1. Combiner avec des [opérateurs booléens]{.bunige-color}.
-1. Adapter la syntaxe aux bases de données.
-1. Améliorer l'équation.
-
---
-
-## Question de recherche
-
- Point **essentiel !**.
- Modèles (PICO, etc.).
- Contexte des stratégies ?
-
---
-
-## Identifier les concepts 
-
-Est-ce que des exercices réduisent les troubles moteurs des personnes atteintes
-par la maladie de Parkinson ?
-
-::: {.fragment}
-
- P : Maladie de Parkinson.
- I : Exercices.
- C : ~~Pas d'exercice~~.
- O : Réduire les troubles moteurs.
-
-:::
-
---
-
-## Termes alternatifs et synonymes
-
- Recherches préliminaires, lectures d'*abstracts*.
- Site HETOP (+ aide à la traduction) :
-  <https://www.hetop.eu/hetop>.
-
-&nbsp;
-
-::: {.fragment}
-
-| Concept 1         | Concept 2         | Concept 3      |
-| ----------------- | ----------------- | -------------- |
-| Parkinson         | Exercise          | Motor disorder |
-| Parkinsonism      | Exercise therapy  | Gait apraxia   |
-| Parkinson disease | Physical exercice | Gait disorder  |
-
-:::
-
-# Références et bibliographie : Vancouver et Zotero {#biblio}
-
---
-
-Un exemple de code :
-
-```{.html .number-lines startFrom="70"}
-<code class="bunige-code-inline">Texte préformaté.</code>
-<figure>
-	<img src="./img.jpeg" alt="alternate text">
-	<figcaption>Figure caption.</figcaption>
-</figure>
-```
-
-## Image de fond {background-image="https://www.unige.ch/biblio/files/cache/d7d5b0a60baf07a4ad8534ad20b9839c_f9197.jpg" data-background-opacity="0.5"}
-
-Avec un degré de transparence de [`0.5`]{.bunige-code-inline}
-
---
-
-## Citation
-
-Selon Pochet, … [@pochetMarkdownVous2023].
-
-Alors qu'Ovadia, … [@ovadiaMarkdownLibrariansAcademics2014].
-
---
-
-::: {.r-fit-text .bunige-color}
-Merci !
-:::
-
---
-
-## Références {#references}
--- a/sources/slides/méthodo-zotero-slides.md
+++ b/sources/slides/méthodo-zotero-slides.md
@ -0,0 +1,331 @@
+---
+title: Recherche et bibliographie
+subtitle: Pubmed et Zotero
+date: 4 février 2026
+place: SMPR-RMS
+id: 20260128155952
+creation_date: 2026-01-28T16:00:10+0100
+author:
+- name: Igor Milhit 
+  email: Igor.Milhit@unige.ch
+licence:
+- type: CC-BY-SA 4.0
+  url: https://creativecommons.org/licenses/by-sa/4.0/
+source: https://git.milhit.ch/igor/strat-smpr.git
+bibliography: references.json
+link-citations: true
+---
+
+## Plan
+
+1. Recherche de littérature : \
+   méthodologie [#](#methodo).
+1. Références et bibliographie : \
+   Vancouver et Zotero [#](#biblio).
+
+# Recherche de littérature : méthodologie {#methodo}
+
+---
+
+## Étapes 
+
+1. Rédiger la [question]{.bunige-color} de recherche. 
+1. Identifier les [concepts]{.bunige-color}.
+1. Décliner en [termes alternatifs]{.bunige-color} et
+   [synonymes]{.bunige-color}.
+1. Combiner avec des [opérateurs booléens]{.bunige-color}.
+1. Adapter la syntaxe aux bases de données.
+1. Améliorer l'équation.
+
+---
+
+## Question de recherche
+
+- Point **essentiel !**.
+- Modèles (PICO, etc.).
+- Contexte des stratégies ?
+
+---
+
+## Identifier les concepts 
+
+Est-ce que des exercices réduisent les troubles moteurs des personnes atteintes
+par la maladie de Parkinson ?
+
+::: {.fragment}
+
+- `P :` Maladie de Parkinson.
+- `I :` Exercices.
+- `C :` ~~Pas d'exercice~~.
+- `O :` Réduire les troubles moteurs.
+
+:::
+
+---
+
+## Termes alternatifs et synonymes
+
+- Recherches préliminaires, lectures d'*abstracts*.
+- Site HETOP (+ aide à la traduction) : \
+  <https://www.hetop.eu/hetop>.
+
+::: {.fragment}
+
+| Concept 1         | Concept 2         | Concept 3      |
+| ----------------- | ----------------- | -------------- |
+| Parkinson         | Exercise          | Motor disorder |
+| Parkinsonism      | Exercise therapy  | Gait apraxia   |
+| Parkinson disease | Physical exercice | Gait disorder  |
+
+:::
+
+---
+
+## Langage naturel, vocabulaire contrôlé
+
+🎯 **« Cancer »**
+
+::: {.bunige-columns}
+
+::: {.bunige-column .fragment}
+
+**Langage naturel :**
+
+- `tumor(s)`.
+- `neoplasm(s)`.
+- `neoplasia(s)`.
+
+:::
+
+::: {.bunige-column .fragment}
+
+**Vocabulaire contrôlé (MeSH) :**
+
+- [`Neoplasm[Mesh]`]{.bunige-code-inline}.
+
+:::
+
+:::
+
+---
+
+## MeSH
+
+- Vocabulaire contrôlé de Medline (Pubmed).
+- 16 catégories (arborescences).
+- Hiérarchisé, du plus général au plus particulier.
+- Supprime les ambiguïtés (python).
+- Regroupe les synonymes (tumor, neoplasm, etc.).
+- Indexation sujet des articles.
+
+---
+
+## Termes alternatifs et MeSH
+
+| Concept 1                   | Concept 2                  | Concept 3                 |
+| --------------------------- | -------------------------- | ------------------------- |
+| Parkinson                   | Exercise                   | Motor disorder            |
+| Parkinsonism                | Exercise therapy           | Gait apraxia              |
+| Parkinson disease           | Physical exercice          | Gait disorder             |
+| "Parkinson disease"\[Mesh\] | "Exercise therapy\[Mesh\]" | "Motor Disorders"\[Mesh\] |
+
+---
+
+## Combiner synonymes et concepts
+
+::: {.bunige-columns}
+
+::: {.bunige-column .bunige-no-border .fragment data-fragment-index="1"}
+
+![Synonymes du même concept](./static/images/boolean-or.svg)
+
+:::
+
+::: {.bunige-column .bunige-no-border .fragment data-fragment-index="2"}
+
+![Combiner des concepts](./static/images/boolean-and.svg)
+
+:::
+
+::: {.bunige-column .bunige-no-border .fragment data-fragment-index="3"}
+
+![Exclure un terme](./static/images/boolean-and.svg)
+
+:::
+
+:::
+
+<small class="fragment" data-fragment-index="3">
+Adapté de Jankiewicz JT. Diagram of three Boolean logic operators.
+"and", "or" and "not". 2022.
+<https://commons.wikimedia.org/wiki/File:Boolean_logic.svg>
+</small>
+
+---
+
+## Syntaxe
+
+- `"Expression exacte"`.
+- Troncature (`*`) : [`analy*`]{.bunige-code-inline} pour analytique,
+  analyse, analytic, etc.
+- Filtres de l'interface.
+
+---
+
+## Équation finale
+
+::: {.bunige-text-left-aligned}
+
+`(Parkinson OR Parkinsonism OR "Parkinson Disease" OR "Parkinson
+Disease"[Mesh]) AND (Exercise OR "Exercise therap*" OR "Physical exercise*" OR
+"Exercise Therapy"[Mesh]) AND ("Motor disorder*" OR "Gait apraxia" OR Gait
+disorder*" OR "Motor Disorders"[Mesh])`
+
+:::
+
+---
+
+## Pistes pour vos stratégies
+
+- Identifier le ou les MeSH / Emtree du sujet principal.
+- S'en inspirer pour trouver des synonymes.
+- Identifier des « angles » pertinents.
+- Filtre par date de publication !
+
+---
+
+## Démo Pubmed
+
+![](./static/images/pubmed-logo.svg)
+
+[unige.ch/biblio/pubmed](https://unige.ch/biblio/pubmed)
+
+# Références et bibliographie : Vancouver et Zotero {#biblio}
+
+---
+
+## Rev Med Suisse
+
+- Style [numérique]{.bunige-color}. Chiffre arabe en exposant.
+- Style [NLM/Vancouver]{.bunige-color}.
+- Max 3 auteurs + et al.
+- Max 15 références, sauf si revue de littérature.
+- Si possible, 1 ou 2 références en français.
+
+<small class="bunige-text-left-aligned">
+Guide Vancouver (2023) \
+<https://www.unige.ch/biblio/index.php/download_file/22303/>
+</small>
+
+---
+
+## Rédaction d'une référence
+
+1. Identifier le type du document.
+1. Trouver les informations minimales :
+    - Titre de l'article.
+    - Auteur(s) et autrice(s).
+    - Nom de la publication (titre de la revue).
+    - Volume ; numéro ; date de publication ; pagination.
+1. Mettre en forme (syntaxe) selon le style de citation.
+
+---
+
+## Article scientifique
+
+::: {.bunige-text-left-aligned}
+
+Auteur-trice, Auteur-trice, Auteur-trice, et al. Titre de l’article. Titre
+abrégé de la revue. Année de publication;Volume(n°):pages.
+
+:::
+
+::: {.bunige-text-left-aligned}
+
+Widmer D, Jotterand S, Ninane F, et al. Multimorbidité et interprofessionnalité
+en médecine de famille. Rev Med Suisse. 2016;12(518):937‑8.
+
+:::
+
+::: {.bunige-text-left-aligned}
+
+Titre abrégé :
+
+- Catalogue NLM : <https://www.ncbi.nlm.nih.gov/nlmcatalog/journals>.
+- ISSN Portal : <https://portal.issn.org/>
+
+:::
+
+---
+
+## Livre 
+
+::: {.bunige-text-left-aligned}
+
+Auteur-trice. Titre de l’ouvrage : sous-titre. Numéro de l'édition. Ville :
+Éditeur ; année.
+
+:::
+
+::: {.bunige-text-left-aligned}
+
+Rouessac F. Analyse chimique : méthodes et techniques instrumentales.
+9<sup>e</sup> éd. Malakoff : Dunod ; 2019.
+
+:::
+
+---
+
+## Chapitre de livre 
+
+::: {.bunige-text-left-aligned}
+
+Auteur-trice. Titre du chapitre. In : Auteur-trices. Titre du livre. Numéro de
+l'édition. Ville : Éditeur ; année. p. 1<sup>re</sup> page du chapitre-dernière
+page du chapitre.
+
+:::
+
+::: {.bunige-text-left-aligned}
+
+Patrick GL. Antiviral agents. In : An introduction to medical chemistry.
+6<sup>e</sup> éd. Oxford : Oxford University Press ; 2017. p. 490-542.
+
+:::
+
+---
+
+## Démo Zotero
+
+::: {.bunige-columns .bunige-columns-center}
+
+::: {.bunige-column}
+
+![](./static/images/zotero.png)
+
+:::
+
+::: {.bunige-column}
+
+![](./static/images/zotero-machine.png)
+
+:::
+
+:::
+
+---
+
+## Conseils pour la collaboration
+
+- Bibliothèque de groupe.
+- Bibliothèque de groupe ≠ votre bibliothèque.
+- Héritage d'un fichier.
+- Word, Windows, Mac.
+- LibreOffice ? Google Docs ? Word 365 en ligne ?
+
+---
+
+::: {.r-fit-text .bunige-color}
+Merci !
+:::
+
--- a/static/images/boolean-and.svg
+++ b/static/images/boolean-and.svg
@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg:svg
+   width="83.521149mm"
+   height="67.132545mm"
+   viewBox="0 0 83.521155 67.132546"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="boolean-and.svg"
+   inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#cccccc"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="1"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.017683"
+     inkscape:cx="18.090057"
+     inkscape:cy="84.750676"
+     inkscape:window-width="3072"
+     inkscape:window-height="1659"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5" />
+  <svg:defs
+     id="defs2" />
+  <svg:g
+     id="g3720"
+     transform="matrix(1.2058876,0,0,1.2058876,-47.003769,-107.06367)"
+     inkscape:export-filename="boolean-and.svg"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96">
+    <svg:path
+       id="circle3687"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       d="m 59.886333,102.61807 a 20.774999,20.774999 0 0 0 -20.775475,20.77496 20.774999,20.774999 0 0 0 20.775475,20.77496 20.774999,20.774999 0 0 0 13.722678,-5.19503 20.774999,20.774999 0 0 0 13.723193,5.19503 20.774999,20.774999 0 0 0 20.774956,-20.77496 20.774999,20.774999 0 0 0 -20.774956,-20.77496 20.774999,20.774999 0 0 0 -13.712859,5.18677 20.774999,20.774999 0 0 0 -13.733012,-5.18677 z" />
+    <svg:circle
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       id="path846"
+       cx="59.886101"
+       cy="123.39319"
+       r="20.775" />
+    <svg:circle
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       id="circle950"
+       cx="87.332413"
+       cy="123.39319"
+       r="20.775" />
+    <svg:path
+       id="circle4400"
+       style="fill:#d80669;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       d="m 73.619039,107.80484 a 20.774999,20.774999 0 0 0 -7.061583,15.58819 20.774999,20.774999 0 0 0 7.051765,15.57993 20.774999,20.774999 0 0 0 7.051765,-15.57993 20.774999,20.774999 0 0 0 -7.041947,-15.58819 z" />
+  </svg:g>
+  <svg:g
+     id="g22900"
+     transform="matrix(1.9747106,0,0,1.9747106,-235.81512,-83.501234)">
+    <svg:path
+       d="m 133.96445,42.393957 h -1.19274 l -0.82973,5.185831 h 0.74824 l 0.14076,-0.940858 h 1.00012 l 0.14076,0.940858 h 0.82233 z m -0.63711,0.918633 0.39264,2.622549 h -0.78528 z"
+       id="path21885"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;stroke-width:0.264583" />
+    <svg:path
+       id="path21887"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;fill:#d80669;fill-opacity:1;stroke-width:0.999999"
+       d="m 517.55078,160.22852 -3.13672,19.60156 h 2.82813 l 0.53125,-3.55664 h 3.78125 l 0.53125,3.55664 h 3.10742 l -3.13477,-19.60156 z m 9.04297,0 v 19.60156 h 2.77344 v -14.19727 l 3.83593,14.19727 h 3.16407 v -19.60156 h -2.74414 v 11.73242 l -3.16407,-11.73242 z m 11.98437,0 v 19.60156 h 4.87305 c 3.08001,0 4.5918,-1.70971 4.5918,-4.8457 v -9.91211 c 0,-3.136 -1.51179,-4.84375 -4.5918,-4.84375 z m 3.08008,2.80078 h 1.73633 c 0.98003,0 1.56836,0.50429 1.56836,1.90429 V 175.125 c 0,1.4 -0.58833,1.9043 -1.56836,1.9043 h -1.73633 z m -22.00781,0.67187 1.48438,9.91211 h -2.96875 z"
+       transform="scale(0.26458333)" />
+    <svg:path
+       d="m 147.89948,42.393957 h -1.22978 v 5.185831 h 1.28164 c 0.81491,0 1.23719,-0.429683 1.23719,-1.229783 v -0.422274 c 0,-0.548217 -0.17039,-0.940858 -0.60749,-1.11125 0.36301,-0.170391 0.526,-0.511175 0.526,-1.044574 v -0.185209 c 0,-0.800099 -0.36301,-1.192741 -1.20756,-1.192741 z m -0.0519,2.852207 c 0.37042,0 0.52599,0.148167 0.52599,0.629708 v 0.451908 c 0,0.385234 -0.14816,0.511175 -0.42227,0.511175 h -0.46673 v -1.592791 z m 0.0296,-2.111374 c 0.28893,0 0.41487,0.162983 0.41487,0.5334 v 0.288925 c 0,0.414866 -0.18521,0.548216 -0.48895,0.548216 h -0.31856 V 43.13479 Z"
+       id="path21893"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;stroke-width:0.264583" />
+  </svg:g>
+  <script />
+</svg:svg>
--- a/static/images/boolean-not.svg
+++ b/static/images/boolean-not.svg
@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg:svg
+   width="69.903229mm"
+   height="59.653248mm"
+   viewBox="0 0 69.903234 59.653248"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="boolean-not.svg"
+   inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#cccccc"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="1"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="3.211197"
+     inkscape:cx="122.85138"
+     inkscape:cy="154.14812"
+     inkscape:window-width="3072"
+     inkscape:window-height="1659"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5" />
+  <svg:defs
+     id="defs2" />
+  <svg:g
+     id="g3731"
+     transform="translate(-39.344884,-132.18207)">
+    <svg:path
+       id="circle3661"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:0.999999;stop-color:#000000"
+       d="m 227.72461,567.35156 a 78.519684,78.519684 0 0 0 -78.51953,78.51953 78.519684,78.519684 0 0 0 78.51953,78.51953 78.519684,78.519684 0 0 0 53.08008,-20.67968 78.519684,78.519684 0 0 0 53.08203,20.67968 78.519684,78.519684 0 0 0 78.51953,-78.51953 78.519684,78.519684 0 0 0 -78.51953,-78.51953 78.519684,78.519684 0 0 0 -53.07227,20.67188 78.519684,78.519684 0 0 0 -53.08984,-20.67188 z"
+       transform="scale(0.26458333)" />
+    <svg:circle
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       id="circle4432"
+       cx="60.252247"
+       cy="170.88666"
+       r="20.775" />
+    <svg:circle
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       id="circle4434"
+       cx="88.340759"
+       cy="170.88666"
+       r="20.775" />
+    <svg:path
+       id="circle4476"
+       style="fill:#d80669;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       d="m 60.252174,150.11146 a 20.774999,20.774999 0 0 0 -20.774959,20.77496 20.774999,20.774999 0 0 0 20.774959,20.77547 20.774999,20.774999 0 0 0 14.044104,-5.4715 20.774999,20.774999 0 0 1 -6.730338,-15.30397 20.774999,20.774999 0 0 1 6.732405,-15.30501 20.774999,20.774999 0 0 0 -14.046171,-5.46995 z" />
+  </svg:g>
+  <svg:g
+     id="g11916"
+     transform="matrix(1.9096583,0,0,1.9096583,-228.91301,-259.60828)">
+    <svg:path
+       d="m 131.79148,136.00699 h -1.19274 l -0.82973,5.18584 h 0.74824 l 0.14076,-0.94086 h 1.00012 l 0.14076,0.94086 h 0.82232 z m -0.63712,0.91864 0.39265,2.62255 h -0.78529 z"
+       id="path10319"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;stroke-width:0.264583" />
+    <svg:path
+       id="path10321"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;fill:#d80669;fill-opacity:1;stroke-width:0.999999"
+       d="m 523.39258,513.81836 c -3.024,0 -4.67578,1.79175 -4.67578,4.92773 v 10.19141 c 0,3.13599 1.65178,4.92773 4.67578,4.92773 3.024,0 4.67773,-1.79174 4.67773,-4.92773 v -10.19141 c 0,-3.13598 -1.65373,-4.92773 -4.67773,-4.92773 z m -16.40625,0.22461 v 19.59961 h 2.77148 v -14.19727 l 3.83594,14.19727 h 3.16406 v -19.59961 h -2.74414 v 11.73047 l -3.16406,-11.73047 z m 22.23047,0 v 2.79883 h 3.2207 v 16.80078 h 3.08008 V 516.8418 h 3.2207 v -2.79883 z m -5.91407,2.57617 c 0.0299,-10e-4 0.0592,0 0.0898,0 0.97999,0 1.59765,0.53163 1.59765,1.93164 v 10.58399 c 0,1.40001 -0.61766,1.93164 -1.59765,1.93164 -0.98,0 -1.5957,-0.53163 -1.5957,-1.93164 v -10.58399 c 0,-1.35626 0.57876,-1.89911 1.50585,-1.93164 z"
+       transform="scale(0.26458333)" />
+    <svg:path
+       d="m 145.28941,136.00699 h -1.22978 v 5.18584 h 1.28164 c 0.81492,0 1.23719,-0.42969 1.23719,-1.22979 v -0.42227 c 0,-0.54822 -0.17039,-0.94086 -0.60748,-1.11125 0.36301,-0.17039 0.52599,-0.51118 0.52599,-1.04458 v -0.1852 c 0,-0.8001 -0.36301,-1.19275 -1.20756,-1.19275 z m -0.0519,2.85221 c 0.37042,0 0.526,0.14817 0.526,0.62971 v 0.45191 c 0,0.38523 -0.14817,0.51117 -0.42228,0.51117 h -0.46672 v -1.59279 z m 0.0296,-2.11137 c 0.28892,0 0.41486,0.16298 0.41486,0.5334 v 0.28892 c 0,0.41487 -0.1852,0.54822 -0.48895,0.54822 h -0.31855 v -1.37054 z"
+       id="path10327"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;stroke-width:0.264583" />
+  </svg:g>
+  <script />
+</svg:svg>
--- a/static/images/boolean-or.svg
+++ b/static/images/boolean-or.svg
@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg:svg
+   width="82.224998mm"
+   height="65.381454mm"
+   viewBox="0 0 82.225005 65.381455"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="boolean-or.svg"
+   inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#cccccc"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="1"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.9298573"
+     inkscape:cx="56.487392"
+     inkscape:cy="82.597879"
+     inkscape:window-width="3072"
+     inkscape:window-height="1659"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5" />
+  <svg:defs
+     id="defs2" />
+  <svg:g
+     id="g3725"
+     transform="matrix(1.1871777,0,0,1.1871777,-47.090634,-99.398833)">
+    <svg:path
+       id="circle876"
+       style="fill:#d80669;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583;stop-color:#000000"
+       d="M 60.573562,97.019112 A 20.774999,20.774999 0 0 0 39.798087,117.79407 20.774999,20.774999 0 0 0 60.573562,138.56903 20.774999,20.774999 0 0 0 74.29624,133.37348 20.774999,20.774999 0 0 0 88.019434,138.56903 20.774999,20.774999 0 0 0 108.79439,117.79407 20.774999,20.774999 0 0 0 88.019434,97.019112 20.774999,20.774999 0 0 0 74.306575,102.20587 20.774999,20.774999 0 0 0 60.573562,97.019112 Z" />
+    <svg:circle
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       id="circle1024"
+       cx="60.57333"
+       cy="117.79401"
+       r="20.775" />
+    <svg:circle
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stop-color:#000000"
+       id="circle1026"
+       cx="88.019646"
+       cy="117.79401"
+       r="20.775" />
+  </svg:g>
+  <svg:g
+     id="g16133"
+     transform="matrix(1.1871777,0,0,1.1871777,-29.018038,-113.65733)">
+    <svg:path
+       d="m 49.833083,95.843061 h -2.058982 l -1.432332,8.952099 h 1.291659 l 0.242988,-1.62417 h 1.72647 l 0.242989,1.62417 h 1.419557 z m -1.099819,1.585802 0.6778,4.527207 h -1.3556 z"
+       id="path14458"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;stroke-width:0.45674" />
+    <svg:path
+       id="path14460"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;fill:#d80669;fill-opacity:1;stroke-width:0.45674"
+       d="m 55.920454,95.740442 c -1.381182,0 -2.135616,0.818359 -2.135616,2.250696 v 4.655712 c 0,1.43234 0.754434,2.25069 2.135616,2.25069 1.381183,0 2.135617,-0.81835 2.135617,-2.25069 v -4.655712 c 0,-1.432337 -0.754434,-2.250696 -2.135617,-2.250696 z m 3.043745,0.102592 v 8.951916 h 1.406797 v -3.64499 h 0.486181 c 0.639442,0 0.920615,0.30701 0.920615,1.13828 v 1.4068 c 0,0.72895 0.05075,0.86971 0.127571,1.09991 h 1.432667 c -0.14069,-0.3325 -0.15343,-0.65172 -0.15343,-1.08653 v -1.38182 c 0,-0.93358 -0.230619,-1.61133 -0.933998,-1.90547 0.626647,-0.29413 0.92151,-0.894568 0.92151,-1.815356 v -0.703841 c 0,-1.381182 -0.626858,-2.058903 -2.084773,-2.058903 z m -3.043745,1.176639 c 0.447606,0 0.728825,0.242827 0.728825,0.882264 v 4.834123 c 0,0.63944 -0.281219,0.88226 -0.728825,0.88226 -0.447601,0 -0.728821,-0.24282 -0.728821,-0.88226 v -4.834123 c 0,-0.639437 0.28122,-0.882264 0.728821,-0.882264 z m 4.450542,0.102592 h 0.677975 c 0.498752,0 0.716334,0.281184 0.716334,0.920619 v 0.882259 c 0,0.716169 -0.320459,0.946489 -0.844792,0.946489 h -0.549517 z" />
+    <svg:path
+       d="m 68.210425,95.843061 h -2.122923 v 8.952099 h 2.212447 c 1.406766,0 2.135714,-0.74175 2.135714,-2.12292 v -0.72896 c 0,-0.94637 -0.294137,-1.62417 -1.048669,-1.91831 0.62665,-0.294136 0.907996,-0.882419 0.907996,-1.803205 v -0.31972 c 0,-1.38118 -0.62665,-2.058984 -2.084565,-2.058984 z m -0.08959,4.923649 c 0.639442,0 0.907997,0.25578 0.907997,1.08705 v 0.78011 c 0,0.66501 -0.255763,0.88242 -0.728949,0.88242 h -0.805699 v -2.74958 z m 0.0511,-3.644776 c 0.498752,0 0.716157,0.281353 0.716157,0.920788 v 0.49876 c 0,0.716168 -0.319721,0.946365 -0.844056,0.946365 h -0.549918 v -2.365913 z"
+       id="path14464"
+       style="font-size:7.40833px;line-height:1.25;font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';letter-spacing:0px;word-spacing:0px;stroke-width:0.45674" />
+  </svg:g>
+  <script />
+</svg:svg>
--- a/static/images/pubmed-logo.svg
+++ b/static/images/pubmed-logo.svg
@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="720px" height="256px" viewBox="0 0 123.1 43.691" enable-background="new 0 0 123.1 43.691" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#231F1F" d="M50.487,2.04v29.034c0,0,11.162-1.299,11.162,9.604V13.201C61.649,2.818,50.487,2.04,50.487,2.04"/>
+		<path fill="#AAAAAA" d="M55.715,0v25.547c0,0,6.162,1.189,6.162,12.091c0,10.903,0.031-20.283,0.031-26.124
+			C61.909,1.132,55.715,0,55.715,0"/>
+	</g>
+	<path fill="#3978AD" d="M62.077,12.941v26.422c0,0,5.359-15.01,27.887,4.328c0-7.008,0.043-24.683,0.043-30.525
+		C67.739-3.057,62.077,12.941,62.077,12.941"/>
+	<path fill="#3978AD" d="M0,32.718h5v-6.399h2.848c4.388,0,6.852-1.996,6.852-6.55c0-4.427-2.869-6.349-7.018-6.349H0V32.718z
+		 M5,17.419h0.853c1.965,0,3.646,0.027,3.646,2.503c0,2.396-1.81,2.396-3.646,2.396H5V17.419z"/>
+	<path fill="#3978AD" d="M16.699,19.619v7.871c0,4.304,3.073,5.629,7.05,5.629c3.977,0,7.051-1.324,7.051-5.629v-7.871h-4.7v6.974
+		c0,1.654-0.414,2.825-2.351,2.825s-2.35-1.171-2.35-2.825v-6.974H16.699z"/>
+	<path fill="#3978AD" d="M33.6,32.718h4.7v-1.459h0.051c0.841,1.282,2.42,1.859,3.949,1.859c3.898,0,6.6-3.225,6.6-7.013
+		c0-3.764-2.677-6.988-6.549-6.988c-1.503,0-3.057,0.574-4.05,1.747v-9.347h-4.7L33.6,32.718z M41.1,23.118c1.897,0,3,1.378,3,3.014
+		c0,1.688-1.102,2.986-3,2.986c-1.897,0-3-1.298-3-2.986C38.1,24.496,39.202,23.118,41.1,23.118L41.1,23.118z"/>
+	<polygon fill="#FFFFFF" points="64.2,32.718 69.192,32.718 70.805,21.607 70.856,21.607 75.286,32.718 77.284,32.718 
+		81.918,21.607 81.969,21.607 83.377,32.718 88.399,32.718 85.477,13.419 80.485,13.419 76.336,23.733 72.418,13.419 67.477,13.419 
+			"/>
+	<path fill="#3978AD" d="M96.7,24.218c0.281-1.374,1.408-2.1,2.764-2.1c1.254,0,2.406,0.83,2.639,2.1H96.7z M106.426,26.431
+		c0-4.49-2.65-7.313-7.227-7.313c-4.293,0-7.299,2.636-7.299,7.013c0,4.53,3.264,6.987,7.637,6.987c3.008,0,5.965-1.406,6.711-4.5
+		h-4.492c-0.512,0.869-1.23,1.201-2.23,1.201c-1.924,0-2.926-1.019-2.926-2.901h9.826V26.431z"/>
+	<path fill="#3978AD" d="M118.399,32.718h4.701v-21.2h-4.701v9.347c-0.969-1.173-2.549-1.747-4.051-1.747
+		c-3.873,0-6.549,3.225-6.549,6.987c0,3.762,2.727,7.012,6.6,7.012c1.527,0,3.133-0.578,3.947-1.859h0.053V32.718z M115.6,23.118
+		c1.896,0,3,1.378,3,3.014c0,1.688-1.102,2.986-3,2.986c-1.896,0-3-1.298-3-2.986C112.6,24.496,113.702,23.118,115.6,23.118
+		L115.6,23.118z"/>
+</g>
+</svg>
--- a/static/images/zotero-machine.png
+++ b/static/images/zotero-machine.png
--- a/static/images/zotero.png
+++ b/static/images/zotero.png