Ajout de l'affiche de l'algorave
This commit is contained in:
51
css/affiches/algorave.css
Normal file
51
css/affiches/algorave.css
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
.affiche-algorave {
|
||||||
|
grid-row: span 2;
|
||||||
|
padding: 0;
|
||||||
|
font-family: monospace;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover .description,
|
||||||
|
&:active .description {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: stretch;
|
||||||
|
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
text-align: justify;
|
||||||
|
|
||||||
|
flex: 1;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li {
|
||||||
|
display: inline
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li:not(:last-child)::after {
|
||||||
|
content: ", ";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -124,7 +124,7 @@ main #events {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
grid-auto-flow: row;
|
grid-auto-flow: row;
|
||||||
grid-auto-rows: 1fr;
|
grid-auto-rows: min-content;
|
||||||
column-gap: 15px;
|
column-gap: 15px;
|
||||||
row-gap: 15px;
|
row-gap: 15px;
|
||||||
}
|
}
|
||||||
|
|||||||
BIN
images/affiches/algorave-2025.png
Normal file
BIN
images/affiches/algorave-2025.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 738 KiB |
54
index.html
54
index.html
@ -19,6 +19,7 @@
|
|||||||
|
|
||||||
<link rel="stylesheet" href="css/affiches/perm.css">
|
<link rel="stylesheet" href="css/affiches/perm.css">
|
||||||
<link rel="stylesheet" href="css/affiches/jdll2024.css">
|
<link rel="stylesheet" href="css/affiches/jdll2024.css">
|
||||||
|
<link rel="stylesheet" href="css/affiches/algorave.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body typeof="Organization Place" resource="https://labolyon.fr/">
|
<body typeof="Organization Place" resource="https://labolyon.fr/">
|
||||||
@ -118,6 +119,59 @@
|
|||||||
<p>Adhésion conseillée (prix libre)</p>
|
<p>Adhésion conseillée (prix libre)</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
|
<article class="event affiche affiche-algorave" property="event" typeof="Event">
|
||||||
|
<img src="./images/affiches/algorave-2025.png" alt="Affiche de l'algorave 2025: Une ville en noir et blanc en vue isometrique avec du texte rouge." aria-labelledby="algorave-decription" />
|
||||||
|
<div class="description" id="algorave-description">
|
||||||
|
<h1 property="name">Algorave</h1>
|
||||||
|
<p property="description">Nuit de livre coding</p>
|
||||||
|
<p property="location">Grrrnd zero; 60 avenue de Bohlen 69120 Vaulx-en-Velin</p>
|
||||||
|
<p>
|
||||||
|
<time datetime="2025-05-24T18:00:00" content="2025-05-24T18:00:00" property="startDate">24 Mai 18h</time>
|
||||||
|
-
|
||||||
|
<time datetime="2025-05-25T06:00:00" content="2025-05-25T06:00:00" property="endDate">6h</time>
|
||||||
|
</p>
|
||||||
|
<p>Prix libre, No CB, 8 euros conseillé</p>
|
||||||
|
<p property="abstract">Performances visuelles et sonores de 39 artistes</p>
|
||||||
|
<p>Restauration sur place</p>
|
||||||
|
<ul>
|
||||||
|
<li>emilie_breslavetz</li>
|
||||||
|
<li>z0rg</li>
|
||||||
|
<li>peregrine</li>
|
||||||
|
<li>lbvp</li>
|
||||||
|
<li>libre_&change_trio</li>
|
||||||
|
<li>polymorphic_engine</li>
|
||||||
|
<li>parvagues</li>
|
||||||
|
<li>crash_server</li>
|
||||||
|
<li>maeertt</li>
|
||||||
|
<li>th4</li>
|
||||||
|
<li>bubobubo && ralt144mi</li>
|
||||||
|
<li>sara_adkins</li>
|
||||||
|
<li>nabir</li>
|
||||||
|
<li>jaxa</li>
|
||||||
|
<li>lucky.jvj</li>
|
||||||
|
<li>syntonic</li>
|
||||||
|
<li>2mo</li>
|
||||||
|
<li>fronssons</li>
|
||||||
|
<li>three_nagthi_bois</li>
|
||||||
|
<li>plot</li>
|
||||||
|
<li>marlen</li>
|
||||||
|
<li>kaamtar</li>
|
||||||
|
<li>ungual</li>
|
||||||
|
<li>dok</li>
|
||||||
|
<li>nesso && bruno_gola</li>
|
||||||
|
<li>neon_delice</li>
|
||||||
|
<li>bleuje</li>
|
||||||
|
<li>gcode</li>
|
||||||
|
<li>c_robo</li>
|
||||||
|
<li>azertype</li>
|
||||||
|
<li>afalfi</li>
|
||||||
|
</ul>
|
||||||
|
<p>Organisé par ordinateur dans la tête</p>
|
||||||
|
<p>21472 bytes poster by adel faure</p>
|
||||||
|
<p>Greetz to Mistigris, Textmode Friends, 1-Bit Bad Bitches and Cookie collective</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
<!--<article class="event affiche-jdll2024 affiche">
|
<!--<article class="event affiche-jdll2024 affiche">
|
||||||
<header>
|
<header>
|
||||||
<img src="/images/favicon.png" alt="Favicon du LOL" />
|
<img src="/images/favicon.png" alt="Favicon du LOL" />
|
||||||
|
|||||||
Reference in New Issue
Block a user