Passage du site en v333 #3
+18
-18
@@ -35,7 +35,7 @@
|
||||
<span class="plain-name">LOL</span>
|
||||
</h1>
|
||||
|
||||
<nav aria-label="outils numériques du LOL">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="https://git.labolyon.fr/explore/repos" class="textBtnStyle" >Git</a></li>
|
||||
<li><a href="https://wiki.labolyon.fr/" class="textBtnStyle" >Wiki</a></li>
|
||||
@@ -81,7 +81,7 @@
|
||||
</section>
|
||||
|
||||
<div class="access-info-box transparentBox">
|
||||
<address aria-label="Adresse du lieu">
|
||||
<address>
|
||||
7 place Chazette<br>
|
||||
69001 Lyon<br>
|
||||
<br>
|
||||
@@ -89,7 +89,7 @@
|
||||
4° 50' 14.052" E
|
||||
</address>
|
||||
|
||||
<ul aria-label="Téléphones du lieu">
|
||||
<ul>
|
||||
<li> 🖷 Fax : <a href="tel:+33482533028">04 82 53 30 28</a></li>
|
||||
<li> ✆ Tel EPVPN : <a href="tel:5256">5256</a></li>
|
||||
<li> 🖷 Fax EPVPN : <a href="tel:5257">5257</a></li>
|
||||
@@ -97,7 +97,7 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div id="planSection" class="transparentBox" aria-label="Plan d'accès du local">
|
||||
<div id="planSection" class="transparentBox" title="Plan d'accès du local">
|
||||
<div id="planContainer" class="transparentBox">
|
||||
<img src="assets/plan.svg" id="plan" alt="Sonnez à l'interphone Laboratoire Ouvert Lyonnais au 7 Place Chazette 69001, puis avancez tout droit, traversez la cour, et avancez encore, la porte se situe après l'ascenceur, sur la droite">
|
||||
<svg aria-hidden="true" id="fleche" viewBox="0 0 4215.93 2604.36">
|
||||
@@ -123,15 +123,15 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="extLinkSection" class="transparentBox" aria-label="Liens externes">
|
||||
<a href="https://www.hackerspaces.org/" id="hackerLogo" aria-label="hackerspace.org est un site qui recense les hackerspaces en Europe">
|
||||
<div id="extLinkSection" class="transparentBox" title="Liens externes">
|
||||
<a href="https://www.hackerspaces.org/" id="hackerLogo" title="hackerspace.org est un site qui recense les hackerspaces en Europe">
|
||||
<img src="assets/logo_hackerspaces_monde.png" aria-hidden="true" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- MESSAGE DE BIENVENUE -->
|
||||
<aside>
|
||||
<button type="button" popovertarget="msgWindow" popoveraction="show" aria-controls="msgPanel" class="iconBtnStyle" id="openMsg" aria-label="ouvrir le message de bienvenue">
|
||||
<button type="button" popovertarget="msgWindow" popoveraction="show" aria-controls="msgPanel" class="iconBtnStyle" id="openMsg" title="ouvrir le message de bienvenue">
|
||||
<svg class="icon" viewBox="0 0 40.19 38.9" aria-hidden="true">
|
||||
<path d="M33.56,0H0v38.9h40.19V0h-6.62ZM34.91,33.62H5.28V8.09l15.05,19.04,14.58-18.56v25.05ZM11.12,5.28h18.39l-9.25,12.02L11.12,5.28Z"/>
|
||||
</svg>
|
||||
@@ -141,7 +141,7 @@
|
||||
<dialog tabindex="-1" id="msgPanel" aria-expanded="false" class="floatingWindow" aria-label="Message de bienvenue du LOL">
|
||||
<h4 class="title">
|
||||
Bienvenue sur le site du LOL!
|
||||
<button class="iconBtnStyle" popovertarget="msgWindow" popoveraction="hide" aria-label="Fermer la fenêtre" autofocus>
|
||||
<button class="iconBtnStyle" popovertarget="msgWindow" popoveraction="hide" title="Fermer la fenêtre" autofocus>
|
||||
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
|
||||
<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>
|
||||
@@ -172,7 +172,7 @@
|
||||
<a href="status" class="textBtnStyle">Vérifier <br>si c'est<br> ouvert <br>→ → →</a>
|
||||
</section>
|
||||
<aside id="extraContent">
|
||||
<div id="aboutSection" class="solidBox" aria-label="Description de l'asso, de ses objectifs et valeurs">
|
||||
<div id="aboutSection" class="solidBox">
|
||||
<p>
|
||||
Le Laboratoire Ouvert Lyonnais (LOL) est un lieu de rassemblement et d'expérimentations pour tous·tes les passionné·es d'informatique, d'électronique et de technique,
|
||||
qui souhaitent réparer, recycler, et se réapproprier les objets et outils qui nous entourent.<br>
|
||||
@@ -209,7 +209,7 @@
|
||||
<article class="solidBox">
|
||||
<h4>Permanences du LOL</h4>
|
||||
<p class="date">↻ Mardi & Samedi</p>
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" title="Plus d'infos sur cet évènement">
|
||||
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
|
||||
<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>
|
||||
@@ -219,7 +219,7 @@
|
||||
<article class="solidBox">
|
||||
<h4>Permanences du LOL</h4>
|
||||
<p class="date">↻ Mardi & Samedi</p>
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" title="Plus d'infos sur cet évènement">
|
||||
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
|
||||
<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>
|
||||
@@ -229,7 +229,7 @@
|
||||
<article class="solidBox">
|
||||
<h4>Permanences du LOL</h4>
|
||||
<p class="date">↻ Mardi & Samedi</p>
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" title="Plus d'infos sur cet évènement">
|
||||
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
|
||||
<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>
|
||||
@@ -239,7 +239,7 @@
|
||||
<article class="solidBox">
|
||||
<h4>Permanences du LOL</h4>
|
||||
<p class="date">↻ Mardi & Samedi</p>
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" aria-label="Plus d'infos sur cet évènement">
|
||||
<a href="/affiches/mardis/" class="iconBtnStyle" title="Plus d'infos sur cet évènement">
|
||||
<svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
|
||||
<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>
|
||||
@@ -248,18 +248,18 @@
|
||||
|
||||
</section>
|
||||
</aside>
|
||||
<footer id="webRingSection" aria-label="les copaines du LOL">
|
||||
<a href="https://berthe.cc" aria-label="berthe.cc">
|
||||
<footer id="webRingSection" title="les copaines du LOL">
|
||||
<a href="https://berthe.cc" title="berthe.cc">
|
||||
<img src="/assets/webRings/berthe.cc.png" alt="une créature étrange verte et rouge avec 4 grands yeux et un inscription blanche : berthe.cc">
|
||||
</a>
|
||||
<a href="https://murmure.cafe" aria-label="murmure.café, collectif de réappropriation du web et des réseaux">
|
||||
<a href="https://murmure.cafe" title="murmure.café, collectif de réappropriation du web et des réseaux">
|
||||
<img src="/assets/webRings/murmure-cafe-webring.png" alt="une une tasse de café pixélisées en couleurs pastel avec des chevrons, quelques gouttes de café renversées et une écriture noire : murmure.café">
|
||||
</a>
|
||||
<a href="https://drags-nerds.net" aria-label="drags and nerds, collectif d'organisation d'évènements queer et nerds inclusifs">
|
||||
<a href="https://drags-nerds.net" title="drags and nerds, collectif d'organisation d'évènements queer et nerds inclusifs">
|
||||
<img id="flashDNN" class="needOutline" src="/assets/webRings/DNNwebring.gif" alt="les mots drags, and et nerds qui défilent dans tous les sens sur un fond rose et vert fluo qui clignote">
|
||||
<img id="reducedDNN" src="/assets/webRings/dnn-reduced-motion.png" alt="les lettres #, D, et, N en gros pixel blanc sur fond noir avec un léger effet 3D, alternée entre vert et rose, toujours fluo ">
|
||||
</a>
|
||||
<a href="https://peertube.1312.media/" aria-label="the 1312 media collective">
|
||||
<a href="https://peertube.1312.media/" title="the 1312 media collective">
|
||||
<img src="/assets/webRings/1312.media-webring.png" alt="le logo antifasciste et un texte rouge très large, the 1312 media collective">
|
||||
</a>
|
||||
</footer>
|
||||
|
||||
Reference in new issue
Block a user