LOL/labolyon.fr
7
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

edit: un peu de rangement, ajout bouton plus évènement, ok en version dégradée, problème itération (ne garde pas en mémoire les poster des évènements, null au 2e tour) et style qui ne change pas dans js

Browse Source
This commit is contained in:
vgaNAR6ta
2026-07-27 22:00:13 +02:00
parent ad50dd36cb
commit 6d95e9d80c
52 changed files with 307 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+47 -8
View File
@@ -3,19 +3,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style/typo.css">
<link rel="stylesheet" href="style/typo.css">
<link rel="stylesheet" href="style/default.css">
<link rel="stylesheet" href="style/common.css">
<link rel="stylesheet" href="style/animation.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/responsive.css">
<!-- TEST CCS OUVERTURE
<!-- TEST CCS OUVERTURE -->
<link rel="stylesheet" href="status/openStyle.css">
-->
<!--
<link rel="stylesheet" href="affiches/perm.css">
<link rel="stylesheet" href="affiches/jdll2024/jdll2024.css">
<link rel="stylesheet" href="affiches/algorave.css">
-->
<title>L(. O.)L &mdash; Laboratoire Ouvert Lyonnais</title>
<link rel="icon" type="image/svg" href="./assets/favicon.svg" />
</head>
@@ -156,11 +157,13 @@
<section id="eventSection" class="transparentBox">
<h3>Événements <small>à venir</small></h3>
<ul id="eventContent" class="borderBox">
<li>
<button type="button" name="more" class="iconBtnStyle">
<svg viewBox="0 0 53.73 53.59" class="icon">
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
</svg>
<li class="eventEntry">
<button type="button" name="plus" class="iconBtnStyle">
<a href="./affiches/test/" target="_blank">
<svg viewBox="0 0 53.73 53.59" class="icon">
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
</svg>
</a>
</button>
<details closed name="event">
<summary>
@@ -175,6 +178,27 @@
</p>
</details>
</li>
<li class="eventEntry">
<button type="button" name="plus" class="iconBtnStyle">
<a href="./affiches/test333/" target="_blank">
<svg viewBox="0 0 53.73 53.59" class="icon">
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
</svg>
</a>
</button>
<details closed name="event">
<summary>
<div class="title">
<h4>Test évènement 333</h4>
<p class="date">13/12</p>
</div>
<p class="resume">Résumé de l'évènement </p>
</summary>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</details>
</li>
</ul>
<!--
<article class="event affiche-perm affiche" property="event" typeof="Event">
@@ -467,5 +491,20 @@
<video id="texture" autoplay muted loop src="./assets/video/open.webm" class="openBackground"></video>
<video id="background" autoplay muted loop src="./assets/video/background.webm" class="openBackground"></video>
</main>
<section class="floatingWindow" id="posterWindow">
<div class="posterTitle">
<h4>test</h4>
<button type="button" name="close" class="iconBtnStyle" id="posterCloseBtn">
<svg viewBox="0 0 53.73 53.59" class="icon">
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
</svg>
</button>
</div>
<article id="posterContainer"></article>
</section>
<!-- SCRIPT PRINCIPAL -->
<script type="module" src="./js/main.js"></script>
</body>
</html>