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

LOL Closed on 25 and 31 of december

Browse Source
This commit is contained in:
EpicKiwi 2024-12-23 11:06:06 +01:00
parent a2b29d76c6
commit f643bfc311
4 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

@ -189,11 +189,15 @@ main #description {
align-items: center; align-items: center;
column-gap: 5px; column-gap: 5px;
border: solid 1px white; border: solid 1px currentColor;
background: black; background: black;
padding: 15px; padding: 15px;
} }
.status-container.no-icon {
grid-template-columns: min-content 1fr;
}
.status-container > * { .status-container > * {
grid-column: span 2; grid-column: span 2;
text-align: center; text-align: center;
@ -206,6 +210,10 @@ main #description {
font-size: inherit; font-size: inherit;
} }
.status-container.no-icon > *:first-child:not(img) {
text-align: center;
}
.status-container .status-icon { .status-container .status-icon {
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;

2
index.html
View File

@ -83,7 +83,7 @@
<p> Ouvert tous les mardis à partir de 19h</p> <p> Ouvert tous les mardis à partir de 19h</p>
<section class="status-section"> <section class="status-section">
<a href="/status/" id="status">Vérifier si le local est ouvert 🠖</a> <a href="/status/24-12.fermé.html" id="status">Vérifier si le local est ouvert 🠖</a>
<script src="/js/status.js"></script> <script src="/js/status.js"></script>
</section> </section>

1
js/status.js
View File

@ -37,6 +37,7 @@ async function insertStatus(containerEl){
containerEl.append(document.importNode(node, true)); containerEl.append(document.importNode(node, true));
} }
containerEl.className = main.className; containerEl.className = main.className;
containerEl.setAttribute("style", main.getAttribute("style"))
} }
insertStatus(document.getElementById("status")) insertStatus(document.getElementById("status"))

30
status/24-12.fermé.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ouverture du local • Laboratoire Ouvert Lyonnais</title>
<link rel="stylesheet" href="/css/normalize.css" type="text/css" media="screen">
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen">
</head>
<body class="status-page">
<header id="main-header">
<img class="logo" src="/images/logo_picto.svg" alt="Laboratoire Ouvert Lyonnais" />
</header>
<main id="content" class="status-container closed no-icon" style="color: crimson">
<p>Le Laboratoire Ouvert Lyonnais<br/>n'ouvrira pas le 24 et le 31 Decembre</p>
<p>De retour en 2025</p>
</main>
<nav>
<a href="..">🠔 Retour au site</a>
</nav>
</body>
</html>