adjust lightbox size

README.md

@@ -37,11 +37,13 @@ Contacts d’artistes à changer dans la mosaique
 
 # page manifestations
 
-- [ ] Pour la vidéo **insérer si possible en première image fixe** la vue extérieure du bâtiment
+- [x] Pour la vidéo **insérer si possible en première image fixe** la vue extérieure du bâtiment
 
-- [ ] Si possible : absence de son par defaut
+- [x] Si possible : absence de son par defaut
 
-- [ ] En reprenant la même charte graphique que d’habitude **placer les six photos dessous en vignettes pouvant s’ouvrir d’1 clique** (suivre l’ordre correspondant au numéro de chaque image, dans l’idéal faire apparaitre le nom de l’artiste)
+- [x] En reprenant la même charte graphique que d’habitude **placer les six photos dessous en vignettes pouvant s’ouvrir d’1 clique** (suivre l’ordre correspondant au numéro de chaque image, dans l’idéal faire apparaitre le nom de l’artiste)
+
+- [x] ajuster taille des images
 
 - [ ] Mettre le texte comme d’habitude (texte dans ce document)
 

www/css/lightbox.css

@@ -9,8 +9,7 @@
   line-height: 0;
 }
 #lightbox img {
-  width: auto;
+  width: 100%;
-  height: auto;
 }
 #lightbox a img {
   border: none;
@@ -76,7 +75,10 @@
 }
 
 #imageDataContainer {
-  font: 11px Arial, Helvetica, sans-serif;
+  font:
+    11px Arial,
+    Helvetica,
+    sans-serif;
   background-color: #fff;
   border-top: 1px #666666 solid;
   margin: 0 auto;
@@ -88,7 +90,11 @@
 #imageData {
   padding: 0 10px;
   color: #666;
-  font-family: Courrier New, Courrier, DejaVu Sans Mono, monospace;
+  font-family:
+    Courrier New,
+    Courrier,
+    DejaVu Sans Mono,
+    monospace;
 }
 #imageData #imageDetails {
   width: 70%;
@@ -101,7 +107,10 @@
   font-weight: bold;
 }
 #imageData #numberDisplay {
-  font: 10px Arial, Helvetica, sans-serif;
+  font:
+    10px Arial,
+    Helvetica,
+    sans-serif;
   display: block;
   clear: left;
   padding-bottom: 1em;

www/manifestations.html

@@ -364,6 +364,7 @@
                     <video
                       width="480"
                       height="485"
+                      muted
                       poster="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_poster.jpg"
                       controls
                     >