edit: reduced motion mode

This commit is contained in:
2026-08-04 23:05:28 +02:00
parent db59f2ae48
commit c223ab281c
6 changed files with 55 additions and 48 deletions
+25 -34
View File
@@ -10,6 +10,8 @@
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/responsive.css">
<link rel="stylesheet" href="style/reduced.css">
<!-- TEST CCS OUVERTURE
<link rel="stylesheet" href="status/openStyle.css">
-->
@@ -181,46 +183,35 @@
</section>
<section id="eventSection" class="transparentBox">
<h3>Événements <small>à venir</small></h3>
<article class="solidBox">
<h4>Test évènement 333</h4>
<p class="date">13/12</p>
<a href="/affiches/test333/" class="iconBtnStyle" 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>
</article>
<article class="solidBox">
<h4>Test évènement</h4>
<p class="date">13/12/26</p>
<a href="/affiches/test/" class="iconBtnStyle" 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>
</article>
<article class="solidBox">
<h4>Test évènement 333</h4>
<p class="date">13/12</p>
<a href="/affiches/test333/" class="iconBtnStyle" 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>
</article>
<article class="solidBox">
<h4>Test évènement</h4>
<p class="date">13/12/26</p>
<a href="/affiches/test/" class="iconBtnStyle" 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>
</article>
</section>
</section>
<video src="/assets/video/close.webm" id="texture" class="closed" autoplay muted loop>
</video>
<noscript>
<video src="/assets/video/closed.webm" class="closedBackground" autoplay muted loop></video>
<video src="/assets/video/closed.webm" class="openBackground" autoplay muted loop></video>
</noscript>
<video data-cute-texture-video class="cute-texture-video" src="/assets/video/background.webm" autoplay muted loop ></video>
<canvas class="cute-texture"></canvas>
</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>