ajout d'une fonctionnalité pour l'affichage des diapositives des présentations dans la page présentations lors du clic sur un hyperlien

- modification du Makefile pour ajouter un template pour les pages
- ajout d'un script JS pour capturer l'événement du clic sur un hyperlien avec la classe 'load-content'
- ajout de propriété css pour que la div contenant l'iframe n'apparaisse que lorsqu'il y a une iframe à l'intérieur
- réglage de l'affichage des slides en css
- la commande 'make html' a mis à jour toutes les pages du site utilisant le template page.html

1 files changed, 18 insertions, 0 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index c18f08e..8ed60a7 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -33,6 +33,7 @@ img {
     grid-row: 2;
     background-color: rgb(255, 255, 255);
     border: 3px solid black;
+    height: fit-content;
 }
 
 .content {
@@ -149,6 +150,23 @@ footer a:hover, footer a:active {
     grid-row: 2;
 }
 
+.side-page.has-iframe {
+    position: -webkit-sticky;
+    position: sticky;
+    height: fit-content;
+    top: 0;
+    border: 3px solid black;
+    background-color: rgb(255, 255, 255);
+    grid-column: 1;
+    grid-row: 2;
+}
+
+.side-page iframe {
+    width: 100%;
+    height: 350px;
+    border: 0;
+}
+
 .toc ul {
     list-style: none;
 }