Un peu de web semantique dans votre site ?

This commit is contained in:
EpicKiwi 2025-01-23 17:43:23 +01:00
parent 8c897dd7de
commit 17a37f17e7
Signed by: epickiwi
GPG Key ID: C4B28FD2729941CE

View File

@ -1,10 +1,11 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html lang="fr" vocab="http://schema.org/">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/images/favicon.svg" type="image/svg+xml"> <link rel="shortcut icon" href="/images/favicon.svg" type="image/svg+xml">
<link rel="shortcut icon" href="/images/favicon.png" type="image/png"> <link rel="shortcut icon" href="/images/favicon.png" type="image/png">
<link rel="me" href="https://nerdculture.de/@labolyon" />
<title>Laboratoire Ouvert Lyonnais</title> <title>Laboratoire Ouvert Lyonnais</title>
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
@ -20,7 +21,7 @@
<link rel="stylesheet" href="css/affiches/jdll2024.css"> <link rel="stylesheet" href="css/affiches/jdll2024.css">
</head> </head>
<body> <body typeof="Organization Place" resource="https://labolyon.fr/">
<div class="fullscreen-background" aria-hidden="true"> <div class="fullscreen-background" aria-hidden="true">
<video muted loop poster="images/world_network.jpg" id="background-video"> <video muted loop poster="images/world_network.jpg" id="background-video">
@ -31,16 +32,17 @@
</div> </div>
<header id="main-header"> <header id="main-header">
<img class="logo" src="images/logo_picto.svg" alt="Logo du laboratoire ouvert lyonnais : un rectangle entourant 3 lignes de points et trais des lettres L O L en morse." /> <img property="logo" class="logo" src="images/logo_picto.svg" alt="Logo du laboratoire ouvert lyonnais : un rectangle entourant 3 lignes de points et trais des lettres L O L en morse." />
<h1>Laboratoire <br/>Ouvert <br/>Lyonnais</h1> <h1 property="name">Laboratoire <br/>Ouvert <br/>Lyonnais</h1>
<nav id="main-nav"> <nav id="main-nav">
<a href="https://git.labolyon.fr/explore/repos ">Dépots Git</a> <link property="url" href="https://labolyon.fr/">
<a href="https://wiki.labolyon.fr/">Wiki</a> <a property="url" href="https://git.labolyon.fr/explore/repos">Dépots Git</a>
<a href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</a> <a property="url" href="https://wiki.labolyon.fr/">Wiki</a>
<a href="https://nerdculture.de/@labolyon" rel="me">Fédiverse</a> <a property="url" href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</a>
<a href="https://matrix.to/#/#general:chat.labolyon.fr">Salon Matrix</a> <a property="url" href="https://nerdculture.de/@labolyon">Fédiverse</a>
<a property="url" href="https://matrix.to/#/#general:chat.labolyon.fr">Salon Matrix</a>
</nav> </nav>
</header> </header>
@ -58,24 +60,28 @@
<hr> <hr>
<p>Le Laboratoire Ouvert Lyonnais (LOL) est un lieu de rassemblement et d'expérimentations pour tout les passionné·es d'informatique, d'électronique et de technique. <div property="abstract">
Le LOL est un lieu d'exploration des alternatives et de bidouille.</p>
<p>Le Laboratoire Ouvert Lyonnais (LOL) est un lieu de rassemblement et d'expérimentations pour tout les passionné·es d'informatique, d'électronique et de technique.
Le LOL est un lieu d'exploration des alternatives et de bidouille.</p>
<p>Au LOL, nous expérimentons et créons autours du détournement, de la réutilisations d'objets en tout genre. <p>Au LOL, nous expérimentons et créons autours du détournement, de la réutilisations d'objets en tout genre.
Nous constituons une communautée ouverte où chacun·e peut apprendre et partager avec les autres pour créer ensemble et comprendre les outils techniques qui nous entourent.</p> Nous constituons une communautée ouverte où chacun·e peut apprendre et partager avec les autres pour créer ensemble et comprendre les outils techniques qui nous entourent.</p>
<p>Nous revendiquons l'ouverture du code et des techniques. <p>Nous revendiquons l'ouverture du code et des techniques.
Le partage des connaissances et l'autogestion.</p> Le partage des connaissances et l'autogestion.</p>
<p> <p>
<a href="https://www.hackerspaces.org/" class="hackerspace-logo" target="_blank"><img class="icons" src="images/logo_hackerspaces_monde.png" alt="Hackerspaces.org"></a> <a href="https://www.hackerspaces.org/" class="hackerspace-logo" target="_blank"><img class="icons" src="images/logo_hackerspaces_monde.png" alt="Hackerspaces.org"></a>
<marquee direction="left" behavior="scroll" scrollamount="3">none of us is smarter than all of us - nul n'est plus intelligent·e que nous tou·tes réunis</marquee> <marquee direction="left" behavior="scroll" scrollamount="3">none of us is smarter than all of us - nul n'est plus intelligent·e que nous tou·tes réunis</marquee>
</p> </p>
</div>
</section> </section>
<aside id="main-info"> <aside id="main-info">
<address><a href="geo:45.7732495,4.8372366"> <address property="address"><a href="geo:45.7732495,4.8372366">
7 Place Louis Chazette 69001 Lyon<br/> 7 Place Louis Chazette 69001 Lyon<br/>
45° 46' 23.698" N 4° 50' 14.052" E 45° 46' 23.698" N 4° 50' 14.052" E
</a></address> </a></address>
@ -95,15 +101,19 @@
<section id="events"> <section id="events">
<article class="event affiche-perm affiche"> <article class="event affiche-perm affiche" property="event" typeof="Event">
<h1>Permanence du LOL</h1> <h1 property="name">Permanence du LOL</h1>
<p>Venez chiller avec nous, partager un thé ou une biere.</p> <div property="description">
<p>Venez chiller avec nous, partager un thé ou une biere.</p>
<p>On parle technique mais aussi logiciel libre, hacking, de nos projets personnels ou collectifs</p> <p>On parle technique mais aussi logiciel libre, hacking, de nos projets personnels ou collectifs</p>
</div>
<p class="event-hours"><strong>Tous les mardis à partir de&nbsp;19h <br/> <p class="event-hours"><strong><span property="eventSchedule" typeof="Schedule">
au local du LOL</strong></p> Tous les <data property="byDay" content="Tuesday">mardis</data> à partir de&nbsp;<data property="startTime" content="19:00">19h</data>
</span><br/>
au <span property="location" href="https://labolyon.fr/">local du LOL</span></strong></p>
<p>Adhésion conseillée (prix libre)</p> <p>Adhésion conseillée (prix libre)</p>
</article> </article>