projet: intègre les procédure OpenAthens

- Intègre les procédures OpenAthens au projet.
- Adapte le Makefile pour convertir les différents documents.
- Documente l'usage du Makefile.
- Rassemble tous les fichiers statiques dans le dossier static.
- Regroupe les images dans le dossier static/images.

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

.gitignore

@@ -1,4 +1,6 @@
 *.zip
 *.pdf
+pdf/
 
-bookmarklet.html
+*.html
+!static/template.html

Makefile

@@ -1,37 +1,47 @@
-# Modifier le nom et le nombre des fichiers
-# contenant les sources du document
-input_files := \
-bookmarklet.md
+# Modifier le nom et le nombre des fichiers contenant les sources du document
 
-output_file_name := bookmarklet
+SOURCES_FOLDER := source
+PDF_FOLDER := pdf
+STATIC_FOLDER := static
 
-pandoc := \
-	pandoc -s --citeproc \
-	--css=style.css --template=template.html \
-	--toc --toc-depth=2 \
+SOURCE_FILES := $(wildcard $(SOURCES_FOLDER)/*.md)
+HTML_FILES := $(patsubst $(SOURCES_FOLDER)/%.md,%.html,$(SOURCE_FILES))
+PDF_FILES := $(patsubst $(SOURCES_FOLDER)/%.md,$(PDF_FOLDER)/%.pdf,$(SOURCE_FILES))
+HTML_TEMPLATE := $(STATIC_FOLDER)/template.html
+CSS_FILE := $(STATIC_FOLDER)/style.css
 
-pandoc_html := \
-	$(pandoc) \
-	--to=html --output=$(output_file_name).html \
-	$(input_files)
+.PHONY: all
+all: $(PDF_FILES)
 
-pandoc_pdf := \
-	$(pandoc) \
-	-V noscript=true \
-	--embed-resource --to=pdf \
-	--pdf-engine=pagedjs-cli \
-	--output=$(output_file_name).pdf \
-	$(input_files)
+%.html: $(SOURCES_FOLDER)/%.md
+	pandoc \
+	--css=$(CSS_FILE) --template=$(HTML_TEMPLATE) \
+	--to=html --standalone \
+	--out=$@ $<
 
-html: $(input_files) 
-	$(pandoc_html)
+.PHONY: html
+html: $(HTML_FILES)
 
-watch_html: $(input_files)
-	watchexec -r -w . -i $(output_file_name).html \
-	"$(pandoc_html)"
+$(PDF_FOLDER)/%.pdf: $(SOURCES_FOLDER)/%.md
+	mkdir -p $(PDF_FOLDER) 
+	pandoc \
+	--to=pdf --pdf-engine=pagedjs-cli \
+	--embed-resource -V noscript=true \
+	--css=$(CSS_FILE) --template=$(HTML_TEMPLATE) \
+	--toc \
+	--out=$@ $<
 
-pdf: $(input_files)
-	$(pandoc_pdf)
+.PHONY: pdf 
+pdf: $(PDF_FILES)
 
+.PHONY: clean
+clean:
+	rm -f $(filter-out template.html,$(wildcard *.html))
+
+.PHONY: serve
 serve:
 	watchexec -r -w . "python -m http.server"
+
+.PHONY: watch
+watch:
+	watchexec -r -w . --ignore $(TARGET) -- make $(TARGET)

README.md

@@ -21,25 +21,34 @@ accès, car la reconnaissance par IP n'est plus possible.
 
 Cette documentation propose :
 
-1. Des procédures détaillant les cas particuliers (à venir).
+1. Des procédures détaillant les cas particuliers. Ce sont les fichiers `.md`
+   du dossier `source/`. Un cas particulier est ajouté à chaque fois qu'un ou
+   une lectrice signale un problème pour accéder à une ressource précise chez
+   un fournisseur (base de donnée, éditeur, revue).
 1. Une méthode pour [ajouter un *bookmarklet* au navigateur web][3] pour
    faciliter son usage.
 
 ## Édition et conversion
 
 Pour éditer la source de la procédure du *bookmaklet*, il faut éditer le
-fichier markdown correspondant : [`./bookmarklet.md`][3].
+fichier markdown correspondant : [`./source/bookmarklet.md`][3]. C'est la même
+méthode pour les cas particuliers.
 
 Pour la conversion du document, il faut installer les dépendances (voir la
-section [requis][4]) et utiliser les facilités du `Makefile` :
+section [*Requis*][4]) et utiliser les facilités du `Makefile` :
 
-- `make html` ou `make watch_html` pour générer le fichier HTML contenant les
-  éléments d'interface de `pagedjs` pour la consultation dans un navigateur
-  web. La commande avec le watch permet de reconvertir automatiquement le
-  fichier chaque fois que des modification du markdown sont enregistrées.
+- `make html` ou `make <filename>.html`  pour générer le ou les fichiers HTML
+  contenant les éléments d'interface de `pagedjs` pour la consultation dans un
+  navigateur web.
+- `make watch TARGET=<filename>.html` permet de reconstruire automatiquement le
+  fichier chaque fois que des modifications du markdown, du template ou du CSS
+  sont enregistrées.
 - `make serve` lance un serveur web local (avec python) pour charger le fichier
   HTML produit par la commande précédente.
-- `make pdf` converti au format PDF le fichier markdown en utilisant `pagedjs`.
+- `make` ou `make pdf` ou `make <filename>.pdf` converti au format PDF le ou
+  les fichiers markdown en utilisant `pagedjs`. Seuls les sources modifiées
+  sont reconstruites.
+- `make clean` supprime les fichiers HTML lorsqu'ils ne sont plus utiles.
 
 ## Requis
 
@@ -47,9 +56,10 @@ Pour convertir les sources dans différents formats, et pour faciliter
 l'édition, certains logiciels sont utiles, voire nécessaires :
 
 - `pandoc` pour les conversion (obligatoire).
-- `pagedjs`, `pagedjs-cli` pour la conversion au format PDF (obligatoire).
+- `pagedjs-cli` pour la conversion au format PDF (obligatoire).
 - `watchexec` pour observer les modifications sur des fichiers afin de relancer
-  une commande. C'est utile pour la commande `make watch_html` par exemple.
+  une commande. C'est utile pour la commande `make watch TARGET=<filename>.md`
+  par exemple.
 
 ## Licence
 
@@ -59,4 +69,5 @@ Ce projet est sous [licence CC-BY-SA 4.0][2].
 
 [1]: ./
 [2]: ./LICENSE
-[3]: ./bookmarklet.md
+[3]: ./source/bookmarklet.md
+[4]: #requis

source/aap.md

@@ -0,0 +1,48 @@
+---
+title: Procédure OpenAthens pour les revues de l'American Association of Pediatrics
+file_date: 2025-08-21T10:59:49+0200
+id: 20250821105955
+tags: ["OpenAthens", "aap", "procédure"]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+L'*American Association of Pediatrics* est un cas pour lequel
+l'authentification par OpenAthens est particulièrement difficile.
+
+Pour accéder aux articles des revues de l'*AAP* depuis les HUG, via
+*OpenAthens*, procéder comme suit :
+
+Cliquer sur *log in* et choisir l'*institutional login*.
+
+![Institutional login](./static/images/aap-login.png)
+
+Dans le menu des fédérations, sélectionner la *OpenAthens federation*
+
+![Sélectionner la fédération OpenAthens](./static/images/aap-openathens-federation.png)
+
+Chercher non pas l'institution « UNIGE / HUG - Université de Genève / Hôpitaux
+Universitaires de Genève », comme il le faudrait, mais « Univ of Geneve -
+Biblio CMU ». Il n'y a pas de recherche, il faut dérouler le menu.
+
+![Sélectionner l'institution Univ of Geneve - Biblio- CMU](./static/images/aap-select-institution.png)
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/nejm-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+Vous trouverez les informations utiles pour l'accès aux ressources
+documentaires de la Bibliothèque depuis les HUG à l'adresse suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/bates.md

@@ -0,0 +1,46 @@
+---
+title: Procédure OpenAthens pour le Bates Visual Guide
+file_date: 2025-02-05T15:56:43+0200
+id: 20250205155709
+tags: [OpenAthens, bates, procédure]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder au *Bate's Visual Guide*, procéder comme suit :
+
+Se rendre à l'URL <https://clinicalcontext.lww.com/en/batesvisualguide>.
+
+Sélectionner l'option *Access through your institution*.
+
+![Access through your institution](./static/images/bates-1.png)
+
+![Chercher la bonne institution](./static/images/bates-2.png)
+
+Chercher l'institution « unige » ou « hug » et sélectionner « UNIGE / HUG -
+Université de Genève / Hôpitaux Universitaires de Genève ».
+
+![Choisir son compte](./static/images/select-account.png)
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+Vous devez enfin entrer vos identifiants.
+
+::: {.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/bmj.md

@@ -0,0 +1,52 @@
+---
+title: Procédure OpenAthens pour BMJ
+file_date: 2024-09-20T09:53:18+0200
+id: 20240920095318
+tags: [OpenAthens, bmj, procédure]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder aux articles du *BMJ* depuis les HUG, via *OpenAthens*, procéder
+comme suit :
+
+Cliquer sur *sign in*.
+
+![Log In BMJ](./static/images/bmj-sign-in.png)
+
+Sélectionner *Login In via OpenAthens*
+
+![Login In via OpenAthens](./static/images/bmj-openathens.png)
+
+::: {.newpage}
+:::
+
+Chercher l'institution « unige » ou « hug » et sélectionner « UNIGE / HUG -
+Université de Genève / Hôpitaux Universitaires de Genève ».
+
+![Sélectionner l'UNIGE](./static/images/bmj-select-institution.png)
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/jama-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+::: {.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/bookmarklet.md

@@ -5,7 +5,7 @@ date: Automne 2025
 id: 20250808095505
 tags: ["OpenAthens", "navigateur web", "bookmarklet"]
 logo:
-  - ./static/logo-openathens.svg
+  - ./static/images/logo-openathens.svg
 toc-title: Table des matières
 ---
 
@@ -89,17 +89,17 @@ Cliquer sur « enregistrer » et le *bookmarklet* est prêt !
 
 <!-- références -->
 
-[1]: ./static/nejm.png
-[2]: ./static/clic-bookmarklet.png
-[3]: ./static/compte-identification.png
-[4]: ./static/nejm-authentifié.png
-[5]: ./static/firefox-afficher-barre.png
-[6]: ./static/chrome-afficher-barre.png
-[7]: ./static/firefox-ajout-bookmark.png
-[8]: ./static/chrome-ajout-bookmark.png
-[9]: ./static/firefox-bookmark-content.png
-[10]: ./static/chrome-bookmark-content.png
-[11]: ./static/by-sa.svg
+[1]: ./static/images/nejm.png
+[2]: ./static/images/clic-bookmarklet.png
+[3]: ./static/images/compte-identification.png
+[4]: ./static/images/nejm-authentifié.png
+[5]: ./static/images/firefox-afficher-barre.png
+[6]: ./static/images/chrome-afficher-barre.png
+[7]: ./static/images/firefox-ajout-bookmark.png
+[8]: ./static/images/chrome-ajout-bookmark.png
+[9]: ./static/images/firefox-bookmark-content.png
+[10]: ./static/images/chrome-bookmark-content.png
+[11]: ./static/images/by-sa.svg
 [12]: https://creativecommons.org/licenses/by-sa/4.0/deed.fr "Texte de la licence en français"
 [13]: https://git.milhit.ch/igor/cmu-openathens-doc "Projet git du document"
 

source/embase.md

@@ -0,0 +1,43 @@
+---
+title: Procédure OpenAthens pour EMBASE
+file_date: 2025-03-12T12:21:23+0100 
+id: 20250312122131 
+tags: [OpenAthens, embase, procédure]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder à *Embase* depuis les HUG, via *OpenAthens*, procéder comme suit :
+
+Cliquer sur *Check Access*.
+
+![Check access](./static/images/embase-1.png)
+
+![Sélectionner l'UNIGE](./static/images/embase-2.png)
+
+Chercher l'institution « UNIGE / HUG - Université de Genève / Hôpitaux Universitaires de Genève »
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/nejm-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+::: {.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/jama.md

@@ -0,0 +1,54 @@
+---
+title: Procédure OpenAthens pour le JAMA network
+file_date: 2024-07-10T09:30:13+0200 
+id: 20240710093027 
+tags: ["OpenAthens", "jama", "procédure"]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder aux articles du *JAMA* depuis les HUG, via *OpenAthens*, procéder
+comme suit :
+
+Cliquer sur *sign in*.
+
+![Sign In JAMA](./static/images/jama-sign-in.png)
+
+Sélectionner *Access through your institution*
+
+![Access through your institution](./static/images/jama-institutional.png)
+
+Si le menu d'accès avec votre institution n'est pas présent, c'est peut-être
+que vous êtes déjà connecté en tant qu'institution. Dans ce cas, essayez
+d'accéder à un article pour vérifier.
+
+![Sélectionner l'UNIGE](./static/images/jama-select-institution.png)
+
+Chercher l'institution « Université de Genève ». JAMA ne se comporte pas ici de
+manière standard en ne proposant pas le nom habituel « UNIGE / HUG - Université
+de Genève / Hôpitaux Universitaires de Genève ».
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/jama-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+:::{.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/nejm.md

@@ -0,0 +1,47 @@
+---
+title: Procédure OpenAthens pour le NEJM
+file_date: 2024-05-30T16:09:25+0200
+id: 20240530160925
+tags: ["OpenAthens", "jama", "procédure"]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+
+Pour accéder aux articles du *NEJM* depuis les HUG, via *OpenAthens*, procéder
+comme suit :
+
+Cliquer sur *sign in*.
+
+![Sign in NEJM](./static/images/nejm-sign-in.png)
+
+Sélectionner *Institutional Login*
+
+![Institutional sign in](./static/images/nejm-institutional.png)
+
+![Choisir OpenAthens](./static/images/nejm-openathens.png)
+
+Chercher l'institution « UNIGE / HUG - Université de Genève / Hôpitaux Universitaires de Genève »
+
+![Sélectionner l'UNIGE](./static/images/nejm-unige.png)
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/nejm-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+Vous trouverez les informations utiles pour l'accès aux ressources
+documentaires de la Bibliothèque depuis les HUG à l'adresse suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/psycinfo.md

@@ -0,0 +1,49 @@
+---
+title: Procédure OpenAthens pour APA PsycNet 
+file_date: 2025-03-25T08:38:59+0100 
+id: 20250325083904 
+tags: ["OpenAthens", "APA PsycNet", "procédure"]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder à *APA PsycNet* depuis les HUG, via *OpenAthens*, procéder comme
+suit :
+
+Cliquer sur *Login*.
+
+![Login](./static/images/psycnet-1.png)
+
+Sur la droite, dans le menu déroulant au-dessus du bouton *OpenAthens*,
+chercher l'institution « Universite de Geneve » (sans accent).
+
+![Sélectionner l'UNIGE](./static/images/psycnet-2.png)
+
+Cliquer sur le bouton *OpenAthens*.
+
+![Cliquer sur OpenAthens](./static/images/psycnet-3.png) 
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/select-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+::: {.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/rsoc.md

@@ -0,0 +1,50 @@
+---
+title: Procédure OpenAthens pour les revues de la Royal Society of Chemistry 
+file_date: 2025-04-10T14:44:01+0200 
+id: 20250410144408 
+tags: [OpenAthens, rsc, procédure]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder aux articles d'une revue de la *Royal Society of Chemistry* depuis
+les HUG, via *OpenAthens*, procéder comme suit :
+
+Cliquer sur *log in*.
+
+![Log in RSC](./static/images/rsoc-1.png)
+
+Sélectionner *Find my institution*
+
+![Find my institution](./static/images/rsoc-2.png)
+
+::: {.newpage}
+:::
+
+Sélectionner *Switzerland (SwitchAAI) Federation* et chercher l'institution
+« Université de Genève »
+
+![Sélectionner Switzerland (SwitchAAI) Federation](./static/images/rsoc-3.png)
+
+Identifiez-vous avec votre compte Switch edu-ID.
+
+![Connexion avec Switch edu-ID](./static/images/switch-edu-id.png)
+
+::: {.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/sciencedirect.md

@@ -0,0 +1,44 @@
+---
+title: Procédure OpenAthens pour le NEJM
+file_date: 2025-12-03T15:10:11+0100 
+id: 20251203151001
+tags: [OpenAthens, ScienceDirect, procédure]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder aux articles des revues sur *ScienceDirect* depuis les HUG, via
+*OpenAthens*, procéder comme suit :
+
+Cliquer sur *sign in*.
+
+![Sign in ScienceDirect](./static/images/science-direct-1.jpg)
+
+Chercher l'institution « UNIGE / HUG - Université de Genève / Hôpitaux Universitaires de Genève »
+
+![Sélectionner l'UNIGE](./static/images/science-direct-2.png)
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/select-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+::: {.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

source/taylor-francis.md

@@ -0,0 +1,55 @@
+---
+title: Procédure OpenAthens pour Taylor & Francis 
+file_date: 2024-07-12T09:40:50+0200 
+id: 20240712094057 
+tags: [OpenAthens, taylor & francis, procédure]
+date: Automne 2025
+---
+
+::: {.warning}
+
+Ajoutez un bookmarklet à votre navigateur pour faciliter l’usage d’OpenAthens !
+Une [procédure est
+disponible](https://www.unige.ch/biblio/index.php/download_file/22386/).
+
+![](./static/images/qr-code-procedure.svg)
+
+:::
+
+Pour accéder aux articles de *Taylor & Francis* depuis les HUG, via
+*OpenAthens*, procéder comme suit :
+
+Cliquer sur *login*.
+
+![Log in Taylor & Francis](./static/images/tf-login.png)
+
+Sélectionner *Access through your institution*
+
+![Access through your institution](./static/images/tf-institution.png)
+
+Choisir *OpenAthens*
+
+![Sign in with your OpenAthens account](./static/images/tf-openathens.png)
+
+Chercher l'institution « UNIGE / HUG - Université de Genève / Hôpitaux Universitaires de Genève »
+
+![Sélectionner l'UNIGE](./static/images/tf-select-institution.png)
+
+::: {.newpage}
+:::
+
+Sélectionner votre compte UNIGE (ISIs) ou HUG (SESAME)
+
+![Choisir son compte](./static/images/nejm-account.png)
+
+Vous devez enfin entrer vos identifiants.
+
+::: {.newpage}
+:::
+
+De manière générale, vous trouverez les informations utiles pour l'accès aux
+ressources documentaires de la Bibliothèque depuis les HUG à l'adresse
+suivante :
+<https://www.unige.ch/biblio/fr/infos/sites/cmu/information-membres-hug/acces>.
+
+![QRcode de l'URL précédente](./static/images/qrcode-access.png)

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%;
@@ -196,6 +196,7 @@
     figure img {
         max-width: 85%;
         margin: 0 auto;
+        max-height: 35vh;
     }
     figcaption {
         text-align: center;

static/template.html

@@ -31,9 +31,9 @@ $endfor$
      when they are unnecessary. -->
 $if(noscript)$
 $else$
-  <link href="/interface.css" rel="stylesheet" type="text/css" />
-  <script src="/paged.polyfill.js"></script>
-  <script src="/reload-in-place.js"></script>
+  <link href="./static/interface.css" rel="stylesheet" type="text/css" />
+  <script src="./static/paged.polyfill.js"></script>
+  <script src="./static/reload-in-place.js"></script>
 $endif$
 $for(header-includes)$
   $header-includes$