pro/2026_WEBSITE_blochouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

video and images ok

Browse Source
This commit is contained in:
hugo LAMY
2026-02-15 17:59:43 +01:00
parent 4498deb744
commit 91ec8b5a52
2 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
www/css/styles.css
View File

@@ -65,7 +65,10 @@ body {
float: left; float: left;
height: 41px; height: 41px;
width: 180px; width: 180px;
font-family: arial-bold, Arial Bold, sans-serif; font-family:
arial-bold,
Arial Bold,
sans-serif;
font-weight: 900; font-weight: 900;
color: #cc3300; color: #cc3300;
font-size: 18px; font-size: 18px;
@@ -73,14 +76,20 @@ body {
margin-left: 43px; margin-left: 43px;
} }
.menu a { .menu a {
font-family: arial-bold, Arial Bold, sans-serif; font-family:
arial-bold,
Arial Bold,
sans-serif;
font-weight: 900; font-weight: 900;
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;
} }
.menu a:hover { .menu a:hover {
font-family: arial-bold, Arial Bold, sans-serif; font-family:
arial-bold,
Arial Bold,
sans-serif;
font-weight: 900; font-weight: 900;
text-decoration: none; text-decoration: none;
color: #cc3300; color: #cc3300;
@@ -746,20 +755,24 @@ adresse1 td {
} }
/** /**
* visible invisible 3 * manifestation video poster
*/ */
.video.visible-invisible-3 { .video.manifestation_poster {
position: relative; position: relative;
width: 480px; /* Match poster width */
height: 342.85px;
background: black; background: black;
height: auto;
} }
.video.visible-invisible-3 video { .video.manifestation_poster video {
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
object-fit: contain; /* Ensures black bars around the video */ object-fit: contain;
object-position: top;
} }
.images.visible-invisible-3 {
/**
* manifestations images flex
*/
.images.manifestation_flex {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }

29
www/manifestations.html
View File

@@ -359,10 +359,11 @@
<div class="Scroller-Container"> <div class="Scroller-Container">
<!-- Start nouveau--> <!-- Start nouveau-->
<!-- debut Un monde en Soi --> <!-- debut un-monde-en-soi -->
<div class="video un-monde-en-soi"> <div class="video manifestation_poster">
<video <video
width="480" width="480"
height="485"
poster="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_poster.jpg" poster="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_poster.jpg"
controls controls
> >
@@ -372,12 +373,12 @@
/> />
</video> </video>
</div> </div>
<div class="images un-monde-en-soi"> <div class="images manifestation_flex">
<div class="vignette"> <div class="vignette">
<a <a
href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_1-Christophe-Bogdan.jpg" href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_1-Christophe-Bogdan.jpg"
rel="lightbox[un-monde-en-soi]" rel="lightbox[un-monde-en-soi]"
title="Vue de l’exposition" title="1 Christophe Bogdan"
><img ><img
src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_1-Christophe-Bogdan.jpg" src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_1-Christophe-Bogdan.jpg"
alt="Image 1 Christophe Bogdan" alt="Image 1 Christophe Bogdan"
@@ -390,7 +391,7 @@
<a <a
href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_2-Jerome-Bouchez.jpg" href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_2-Jerome-Bouchez.jpg"
rel="lightbox[un-monde-en-soi]" rel="lightbox[un-monde-en-soi]"
title="Vue de l’exposition" title="2 Jerome Bouchez"
><img ><img
src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_2-Jerome-Bouchez.jpg" src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_2-Jerome-Bouchez.jpg"
alt="Image 2 Jerome Bouchez" alt="Image 2 Jerome Bouchez"
@@ -403,7 +404,7 @@
<a <a
href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_3-Rodolph-Baudouin.jpg" href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_3-Rodolph-Baudouin.jpg"
rel="lightbox[un-monde-en-soi]" rel="lightbox[un-monde-en-soi]"
title="Vue de l’exposition" title="3 Rodolph Baudouin"
><img ><img
src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_3-Rodolph-Baudouin.jpg" src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_3-Rodolph-Baudouin.jpg"
alt="Image 3 Rodolph Baudouin" alt="Image 3 Rodolph Baudouin"
@@ -416,7 +417,7 @@
<a <a
href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_4-Sibel-Ceylan--Konstantinos-Berdeklis.jpg" href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_4-Sibel-Ceylan--Konstantinos-Berdeklis.jpg"
rel="lightbox[un-monde-en-soi]" rel="lightbox[un-monde-en-soi]"
title="les artistes organisateurs" title="4 Sibel Ceylan - Konstantinos Berdeklis"
><img ><img
src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_4-Sibel-Ceylan--Konstantinos-Berdeklis.jpg" src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_4-Sibel-Ceylan--Konstantinos-Berdeklis.jpg"
alt="Image 4 Sibel Ceylan - Konstantinos Berdeklis" alt="Image 4 Sibel Ceylan - Konstantinos Berdeklis"
@@ -429,24 +430,23 @@
<a <a
href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_5-Stephane-Moreaux.jpg" href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_5-Stephane-Moreaux.jpg"
rel="lightbox[un-monde-en-soi]" rel="lightbox[un-monde-en-soi]"
title="Vue de l’exposition" title="5 Stéphane-Moreaux"
><img ><img
src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_5-Stephane-Moreaux.jpg" src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_5-Stephane-Moreaux.jpg"
alt="Image 5 Stéphane-Moreaux" alt="Image 5 Stéphane-Moreaux"
width="70" width="70"
height="70" height="70"
border="0" border="0"
/></a> /></a>
</div> </div>
</div>
<div class="vignette"> <div class="vignette">
<a <a
href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_6-Vincent-Pandelle.jpg" href="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_6-Vincent-Pandelle.jpg"
rel="lightbox[un-monde-en-soi]" rel="lightbox[un-monde-en-soi]"
title="Vue de l’exposition" title="6 Vincent Pandellé"
><img ><img
src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_6-Vincent-Pandelle.jpg" src="images/manifestations/18_un-monde-en-soi/un-monde-en-soi_6-Vincent-Pandelle.jpg"
alt="Image 5 Vincent-Pandelle" alt="Image 6 Vincent Pandellé"
width="70" width="70"
height="70" height="70"
border="0" border="0"
@@ -473,9 +473,10 @@
<!-- fin un-monde-en-soi --> <!-- fin un-monde-en-soi -->
<!-- debut visible-invisible 3 --> <!-- debut visible-invisible 3 -->
<div class="video visible-invisible-3"> <div class="video manifestation_poster">
<video <video
width="480" width="480"
height="385"
poster="images/manifestations/17_Visible-invisible-3/Visible-invisible-3-poster-grand.jpg" poster="images/manifestations/17_Visible-invisible-3/Visible-invisible-3-poster-grand.jpg"
controls controls
> >
@@ -491,7 +492,7 @@
/> />
</video> </video>
</div> </div>
<div class="images visible-invisible-3"> <div class="images manifestation_flex">
<div class="vignette"> <div class="vignette">
<a <a
href="images/manifestations/17_Visible-invisible-3/Visible-invisible-3-1-grand.jpg" href="images/manifestations/17_Visible-invisible-3/Visible-invisible-3-1-grand.jpg"