127 lines
5.0 KiB
HTML
127 lines
5.0 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">
|
|
|
|
<link rel="stylesheet" href="css/affiches/perm.css">
|
|
<link rel="stylesheet" href="css/affiches/cafe.css">
|
|
<link rel="stylesheet" href="css/affiches/dac.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<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 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>
|
|
|
|
<nav id="main-nav">
|
|
<a href="https://git.labolyon.fr/explore/repos ">Dépots Git</a>
|
|
<a href="https://team.labolyon.fr/">Wiki</a>
|
|
<a href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</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>
|
|
|
|
<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.
|
|
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://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>
|
|
</p>
|
|
</section>
|
|
|
|
<aside id="main-info">
|
|
<address><a href="geo:45.7732495,4.8372366">
|
|
7 Place Louis Chazette 69001 Lyon<br/>
|
|
45° 46' 23.698" N 4° 50' 14.052" E
|
|
</a></address>
|
|
<p> Ouvert tous les mardis à partir de 19h <br/>
|
|
et tous les samedis de 14h à 19h</p>
|
|
</aside>
|
|
|
|
<section id="events">
|
|
|
|
<article class="event affiche-dac affiche">
|
|
<img src="images/affiches/dac.png" alt="La Digital Audio Community se donne rendez-vous le mercredi 13 septembre à partir de 18h30 au LOL, 7 place Louis Chazette. Au Programme : Ateliers Livre-Coding, Discussions Informatique Musicale && Découverte Code Créatif............" />
|
|
</article>
|
|
|
|
<article class="event affiche-perm affiche">
|
|
<h1>Permanence du LOL</h1>
|
|
|
|
<p>Venez nous rencontrer autours d'une pizza</p>
|
|
|
|
<p>On parle technique mais aussi logiciel libre, hacking, de nos projets personnels ou collectifs</p>
|
|
<p class="event-hours"><strong>Tous les mardis à partir de 19h <br/>
|
|
au local du LOL</strong></p>
|
|
|
|
<p>Adhésion 5€ pour le mois</p>
|
|
</article>
|
|
|
|
<article class="event affiche-cafe affiche">
|
|
<h1 lang="en"><span aria-hidden="true">> </span>Hacking cafe<span class="cursor" aria-hidden="true">▁</span></h1>
|
|
|
|
<p> Le Samedi apres-midi<br/>
|
|
Un <abbr title="Le terme café exprime ici toute boisson agréable à deguster en compagnie d'autre personnes. Cela regroupe le café, le thé, des jus de fruits ou autre chose.">café</abbr> sur la table de soudage ou à coté du PC</p>
|
|
|
|
<p> C'est le moment de se mettre ensemble sur nos projets personnels ou collectifs</p>
|
|
|
|
<p class="event-hours"><strong>Tous les samedis de 14h à 19h <br/>
|
|
au local du LOL</strong></p>
|
|
|
|
<p>Adhésion 5€ pour le mois</p>
|
|
</article>
|
|
|
|
</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>
|