diff --git a/README.MD b/README.MD index 7eff269..3cea28e 100644 --- a/README.MD +++ b/README.MD @@ -1,9 +1,28 @@ -Laboratoire Ouvert Lyonnais -=========================== +# Laboratoire Ouvert Lyonnais + Vous retrouverez la version en ligne du site du lol, il n'y a pas de bootstrap sur cette version. Il a été codé le plus simplement possible. -TODO -==== +## TODO + Pouvoir mettre en quelques lignes les activités ou ateliers à venir avec une date. -Est-ce le git pourrait nous permettre de faire ça ? \ No newline at end of file +Est-ce le git pourrait nous permettre de faire ça ? + +## Oyverture du local + +La partie `/status/` du site informe sour l'ouverture du local. + +Il suffit de changer le lien symbolique `/status/index.html` vers `/status/index.ouvert.html` ou `/status/index.fermé.html` pour switcher entre le local *Ouvert* ou *Fermé*. + +Les commandes suivantes permettent de mettre à jour l'ouverture du local. +Elles doivent être éxécutées à la racine du site. + +Pour passer le local en mode *Ouvert* +``` +ln -s -f index.ouvert.html status/index.html +``` + +Pour passer le local en mode *Fermé* +``` +ln -s -f index.fermé.html status/index.html +``` \ No newline at end of file diff --git a/css/style.css b/css/style.css index 0e07e2a..a1de6ba 100644 --- a/css/style.css +++ b/css/style.css @@ -88,22 +88,22 @@ a:visited { /* main area */ -main { +#homepage { display: grid; grid-template-columns: 1fr 400px; grid-auto-rows: min-content; gap: 5px; } -main > section { +#homepage > section { padding: 0 10px; } -main aside { +#homepage aside { padding: 10px; } -main .toolbar { +#homepage .toolbar { grid-column: 1 / 3; padding: 0 10px; @@ -111,22 +111,22 @@ main .toolbar { } @media screen and (max-width: 889px){ - main { + #homepage { grid-template-columns: 1fr; } - main > aside { + #homepage > aside { grid-row: 3; } - main .toolbar { + #homepage .toolbar { grid-row: 1; } } /* toolbar */ -main .toolbar button { +#homepage .toolbar button { border: none; background: none; color: white; @@ -134,12 +134,12 @@ main .toolbar button { cursor: pointer; } -main .toolbar button img { +#homepage .toolbar button img { height: 1em; display: inline-block; } -main .toolbar button img[hidden] { +#homepage .toolbar button img[hidden] { display: none; } @@ -236,4 +236,35 @@ main .toolbar button img[hidden] { bottom: 0; left: 0; background: linear-gradient(to top, black, rgba(0,0,0,0)); +} + +/* Status */ + +aside .status-container > * { + text-align: inherit; +} + +.status-container > * { + text-align: center; +} + +a.status-container > p { + text-align: inherit; +} + +.status-container.opened strong { + color: green; + font-weight: bold; +} + +.status-container.closed strong { + color: red; + font-weight: bold; +} + +img.status-icon { + max-width: 125px; + display: block; + margin-left: auto; + margin-right: auto; } \ No newline at end of file diff --git a/index.html b/index.html index e6bedf3..f35d7b6 100644 --- a/index.html +++ b/index.html @@ -30,7 +30,7 @@ -
+

Le Laboratoire ouvert lyonnais est un lieu de brassage et une communauté éclectique. Son objectif est le partage des connaissances et la ré-appropriation des technologies. @@ -56,6 +56,11 @@

Adresse :
7 Place Louis Chazette 69001 Lyon
+
+ Vérifier si le local est ouvert 🠖 + +
+

Canaux

IRC : canal #labolyon sur irc.geeknode.org : besoin d'aide sur IRC? voir IRC Help

diff --git a/js/status.js b/js/status.js new file mode 100644 index 0000000..bbf9a52 --- /dev/null +++ b/js/status.js @@ -0,0 +1,26 @@ +/** + * Fetch status content and insert main content into provided container + * @param {Element} containerEl Container to insert status into + */ +async function insertStatus(containerEl){ + + const baseUrl = new URL("/status/", containerEl.baseURI) + const res = await fetch(baseUrl); + + if(!res.ok){ + console.info(`Network error requesting status : ${res.status} ${res.statusText}`); + return; + } + + const dom = new DOMParser().parseFromString(await res.text(), "text/html"); + + const main = dom.querySelector("main"); + + if(!main) + throw new Error("Status page does not contain a
element"); + + containerEl.innerHTML = main.innerHTML; + containerEl.className = main.className; +} + +insertStatus(document.getElementById("status")) \ No newline at end of file diff --git a/status/index.fermé.html b/status/index.fermé.html new file mode 100644 index 0000000..9a3f211 --- /dev/null +++ b/status/index.fermé.html @@ -0,0 +1,33 @@ + + + + + + + Ouverture du local • Laboratoire Ouvert Lyonnais + + + + + + +
+ +
+ +
+

Le local du LOL est actuellement Fermé

+ + Cercle rouge indiquant que le local est fermé + +

Venez pendant les horaires de permanence ou envoyez nous un petit message ;)

+
+ + + + + + \ No newline at end of file diff --git a/status/index.html b/status/index.html new file mode 120000 index 0000000..a67130b --- /dev/null +++ b/status/index.html @@ -0,0 +1 @@ +index.fermé.html \ No newline at end of file diff --git a/status/index.ouvert.html b/status/index.ouvert.html new file mode 100644 index 0000000..942fe75 --- /dev/null +++ b/status/index.ouvert.html @@ -0,0 +1,31 @@ + + + + + + + Ouverture du local • Laboratoire Ouvert Lyonnais + + + + + + +
+ +
+ +
+

Le local du LOL est actuellement Ouvert !

+ + Cercle vert indiquant que le local est ouvert +
+ + + + + + \ No newline at end of file diff --git a/status/status.ouvert.png b/status/status.ouvert.png new file mode 100644 index 0000000..625da69 Binary files /dev/null and b/status/status.ouvert.png differ