From c8459c0b3ba93dea6c3783eb76baa19247846582 Mon Sep 17 00:00:00 2001 From: EpicKiwi Date: Sat, 10 Jun 2023 22:24:21 +0200 Subject: [PATCH] Ajout de l'ouverture du LOL --- README.MD | 29 +++++-- css/style.css | 164 +++++++++++++++++++++++---------------- index.html | 6 +- js/status.js | 26 +++++++ status/index.fermé.html | 41 ++++++++++ status/index.html | 1 + status/index.ouvert.html | 39 ++++++++++ status/status.ouvert.png | Bin 0 -> 1676 bytes 8 files changed, 232 insertions(+), 74 deletions(-) create mode 100644 js/status.js create mode 100644 status/index.fermé.html create mode 120000 status/index.html create mode 100644 status/index.ouvert.html create mode 100644 status/status.ouvert.png 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 6474a20..470ccc9 100644 --- a/css/style.css +++ b/css/style.css @@ -117,98 +117,128 @@ a:visited { width:50px; } -/* Tablet */ -@media screen and (max-width: 1024px) { +/* Status */ -#logo { - width: 100%; +.status-container > * { text-align: center; } -#nav { - width:100%; - margin:10px 0; +a.status-container > p { + text-align: inherit; } -.navigation{ - width: 100%; - list-style: none; - margin: 0; - padding:0; +.status-container.opened strong { + color: green; + font-weight: bold; } -.navigation li{ - float: left; - width:25%; - padding:0; +.status-container.closed strong { + color: red; + font-weight: bold; } -.slide{ - background-attachment: fixed; - width:100%; - position: relative; - padding:140px 0 0 0; +img.status-icon { + max-width: 125px; + display: block; + margin-left: auto; + margin-right: auto; } -#decorative { - display:none; -} +/* Tablet */ +@media screen and (max-width: 1024px) { -#content { - text-align:center; - width:100%; -} + #logo { + width: 100%; + text-align: center; + } + + #nav { + width:100%; + margin:10px 0; + } + + .navigation{ + width: 100%; + list-style: none; + margin: 0; + padding:0; + } + + .navigation li{ + float: left; + width:25%; + padding:0; + } + + .slide{ + background-attachment: fixed; + width:100%; + position: relative; + padding:140px 0 0 0; + } + + #decorative { + display:none; + } + + #content { + text-align:center; + width:100%; + } + + #slide1 h1 { + line-height: 1em; + } + #slide1 h2 { + line-height: 1em; + } -#slide1 h1 { - line-height: 1em; -} -#slide1 h2 { - line-height: 1em; } /* Mobile */ @media screen and (max-width: 480px) { -#logo { - width: 100%; - text-align: center; -} + #logo { + width: 100%; + text-align: center; + } -#nav { - width:100%; - margin:5px 0; -} + #nav { + width:100%; + margin:5px 0; + } -.navigation{ - width: 100%; - float: left; - list-style: none; - margin: 0; - padding:0; -} + .navigation{ + width: 100%; + float: left; + list-style: none; + margin: 0; + padding:0; + } -.navigation li{ - float: left; - width:25%; -} + .navigation li{ + float: left; + width:25%; + } -.slide{ - background-attachment: fixed; - width:100%; - position: relative; - padding:150px 0; -} + .slide{ + background-attachment: fixed; + width:100%; + position: relative; + padding:150px 0; + } + + #slide1 h1 { + line-height: 1em; + } + #slide1 h2 { + line-height: 1em; + } -#slide1 h1 { - line-height: 1em; -} -#slide1 h2 { - line-height: 1em; } @media only screen and (max-width: 767px) { - -#slide1{ - -text-align:justify; + #slide1 { + text-align:justify; + } } diff --git a/index.html b/index.html index 90c3aac..c7f70c3 100644 --- a/index.html +++ b/index.html @@ -58,8 +58,10 @@

Informations

Permanence : mardis à partir de 19h00

-

Adresse : 7 Place Louis Chazette 69001 Lyon

-
+

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..90abcd7 --- /dev/null +++ b/status/index.fermé.html @@ -0,0 +1,41 @@ + + + + + + + + + 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 ;)

+
+

🠔 Retour au site

+
+
+ + 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..d492c86 --- /dev/null +++ b/status/index.ouvert.html @@ -0,0 +1,39 @@ + + + + + + + + + Ouverture du local • Laboratoire Ouvert Lyonnais + + + + + + +
+
+ +
+
+ + +
+
+
+

Le local du LOL est actuellement Ouvert !

+ + Cercle vert indiquant que le local est ouvert +
+

🠔 Retour au site

+
+
+ + diff --git a/status/status.ouvert.png b/status/status.ouvert.png new file mode 100644 index 0000000000000000000000000000000000000000..625da695e9e7d464bf08dd0a42e2b0919f7c0e85 GIT binary patch literal 1676 zcmeAS@N?(olHy`uVBq!ia0y~yVAKI&4mO}jWo=(6kkgXs>>S|f?5t2wl%JNFlghxL zF|l@{t;b;piMIR8#9X!c!UPIW1k8Q2NU3itm+K0Ftky7DAHBcLYP_CZ-HRVY6?{nF z`0Bxev^R7n?%WkJx%@o+Y zGj!u`QN=Hb9cn3QlEsszG`;_^%e~=!x#7I0@!y}n2>&d`%%oH}M{=3(9!HzanbLE< zcPg(@S$*XB5n;912|p&j?mC`7r(2KP#yBbM(&r86$jjU%I1o2XIlCH_~9P2-$k!A zCe@%wX8{-Qrq}HMoA2-4$`w30F35thB~IpfGS7>9tg}jw|FkQc^NdrVhHc%KZToLA zq}h9}-@f&Qpuq;-n3(ORsr)hC6?NTXed7R(7PcgBcNZWH1V5d3*8?fe z0*}aI1_nK45N51cYF`EvWH0gbb!C6f$}K7;AIup5j9LcC64!_l=ltB<)VvY~=c3fa zlGGH1^30M91$R&1fbd2>aRvsK6i*k&kcwMx?-&L>HV|n@Y}A|-d|~N>4iOO%OQlw8 zKS3^|3l6M`mm@HShu8sAv%C765BimwJ@SQ^faa!@jvX)anrj=UKmWe!{`-e7&$<3>?X3_-vIy=C zhm6B(B=0Z(^6~HU>m`-mH`uIgPyDr=+g~~Vjz@FOk=Yv(kwM`MzE26Ek{c1=Et)5Ai3p&mOp1?>(M}#?!1WX0}};+A>e+Qx3OcdZULPW34a@dzHJbY@`)(u-OA<@!6BpuibDaN z1e14(flHonE?nLT4uk>~6`gEe4zXC5j9F^mHx#I_fa1C1c%T5#xYMc(NU^@C*lt%d zD8X!vG*~)?-~RE6c24euC7jvwKf8W5oLjW--G>=v|157?9-F!8mXZAB=(GQ)_qABO zYgASQri#9no&%?t)O3JhF2l)r`mzg4cYQiPx4RRAuvlLehggV}RTESp&+)x_;0Uk~ zGLq?D%prDHKuLy^k!|LNJ-=%oELJ|<^J!g~yOWG;p$ZEkX@dL>_9D=Ru&0YHMLt$Z z`oNQR%(G?Iu6KNnw}29=a^h^DNzC6iY!d{=Atd_L)DeoIN%X_vUhjg5y%noAAIyVB zEwUvn+zQRU-=F3jNp8LiHWn#Ifuqa87nnziSN%Mjb51{a!_0Z7*>-cHWFlyWYKY3& z^{gi@=Gy@kYt>+bciLKc8j=4nR~_08Jqb8n)FiMOm#DT*jEE2~zFp L>gTe~DWM4ffK+Wz literal 0 HcmV?d00001