222 lines
9.2 KiB
HTML
222 lines
9.2 KiB
HTML
<!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>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/jdll2024.css">
|
||
<link rel="stylesheet" href="css/affiches/algorave.css">
|
||
</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>
|
||
</nav>
|
||
</header>
|
||
|
||
<main id="homepage">
|
||
|
||
<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>
|
||
|
||
<div property="abstract">
|
||
|
||
<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 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.
|
||
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>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<aside id="main-info">
|
||
|
||
<address property="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</p>
|
||
|
||
<section class="status-section">
|
||
<a href="/status/" id="status">Vérifier si le local est ouvert 🠖</a>
|
||
<script src="/js/status.js"></script>
|
||
</section>
|
||
|
||
<ol id="join-steps">
|
||
<li>Sonnez à l’interphone</li>
|
||
<li><img src="/images/plan-d-access.png" alt="Plan d'acces au locaux du LOL : En entrant depuis la place, tout au bout en traversant une cour. Sur la droite avant les escaliers" title="En entrant depuis la place, tout au bout en traversant une cour. Sur la droite avant les escaliers" /></li>
|
||
</ol>
|
||
</aside>
|
||
|
||
<section id="events">
|
||
|
||
<article class="event affiche-perm affiche" property="event" typeof="Event">
|
||
<h1 property="name">Permanence du LOL</h1>
|
||
|
||
<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>
|
||
</div>
|
||
|
||
<p class="event-hours"><strong><span property="eventSchedule" typeof="Schedule">
|
||
Tous les <data property="byDay" content="Tuesday">mardis</data> à partir de <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>
|
||
</article>
|
||
|
||
<article class="event affiche affiche-jamfetedelamusique" property="event" typeof="Event">
|
||
<img src="./images/affiches/jamfetedelamusique.png" alt="Affiche de la jam ouverte du 21 Juin 2025 : Un motif abstrait généré de manière electronique." aria-labelledby="jam21062025-decription" />
|
||
<div class="description" id="jam21062025-description">
|
||
<h1 property="name">JAM OUVERTE</h1>
|
||
<p property="description">La fête de la musique approche !
|
||
C'est avec plaisir que nous vous invitons à venir bricoler, jouer, experimenter les sons, les images, les mélodies et le vacarme technique dans une JAM expérimentale et ouverte à tous·tes !
|
||
Pour les novices, curieux, connaisseurs ou encore tous•tes celles et ceux qui veulent juste découvrir la musique et la vidéo décalée et experimentale, vous êtes les bienvenu•e•s !
|
||
Rendez-vous 7 Place Louis Chazette, proche de Croix-Paquet (Métro C) et Pont De Lattre RD (bus)
|
||
La JAM se déroule de 14h à 18h, afin de laisser la soirée libre pour les nombreux événements de la ville en ce jour festif :)
|
||
Ramenez vos synthés audio et vidéo, vos ordis ou vos contre-basses, tout est permis pour cette après-midi festive que nous vous proposons !</p>
|
||
<p property="location">7 Place Louis Chazette, proche de Croix-Paquet (Métro C) et Pont De Lattre RD (bus)</p>
|
||
<p>
|
||
<time datetime="2025-06-21T14:00:00" content="2025-06-21T14:00:00" property="startDate">21 Juin 14h</time>
|
||
-
|
||
<time datetime="2025-06-21T18:00:00" content="2025-06-21T18:00:00" property="endDate">18h</time>
|
||
</p>
|
||
<p>Prix libre, No CB, adhésion libre</p>
|
||
<p property="abstract">Experimentations visuelles et sonores ouverte</p>
|
||
<p>poster by CCC</p>
|
||
</div>
|
||
</article>
|
||
|
||
<!--<article class="event affiche-jdll2024 affiche">
|
||
<header>
|
||
<img src="/images/favicon.png" alt="Favicon du LOL" />
|
||
<h1 id="jdll-2024-title">Le LOL aux JDLL 2024</h1>
|
||
|
||
<button>
|
||
<img src="/css/affiches/reduire.png" alt="Reduire" />
|
||
</button>
|
||
<button>
|
||
<img src="/css/affiches/agrandir.png" alt="Agrandir" />
|
||
</button>
|
||
<button>
|
||
<img src="/css/affiches/fermer.png" alt="Fermer" />
|
||
</button>
|
||
</header>
|
||
<nav>
|
||
<button id="jdll-2024-back">
|
||
<img src="/css/affiches/back.png" alt="Back" />
|
||
Back
|
||
</button>
|
||
<button id="jdll-2024-forward">
|
||
<img src="/css/affiches/forward.png" alt="Back" />
|
||
Forward
|
||
</button>
|
||
<button id="jdll-2024-home">
|
||
<img src="/css/affiches/home.png" alt="Home" />
|
||
Home
|
||
</button>
|
||
<hr>
|
||
<img src="/css/affiches/tux.png" alt="Tux" />
|
||
</nav>
|
||
<nav>
|
||
<label for="jdll-2024-location">Location : </label>
|
||
<input type="url" name="location" id="jdll-2024-location" value="/jdll2024/affiche.html"/>
|
||
</nav>
|
||
<iframe src="/jdll2024/affiche.html" id="jdll-2024-iframe" frameborder="0"></iframe>
|
||
</article>
|
||
|
||
<script>
|
||
(() => {
|
||
const iframe = document.getElementById("jdll-2024-iframe");
|
||
const initialValue = iframe.src;
|
||
|
||
iframe.addEventListener("load", () => {
|
||
document.getElementById("jdll-2024-location").value = iframe.src
|
||
document.getElementById("jdll-2024-title").textContent = iframe.contentWindow.document.title
|
||
})
|
||
|
||
document.getElementById("jdll-2024-location").addEventListener("change", e => {
|
||
iframe.src = e.target.value
|
||
})
|
||
|
||
document.getElementById("jdll-2024-back").addEventListener("click", () => {
|
||
iframe.contentWindow.history.back()
|
||
})
|
||
|
||
document.getElementById("jdll-2024-forward").addEventListener("click", () => {
|
||
iframe.contentWindow.history.forward()
|
||
})
|
||
|
||
document.getElementById("jdll-2024-home").addEventListener("click", () => {
|
||
iframe.src = initialValue
|
||
})
|
||
})()
|
||
</script> -->
|
||
</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>
|