Ajout page de présentation du LOL

This commit is contained in:
2025-11-23 21:01:04 +01:00
parent 41af47adbd
commit 59e90b5a53
2 changed files with 77 additions and 0 deletions

View File

@@ -44,6 +44,7 @@
<a property="url" href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</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>
<a property="url" href="/presentation.html">Présentation</a>
</nav>
</header>

76
presentation.html Normal file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE HTML>
<html lang="fr" vocab="http://schema.org/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<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.png" type="image/png">
<link rel="me" href="https://nerdculture.de/@labolyon" />
<title>Présentation - Laboratoire Ouvert Lyonnais</title>
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
<style>
.fullscreen-background {
display: none;
}
</style>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
<body typeof="Organization Place" resource="https://labolyon.fr/">
<div class="fullscreen-background" aria-hidden="true">
<video muted loop poster="images/world_network.jpg" id="background-video">
<source src="videos/background.webm" type="video/webm" />
<source src="videos/background.mp4" type="video/mp4">
</video>
<img src="/images/world_network.muted.jpg" id="background-poster"/>
</div>
<header id="main-header">
<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 property="name">Laboratoire <br/>Ouvert <br/>Lyonnais</h1>
<nav id="main-nav">
<link property="url" href="https://labolyon.fr/">
<a property="url" href="https://git.labolyon.fr/explore/repos">Dépots Git</a>
<a property="url" href="https://wiki.labolyon.fr/">Wiki</a>
<a property="url" href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</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>
<a property="url" href="/presentation.html">Présentation</a>
</nav>
</header>
<main id="homepage">
<section id="description">
<div property="abstract">
<p>Le Laboratoire Ouvert Lyonnais (L.O.L) est une association de loi 1901 destinéee à être un lieu d'échanges et d'expérimentations pour toute personne passionnée de technologie et/ou d'informatique.
Nous sommes centrés sur la réutilisation, le recyclage et le bidouillage de matériels dans le but de comprendre leur fonctionnement et de les utiliser dans un but bienveillant et éducatif.</p>
<p>Nous aimons expérimenter et trouver de nouveaux usages à des objets. Nous sommes une communauté tournée vers le partage et l'apprentissage et nous hébergeons également nos propres services, par nos propres moyens.
Nous recyclons également du matériel informatique, afin d'aider les personnes à obtenir des ressources pour appendre et de continuer à fournir nos services de manière bénévole. Toute personne peut emprunter ou récupérer du matériel, quelle que soit sa situation.</p>
<p>Nous sommes installé dans un local au 7 place Louis Chazette 69001 Lyon. Nous travaillons en collaboration avec l'assocation LALIS, dont nous aidons à héberger le site web et divers services internes.</p>
<p>Numéro RNA : W691079861</p>
</div>
</section>
<div class="toolbar">
<button id="play-background" hidden>
<img src="/images/play.svg" alt="Play" class="play" title="Play" />
<img src="/images/pause.svg" alt="Pause" class="pause" hidden title="Pause" />
</button>
</div>
</main>
<script src="js/background.js"></script>
</body>
</html>