labolyon.fr/index.html

188 lines
6.7 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE HTML>
2023-06-13 17:21:54 +02:00
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
2023-06-13 17:21:54 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2023-10-29 15:56:52 +01:00
<link rel="shortcut icon" href="/images/favicon.svg" type="image/svg+xml">
<link rel="shortcut icon" href="/images/favicon.png" type="image/png">
<title>Laboratoire Ouvert Lyonnais</title>
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
2023-06-13 17:21:54 +02:00
<style>
2023-06-13 17:35:55 +02:00
.fullscreen-background {
2023-06-13 17:21:54 +02:00
display: none;
}
</style>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/affiches/perm.css">
2024-05-04 13:59:56 +02:00
<link rel="stylesheet" href="css/affiches/jdll2024.css">
</head>
<body>
2023-08-16 13:42:49 +02:00
<div class="fullscreen-background" aria-hidden="true">
<video muted loop poster="images/world_network.jpg" id="background-video">
2023-08-16 13:42:49 +02:00
<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>
2023-06-13 17:21:54 +02:00
<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>
2023-10-29 13:09:51 +01:00
<a href="https://wiki.labolyon.fr/">Wiki</a>
<a href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</a>
2024-05-20 17:38:18 +02:00
<a href="https://nerdculture.de/@labolyon" rel="me">Fédiverse</a>
2024-06-11 19:04:48 +02:00
<a href="https://matrix.to/#/#general:chat.labolyon.fr">Salon Matrix</a>
2023-06-13 17:21:54 +02:00
</nav>
</header>
2023-06-10 22:24:21 +02:00
<main id="homepage">
2023-06-13 17:21:54 +02:00
<section id="description">
2023-08-16 10:36:18 +02:00
<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>
2023-08-16 10:36:18 +02:00
<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>
2023-06-13 17:21:54 +02:00
2023-08-16 10:36:18 +02:00
<p>Au LOL, nous expérimentons et créons autours du détournement, de la réutilisations d'objets en tout genre.
2023-10-10 19:02:18 +02:00
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>
2023-06-13 17:21:54 +02:00
2023-08-16 10:36:18 +02:00
<p>Nous revendiquons l'ouverture du code et des techniques.
Le partage des connaissances et l'autogestion.</p>
2023-06-13 17:21:54 +02:00
<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>
2023-08-16 10:36:18 +02:00
<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>
2023-06-13 17:21:54 +02:00
</p>
</section>
<aside id="main-info">
2023-11-04 17:14:17 +01:00
<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>
2023-06-13 17:21:54 +02:00
2023-11-04 17:14:17 +01:00
<p> Ouvert tous les mardis à partir de 19h</p>
2023-06-10 22:24:21 +02:00
2023-11-04 17:40:09 +01:00
<section class="status-section">
2023-11-04 17:14:17 +01:00
<a href="/status/" id="status">Vérifier si le local est ouvert 🠖</a>
<script src="/js/status.js"></script>
2023-06-13 17:21:54 +02:00
</section>
2024-01-13 16:39:11 +01:00
<ol id="join-steps">
<li>Sonnez à linterphone</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>
2023-06-13 17:21:54 +02:00
</aside>
<section id="events">
2023-06-13 17:21:54 +02:00
<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&nbsp;19h <br/>
au local du LOL</strong></p>
<p>Adhésion 5€ pour le mois</p>
</article>
2024-07-12 17:04:18 +02:00
<!--<article class="event affiche-jdll2024 affiche">
2024-05-04 13:59:56 +02:00
<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
})
})()
2024-07-12 17:04:18 +02:00
</script> -->
</section>
2023-06-13 17:21:54 +02:00
<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>