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

adding anchors in manifestation

Browse Source
This commit is contained in:
hugo LAMY
2026-03-12 12:34:34 +01:00
parent 5cf920e45b
commit 546001e635
2 changed files with 99 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
www/css/page_manifestations.css
View File

@@ -22,12 +22,18 @@
column-gap: 30px; column-gap: 30px;
} }
#middle #top.name_list p { #middle #top.name_list .name_item {
text-decoration: none;
color: inherit;
position: relative; position: relative;
padding-left: 13px; padding-left: 13px;
} }
#middle #top.name_list p::before { #middle #top.name_list .name_item:hover {
text-decoration-line: underline;
}
#middle #top.name_list .name_item::before {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;

121
www/manifestations.html
View File

@@ -170,26 +170,55 @@
<div id="right"> <div id="right">
<div id="middle"> <div id="middle">
<div id="top" class="name_list"> <div id="top" class="name_list">
<p>Le Livre d'artiste Un monde en Soi</p> <a class="name_item" href="#manifestation_un_monde_en_soi"
<p>Visible / Invisible 3</p> >Le Livre d'artiste Un monde en Soi</a
<p>Nature Borders</p> >
<p>L’art mène le monde</p> <a class="name_item" href="#manifestation_visible_invisible_3"
<p>Surface Sensible</p> >Visible / Invisible 3</a
<p>Visible / Invisible 2</p> >
<p>Visible / Invisible</p> <a class="name_item" href="#manifestation_nature_borders"
<p>Amuse-gueule</p> >Nature Borders</a
<p>Archipel</p> >
<p>Open54 Performances</p> <a class="name_item" href="#manifestation_lart_mene_le_monde"
<p>L'&eacute;lection</p> >L’art mène le monde</a
<p>Trac&eacute;s</p> >
<p>Heureux Des-Astres</p> <a class="name_item" href="#manifestation_surface_sensible"
<p>Co-Incidences</p> >Surface Sensible</a
<p>Noir</p> >
<p>To be a stickler</p> <a class="name_item" href="#manifestation_visible_invisible_2"
<p>Ceci n'est pas un kak&eacute;mono</p> >Visible / Invisible 2</a
<p>C1.1</p> >
<a class="name_item" href="#manifestation_visible_invisible_1"
>Visible / Invisible</a
>
<a class="name_item" href="#manifestation_amuse_gueule"
>Amuse-gueule</a
>
<a class="name_item" href="#manifestation_archipel">Archipel</a>
<a class="name_item" href="#manifestation_open54_performances"
>Open54 Performances</a
>
<a class="name_item" href="#manifestation_lelection"
>L'&eacute;lection</a
>
<a class="name_item" href="#manifestation_traces">Trac&eacute;s</a>
<a class="name_item" href="#manifestation_heureux_des_astres"
>Heureux Des-Astres</a
>
<a class="name_item" href="#manifestation_coincidences"
>Co-Incidences</a
>
<a class="name_item" href="#manifestation_noire">Noir</a>
<a class="name_item" href="#manifestation_to_be_a_stickler"
>To be a stickler</a
>
<a
class="name_item"
href="#manifestation_ceci_n_est_pas_un_kakemono"
>Ceci n'est pas un kak&eacute;mono</a
>
<a class="name_item" href="#manifestation_c1_1">C1.1</a>
</div> </div>
<div id="manifestations"> <div id="manifestations">
@@ -199,7 +228,10 @@
<!-- Start nouveau--> <!-- Start nouveau-->
<!-- debut un-monde-en-soi --> <!-- debut un-monde-en-soi -->
<div class="video manifestation_poster"> <div
class="video manifestation_poster"
id="manifestation_un_monde_en_soi"
>
<video <video
width="480" width="480"
height="485" height="485"
@@ -315,7 +347,10 @@
<!-- fin un-monde-en-soi --> <!-- fin un-monde-en-soi -->
<!-- debut visible-invisible 3 --> <!-- debut visible-invisible 3 -->
<div class="video manifestation_poster"> <div
class="video manifestation_poster"
id="manifestation_visible_invisible_3"
>
<video <video
width="480" width="480"
height="385" height="385"
@@ -424,6 +459,7 @@
<div <div
class="images_grand7" class="images_grand7"
style="width: 480px; height: 290px; margin-top: 3px" style="width: 480px; height: 290px; margin-top: 3px"
id="manifestation_nature_borders"
> >
<div class="img_grand"> <div class="img_grand">
<a <a
@@ -551,6 +587,7 @@
<div <div
class="images_grand7" class="images_grand7"
style="width: 480px; height: 370px; margin-top: 3px" style="width: 480px; height: 370px; margin-top: 3px"
id="manifestation_lart_mene_le_monde"
> >
<div class="img_grand"> <div class="img_grand">
<a <a
@@ -652,6 +689,7 @@
<div <div
class="images_grand7" class="images_grand7"
style="width: 480px; height: 276px; margin-top: 3px" style="width: 480px; height: 276px; margin-top: 3px"
id="manifestation_surface_sensible"
> >
<div class="img_grand"> <div class="img_grand">
<a <a
@@ -778,7 +816,10 @@
<!-- fin Surface Sensible --> <!-- fin Surface Sensible -->
<!-- debut Visible-invisible 2 --> <!-- debut Visible-invisible 2 -->
<div class="video manifestation_poster"> <div
class="video manifestation_poster"
id="manifestation_visible_invisible_2"
>
<video <video
width="480" width="480"
height="310" height="310"
@@ -902,6 +943,7 @@
<div <div
class="images_grand7" class="images_grand7"
style="width: 480px; height: 322px; margin-top: 3px" style="width: 480px; height: 322px; margin-top: 3px"
id="manifestation_visible_invisible_1"
> >
<div class="img_grand"> <div class="img_grand">
<a <a
@@ -1032,6 +1074,7 @@
<div <div
class="images_grand7" class="images_grand7"
style="width: 480px; height: 360px; margin-top: 3px" style="width: 480px; height: 360px; margin-top: 3px"
id="manifestation_amuse_gueule"
> >
<div class="img_grand"> <div class="img_grand">
<a <a
@@ -1084,6 +1127,7 @@
<div <div
class="images_grand7" class="images_grand7"
style="width: 480px; height: 360px; margin-top: 3px" style="width: 480px; height: 360px; margin-top: 3px"
id="manifestation_archipel"
> >
<div class="img_grand"> <div class="img_grand">
<a <a
@@ -1228,6 +1272,7 @@
<div <div
class="images_grand8" class="images_grand8"
style="width: 480px; height: 360px; margin-top: 3px" style="width: 480px; height: 360px; margin-top: 3px"
id="manifestation_open54_performances"
> >
<div class="img_grand"> <div class="img_grand">
<a <a
@@ -1273,7 +1318,7 @@
<!-- fin Open54 --> <!-- fin Open54 -->
<!-- debut Election --> <!-- debut Election -->
<div class="images_grand3"> <div class="images_grand3" id="manifestation_lelection">
<div class="img_grand"> <div class="img_grand">
<a <a
href="images/manifestations/08_l_election/l_election.jpg" href="images/manifestations/08_l_election/l_election.jpg"
@@ -1470,7 +1515,7 @@
<!-- fin Election --> <!-- fin Election -->
<!-- debut Tracés --> <!-- debut Tracés -->
<div class="images_grand4"> <div class="images_grand4" id="manifestation_traces">
<div class="img_grand"> <div class="img_grand">
<a <a
href="images/manifestations/07_traces/traces.jpg" href="images/manifestations/07_traces/traces.jpg"
@@ -1585,7 +1630,10 @@
<!-- fin Tracés --> <!-- fin Tracés -->
<!-- debut Heureux Des-Astres --> <!-- debut Heureux Des-Astres -->
<div class="images_grand5"> <div
class="images_grand5"
id="manifestation_heureux_des_astres"
>
<div class="img_grand"> <div class="img_grand">
<a <a
href="images/manifestations/06_heureuxDesAstres/heureuxDesAstres.jpg" href="images/manifestations/06_heureuxDesAstres/heureuxDesAstres.jpg"
@@ -1636,7 +1684,10 @@
<!-- fin Heureux Des-Astres --> <!-- fin Heureux Des-Astres -->
<!-- debut Co-Incidences --> <!-- debut Co-Incidences -->
<div class="video manifestation_poster"> <div
class="video manifestation_poster"
id="manifestation_coincidences"
>
<video <video
width="480" width="480"
poster="images/manifestations/05_coIncidences/coIncidences-poster.jpg" poster="images/manifestations/05_coIncidences/coIncidences-poster.jpg"
@@ -1766,7 +1817,10 @@
<!-- fin Co-Incidences --> <!-- fin Co-Incidences -->
<!-- debut Noir --> <!-- debut Noir -->
<div class="video manifestation_poster"> <div
class="video manifestation_poster"
id="manifestation_noire"
>
<video <video
width="480" width="480"
height="390" height="390"
@@ -1894,7 +1948,9 @@
<!-- fin Noir --> <!-- fin Noir -->
<!-- debut To be a stickler --> <!-- debut To be a stickler -->
<div class="title">TO BE A STICKLER</div> <div class="title" id="manifestation_to_be_a_stickler">
TO BE A STICKLER
</div>
<div class="texte_manif"> <div class="texte_manif">
<p style="font-size: 14px"> <p style="font-size: 14px">
@@ -1929,7 +1985,12 @@
<!-- fin To be a stickler --> <!-- fin To be a stickler -->
<!-- debut Ceci n'est pas un kakémono --> <!-- debut Ceci n'est pas un kakémono -->
<div class="title">CECI N'EST PAS UN KAK&Eacute;MONO</div> <div
class="title"
id="manifestation_ceci_n_est_pas_un_kakemono"
>
CECI N'EST PAS UN KAK&Eacute;MONO
</div>
<div class="texte_manif"> <div class="texte_manif">
<p style="font-size: 14px"> <p style="font-size: 14px">
@@ -1947,7 +2008,7 @@
<!-- fin Ceci n'est pas un kakémono --> <!-- fin Ceci n'est pas un kakémono -->
<!-- debut C1.1 --> <!-- debut C1.1 -->
<div class="images_grand2"> <div class="images_grand2" id="manifestation_c1_1">
<div class="img_grand"> <div class="img_grand">
<a <a
href="images/manifestations/01_c11/c11g.jpg" href="images/manifestations/01_c11/c11g.jpg"