added exposition invisible 3

README.md

@@ -2,6 +2,9 @@
 
 - que voulais-tu dire par "si encore opérationnel" à propos de changer cette adresse mail ? -> j'ai remplacé l'ancienne par la nouvelle sur yahoo
 - j'ai changé l'adresse mail sur toutes les pages, pas uniquement la page d'accueil
+- j'ai rajouté "Visible / Invisible 3" en premiere position, mais je ne suis pas sur que c'etait ce que tu voulais
+- pour la video, j'ai fais une version simple comme pour visible-invisible-3 avec simplement une image, et quand on clique dessus la video se lance. Je crois que c'est autre chose que tu voulais : une image sans les "boutons" video, puis la video qui se lance toute seule au bout de 3 secondes ? dis-moi si c'est bien ca
+- j'ai modifié la qualité des images, est-ce qu'elle te convient ?
 
 ---
 
@@ -19,12 +22,12 @@
 ## Page manifestations
 
 - [x] Changer adresse mail : bloc.house79@gmail.com -> blochouseprojects@yahoo.com
-- [ ] Même style que pour toutes les manifestations passées
-- [ ] Rajout en premier bandeau en haut à droite : Visible/Invisible.3
-- [ ] Vidéo courte de l’exposition (rajouter comme page titre le visuel de la manifestation en fixe sur 3 secondes puis la vidéo enchaine elle est en verticale, d’où bandes noires de chaque cotés)
-- [ ] En dessous les 5 photos (légendées « Vue de l’exposition » et pour la quatrième « les artistes organisateurs »
-- [ ] Texte : Troisième volet du projet d’expositions sur le dessin contemporain Visible/Invisible – 15/01/2024 – 22/01/2024 à la LooLooLook Gallery, 12 rue de la Sourdière 75001 Paris.
-- [ ] Artistes exposants : Milan Atanaskovic, Christophe Bogdan, Emmanuel Bing, Sophie Bloch, LAAB - Laurence Bost, Jérôme Bouchez, Sahar Foroutan, Macha Krivokapic, Lin Leï, Arnaud de l’Estourbeillon, Eliza Magri, Altone Mishino, Françoise Miquelis, Margot Montenoise, Stephane Moreaux, Vincent Pandellé, Ilan Parienté, Claudine Sabatier, Dashan Yang.
+- [x] Même style que pour toutes les manifestations passées
+- [x] Rajout en premier bandeau en haut à droite : Visible/Invisible.3
+- [x] Vidéo courte de l’exposition (rajouter comme page titre le visuel de la manifestation en fixe sur 3 secondes puis la vidéo enchaine elle est en verticale, d’où bandes noires de chaque cotés)
+- [x] En dessous les 5 photos (légendées « Vue de l’exposition » et pour la quatrième « les artistes organisateurs »
+- [x] Texte : Troisième volet du projet d’expositions sur le dessin contemporain Visible/Invisible – 15/01/2024 – 22/01/2024 à la LooLooLook Gallery, 12 rue de la Sourdière 75001 Paris.
+- [x] Artistes exposants : Milan Atanaskovic, Christophe Bogdan, Emmanuel Bing, Sophie Bloch, LAAB - Laurence Bost, Jérôme Bouchez, Sahar Foroutan, Macha Krivokapic, Lin Leï, Arnaud de l’Estourbeillon, Eliza Magri, Altone Mishino, Françoise Miquelis, Margot Montenoise, Stephane Moreaux, Vincent Pandellé, Ilan Parienté, Claudine Sabatier, Dashan Yang.
 
 ## Page artistes
 
@@ -45,7 +48,6 @@
 ## Page contact-Infos
 
 - [x] Changer adresse mail 2 endroits : bloc.house79@gmail.com -> blochouseprojects@yahoo.com
-- [ ] Remplacer l’adresse mail par le nouveau mail : blochouseprojects@yahoo.com
 
 ## Page partenaires
 

www/actualisation/css/styles.css

@@ -745,11 +745,31 @@ adresse1 td {
   visibility: hidden;
 }
 
+/**
+ * visible invisible 3
+ */
+.video.visible-invisible-3 {
+  position: relative;
+  width: 480px; /* Match poster width */
+  height: 342.85px;
+  background: black;
+}
+.video.visible-invisible-3 video {
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain; /* Ensures black bars around the video */
+}
+.images.visible-invisible-3 {
+  display: flex;
+  justify-content: space-between;
+}
+
 /**
  * SCROLL BAR
  */
+
 /* Chrome, Safari, Edge Scrollbar */
-::-webkit-scrollbar {
+#Container::-webkit-scrollbar {
   width: 10px;
 }
 #Container::-webkit-scrollbar-track {

www/actualisation/manifestations.html

@@ -170,6 +170,17 @@
       <div id="right">
         <div id="middle">
           <div id="top" style="height: 25px">
+            <div class="nom">
+              <div class="carre">
+                <img
+                  src="images/carre_noir.png"
+                  width="10"
+                  height="12"
+                  alt="carr&eacute; Bloc-House"
+                />
+              </div>
+              Visible / Invisible 3
+            </div>
             <div class="nom">
               <div class="carre">
                 <img
@@ -269,7 +280,6 @@
               </div>
               L'&eacute;lection
             </div>
-            <br />
             <div class="nom">
               <div class="carre">
                 <img
@@ -325,7 +335,6 @@
               </div>
               To be a stickler
             </div>
-            <br />
             <div class="nom">
               <div class="carre">
                 <img
@@ -356,6 +365,105 @@
                 <div class="Scroller-Container">
                   <!-- Start nouveau-->
 
+                  <!-- debut visible-invisible 3 -->
+                  <div class="video visible-invisible-3">
+                    <video
+                      width="480"
+                      poster="images/manifestations/Visible-invisible-3/Visible-invisible-3-poster-grand.jpg"
+                      controls
+                    >
+                      <source
+                        src="video/visible-Invisible3.MOV"
+                        type="video/mp4"
+                      />
+                    </video>
+                  </div>
+                  <div class="images visible-invisible-3">
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-1-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-1-grand.jpg"
+                          alt="Image 1 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-2-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-2-grand.jpg"
+                          alt="Image 2 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-3-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-3-grand.jpg"
+                          alt="Image 3 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-4-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="les artistes organisateurs"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-4-grand.jpg"
+                          alt="Image 4 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-5-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-5-grand.jpg"
+                          alt="Image 5 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                  </div>
+                  <div class="title">Visible / Invisible 3</div>
+                  <div class="texte_manif">
+                    <p style="font-size: 14px">15-22 janvier 2024</p>
+                    <p style="font-style: italic; margin-top: 5px">
+                      Troisième volet du projet d’expositions sur le dessin
+                      contemporain Visible/Invisible – 15/01/2024 – 22/01/2024 à
+                      la LooLooLook Gallery, 12 rue de la Sourdière 75001 Paris.
+                    </p>
+                    <p style="margin-top: 8px; text-align: justify">
+                      Milan Atanaskovic, Christophe Bogdan, Emmanuel Bing,
+                      Sophie Bloch, LAAB - Laurence Bost, Jérôme Bouchez, Sahar
+                      Foroutan, Macha Krivokapic, Lin Leï, Arnaud de
+                      l’Estourbeillon, Eliza Magri, Altone Mishino, Françoise
+                      Miquelis, Margot Montenoise, Stephane Moreaux, Vincent
+                      Pandellé, Ilan Parienté, Claudine Sabatier, Dashan Yang.
+                    </p>
+                  </div>
+                  <!-- fin visible-invisible 3 -->
+
                   <!-- debut nature borders -->
                   <div
                     class="images_grand7"
@@ -481,7 +589,7 @@
                       Stéphane Moreau - Agnès Pezeu - Olivier Shaw
                     </p>
                   </div>
-                  <!-- fin lart mene le monde -->
+                  <!-- fin nature borders -->
 
                   <!-- debut lart mene le monde -->
                   <div