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

top names v1

Browse Source
This commit is contained in:
hugo LAMY
2026-02-15 20:40:31 +01:00
parent 39f9bea36b
commit 8690efb8c0
2 changed files with 36 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
www/css/page_manifestations.css
View File

@@ -5,7 +5,7 @@
width: 600px; width: 600px;
height: auto; height: auto;
#top { #top.name_list {
float: left; float: left;
height: 25px; height: 25px;
width: 480px; width: 480px;
@@ -16,17 +16,24 @@
margin-top: 50px; margin-top: 50px;
margin-bottom: 25px; margin-bottom: 25px;
.nom { display: flex;
float: left; flex-wrap: wrap;
height: 12px; height: auto;
width: auto; column-gap: 30px;
margin-right: 10px;
.carre { p {
float: left; position: relative;
width: 10px;
height: 12px; &::before {
margin-right: 3px; content: "";
position: absolute;
left: -13px;
top: 50%;
translate: 0% -50%;
width: 7px;
height: 7px;
border-radius: 10%;
border: 1px solid #cc3300;
} }
} }
} }

206
www/manifestations.html
View File

@@ -171,194 +171,24 @@
<div id="right"> <div id="right">
<div id="middle"> <div id="middle">
<div id="top"> <div id="top" class="name_list">
<div class="nom"> <p>Visible / Invisible 3</p>
<div class="carre"> <p>Nature Borders</p>
<img <p>L’art mène le monde</p>
src="images/carre_noir.png" <p>Surface Sensible</p>
width="10" <p>Visible / Invisible 2</p>
height="12" <p>Visible / Invisible</p>
alt="carr&eacute; Bloc-House" <p>Amuse-gueule</p>
/> <p>Archipel</p>
</div> <p>Open54 Performances</p>
Visible / Invisible 3 <p>L'&eacute;lection</p>
</div> <p>Trac&eacute;s</p>
<div class="nom"> <p>Heureux Des-Astres</p>
<div class="carre"> <p>Co-Incidences</p>
<img <p>Noir</p>
src="images/carre_noir.png" <p>To be a stickler</p>
width="10" <p>Ceci n'est pas un kak&eacute;mono</p>
height="12" <p>C1.1</p>
alt="carr&eacute; Bloc-House"
/>
</div>
Nature Borders
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
L’art mène le monde
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Surface Sensible
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Visible / Invisible 2
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Visible / Invisible
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Amuse-gueule
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Archipel
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Open54 Performances
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
L'&eacute;lection
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Trac&eacute;s
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Heureux Des-Astres
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Co-Incidences
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Noir
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
To be a stickler
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
Ceci n'est pas un kak&eacute;mono
</div>
<div class="nom">
<div class="carre">
<img
src="images/carre_noir.png"
width="10"
height="12"
alt="carr&eacute; Bloc-House"
/>
</div>
C1.1
</div>
</div> </div>
<div id="manifestations"> <div id="manifestations">