labolyon.fr/index.html

86 lines
3.2 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>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>
<div class="fullscreen-background">
<video src="/videos/background_sound.mp4" loop poster="images/world_network.jpg" autoplay id="background-video" loading="lazy"></video>
<img src="/images/world_network.muted.jpg" aria-hidden="true" id="background-poster"/>
</div>
<header id="main-header">
<img class="logo" src="images/logo_picto.svg" alt="Laboratoire Ouvert Lyonnais" />
<nav>
<a href="https://git.labolyon.fr/explore/repos ">Wiki/Git</a>
</nav>
</header>
<main>
<section id="description">
<dl class="definitions">
<dt>Hackerspace</dt>
<dd><em>n.m.</em> : Tiers lieu de réunion et de rencontre entre personnes désirant comprendre, créer ou détourner des objets techniques ou technologiques.</dd>
<dt>Hackeuse, Hacker</dt>
<dd><em>n.</em> : Personne ayant un intérêt dans la technique ou la technologie et faisant un usage creatif et/ou utile de celle-ci par le détournement.</dd>
</dl>
<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.
Nous constituons une communautée ouverte où chacun·e peux 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.
Le partage des connaissances et l'autogestion.</p>
<p>
<a href="https://hackerspaces.org/" class="hackerspace-logo"><img class="icons" src="images/logo_hackerspaces_monde.png"></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>
</p>
</section>
<aside id="main-side">
<h2>Informations</h2>
<section class="info">
<div>Permanence : mardis à partir de 19h00</div>
<div>Adresse : <address>7 Place Louis Chazette 69001 Lyon</address></div>
</section>
<h2>Canaux</h2>
<section>
<p>IRC : canal #labolyon sur <a href="http://geeknode.org/">irc.geeknode.org</a> : besoin d'aide sur IRC? <a href=" http://www.irchelp.org">voir IRC Help</a></p>
<p><a href=" https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</a></p>
</section>
</aside>
<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>