ménage et affiche permanence
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 MiB |
@@ -0,0 +1,134 @@
|
|||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Permanence du mardi soir</title>
|
||||||
|
<link rel="stylesheet" href="/style/typo.css">
|
||||||
|
<link rel="stylesheet" href="/style/default.css">
|
||||||
|
<style data-import="no-import">
|
||||||
|
html{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
background-color: var(--mardi-back-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
height: 100%;
|
||||||
|
max-width: 1000px;
|
||||||
|
background-color: var(--mardi-accent-color);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
:root{
|
||||||
|
--mardi-back-color: rgb(37, 1, 65);
|
||||||
|
--mardi-main-color: rgb(255, 74, 231);
|
||||||
|
--mardi-accent-color: rgb(0, 255, 21);
|
||||||
|
}
|
||||||
|
|
||||||
|
.afficheMardis{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: flex-start;
|
||||||
|
background-color: var(--mardi-main-color);
|
||||||
|
|
||||||
|
@container( width > 650px ){
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#imgContainer{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
max-height: 33vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: hidden;
|
||||||
|
gap: 3.33px;
|
||||||
|
padding-top: 3.33px;
|
||||||
|
|
||||||
|
img{
|
||||||
|
max-width: 34%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#textContainer{
|
||||||
|
padding: 13.12px;
|
||||||
|
color: var(--mardi-back-color);
|
||||||
|
|
||||||
|
h4{
|
||||||
|
font-family: 'karrik';
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 33px;
|
||||||
|
margin-bottom: 3.33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
font-family: 'velvelyne';
|
||||||
|
font-family: 16.1px;
|
||||||
|
margin-bottom: 7.77px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-hours{
|
||||||
|
margin-left: 33px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
span[property="location"]{
|
||||||
|
font-size: 16.1px;
|
||||||
|
margin-left: -13.12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@container( width < 650px ){
|
||||||
|
.afficheMardis{
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<article class="afficheMardis" property="event" typeof="Event">
|
||||||
|
<div id="imgContainer">
|
||||||
|
<img src="/affiches/mardis/IMG001.jpg" alt="une lampe d'atelier sur un grand plan de travail un peu désorganisé, quelques chaises un peu disparates, on distingue un empilement de caisses et cartons à l'arrière plan">
|
||||||
|
<img src="/affiches/mardis/IMG002.jpg" alt="un coin atelier bien équipé et éclairé, beaucoup d'outils, une échelle au bord du cadre, et on aperçoit un espace avec un ordinateur sur une mezzanine, éclairé d'une lumière rouge vive">
|
||||||
|
<img src="/affiches/mardis/IMG333.jpg" alt="un grand espace de rangement très haut et plutôt ajouré décorée d'un dessin de poulpe rose fluo, qui contient des outils divers, éclairé d'un néon bleu pâle">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="textContainer" property="description">
|
||||||
|
<h4 property="name">Permanence du LOL</h1>
|
||||||
|
|
||||||
|
<p>Venez chiller avec nous, partager un thé ou une biere.</p>
|
||||||
|
|
||||||
|
<p>On échange technique et savoir-faire<br>sur tous les sujets notamment le logiciel libre, hacking,<br> couture, bricole et bidouille<br> mais aussi de nos projets personnels ou collectifs</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="event-hours">
|
||||||
|
<span property="eventSchedule" typeof="Schedule">
|
||||||
|
<data property="byDay" content="Tuesday">Tous les mardis</data><br> à partir de <data property="startTime" content="19:00">19h</data>
|
||||||
|
</span>
|
||||||
|
<br>
|
||||||
|
<span property="location" href="https://labolyon.fr/">au local du LOL</span>
|
||||||
|
</p>
|
||||||
|
<p>Adhésion conseillée (prix libre)</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 738 KiB |
@@ -1,51 +0,0 @@
|
|||||||
.affiche-algorave {
|
|
||||||
grid-row: span 2;
|
|
||||||
padding: 0;
|
|
||||||
font-family: monospace;
|
|
||||||
|
|
||||||
img {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover .description,
|
|
||||||
&:active .description {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.description {
|
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: stretch;
|
|
||||||
|
|
||||||
background: rgba(0, 0, 0, 0.9);
|
|
||||||
|
|
||||||
ul {
|
|
||||||
padding: 0;
|
|
||||||
list-style-type: none;
|
|
||||||
text-align: justify;
|
|
||||||
|
|
||||||
flex: 1;
|
|
||||||
line-height: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li {
|
|
||||||
display: inline
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li:not(:last-child)::after {
|
|
||||||
content: ", ";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 341 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 90 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 365 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,18 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Le LOL aux JDLL 2024</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Le LOL sera aux <a href="https://jdll.org/">JDLL 2024</a> !</h1>
|
|
||||||
|
|
||||||
<p>C'est le 25 et le 26 mai à l'<a href="https://www.openstreetmap.org/?mlat=45.73257&mlon=4.83185#map=19/45.73257/4.83185" target="_blank">ENS</a> ! Le LOL sera présent pendant tout l'événement pour se rencontrer, discuter et hacker ensemble. En plus de ça, nous allons proposer un temps d'expression libre sur le web.</p>
|
|
||||||
|
|
||||||
<p>Au programme : une découverte des techniques pour fabriquer son petit coin d'Internet à soi. Découvrir et utiliser les outils du Web pour créer des pages utiles ou non, belles ou moches, mais surtout uniques et personnelles.<br/>
|
|
||||||
Il n'y a aucun pré-requis, si ce n'est savoir utiliser un clavier.</p>
|
|
||||||
|
|
||||||
<p>Venez nous rencontrer, hacker ou bien discuter sur le stand.</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 992 B |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
@@ -1,47 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="4.6079388mm"
|
|
||||||
height="3.1703224mm"
|
|
||||||
viewBox="0 0 4.6079388 3.1703224"
|
|
||||||
version="1.1"
|
|
||||||
id="svg5"
|
|
||||||
xml:space="preserve"
|
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
|
||||||
id="defs2"><linearGradient
|
|
||||||
id="linearGradient22086"><stop
|
|
||||||
style="stop-color:#ffffff;stop-opacity:1;"
|
|
||||||
offset="0"
|
|
||||||
id="stop22082" /><stop
|
|
||||||
style="stop-color:#d4d4d4;stop-opacity:1;"
|
|
||||||
offset="1"
|
|
||||||
id="stop22084" /></linearGradient><linearGradient
|
|
||||||
xlink:href="#linearGradient22086"
|
|
||||||
id="linearGradient22088"
|
|
||||||
x1="24.94607"
|
|
||||||
y1="37.351017"
|
|
||||||
x2="25.431881"
|
|
||||||
y2="37.910633"
|
|
||||||
gradientUnits="userSpaceOnUse" /><linearGradient
|
|
||||||
xlink:href="#linearGradient22086"
|
|
||||||
id="linearGradient22096"
|
|
||||||
x1="27.680107"
|
|
||||||
y1="37.517262"
|
|
||||||
x2="28.045597"
|
|
||||||
y2="37.891655"
|
|
||||||
gradientUnits="userSpaceOnUse" /></defs><g
|
|
||||||
id="layer4"
|
|
||||||
transform="translate(-24.106776,-36.438155)"><g
|
|
||||||
id="g18540"
|
|
||||||
style="display:inline;fill:#bdbdbd;fill-opacity:1"><path
|
|
||||||
style="fill:url(#linearGradient22088);fill-opacity:1;stroke:#07077d;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
|
||||||
d="m 24.297671,37.95924 1.296798,-1.216447 0.0019,0.646007 1.376938,0.0036 -0.01322,1.089295 -1.296188,-0.01308 -0.0089,0.827227 z"
|
|
||||||
id="path14411" /><circle
|
|
||||||
style="opacity:1;fill:url(#linearGradient22096);fill-opacity:1;stroke:#07077d;stroke-width:0.210988;stroke-linejoin:round;stroke-miterlimit:10.5;stroke-opacity:1;paint-order:markers fill stroke"
|
|
||||||
id="path14465"
|
|
||||||
cx="28.041388"
|
|
||||||
cy="37.955338"
|
|
||||||
r="0.56783295" /></g></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 171 KiB |
@@ -1,148 +0,0 @@
|
|||||||
.affiche-jdll2024 {
|
|
||||||
border-top-color: #fafaf5ff;
|
|
||||||
border-left-color: #fafaf5ff;
|
|
||||||
border-bottom-color: #868381ff;
|
|
||||||
border-right-color: #868381ff;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 4px;
|
|
||||||
background-color: #d3cfc9ff;
|
|
||||||
padding: 0;
|
|
||||||
color: black;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: stretch;
|
|
||||||
align-items: stretch;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 iframe {
|
|
||||||
flex: 1;
|
|
||||||
border-bottom-color: #fafaf5ff;
|
|
||||||
border-right-color: #fafaf5ff;
|
|
||||||
border-top-color: #868381ff;
|
|
||||||
border-left-color: #868381ff;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 button {
|
|
||||||
border-top-color: #fafaf5ff;
|
|
||||||
border-left-color: #fafaf5ff;
|
|
||||||
border-bottom-color: #868381ff;
|
|
||||||
border-right-color: #868381ff;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 2px;
|
|
||||||
background-color: #d3cfc9ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 header {
|
|
||||||
height: 25px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: start;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: row;
|
|
||||||
|
|
||||||
background: linear-gradient(to right, #112160ff, #a6c6f2ff);
|
|
||||||
padding: 2px 4px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
column-gap: 4px;
|
|
||||||
|
|
||||||
border-bottom: solid 2px #d3cfc9ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 > :not(header) {
|
|
||||||
margin-left: 4px;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 header h1 {
|
|
||||||
flex: 1;
|
|
||||||
color: white;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 1rem;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 header > img {
|
|
||||||
height: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 header > button {
|
|
||||||
height: 100%;
|
|
||||||
display: block;
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 button img {
|
|
||||||
height: 100%;
|
|
||||||
display: block;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav {
|
|
||||||
padding: 2px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: start;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: row;
|
|
||||||
|
|
||||||
border-bottom: groove 2px #fafaf5ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav:first-of-type {
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav button {
|
|
||||||
height: 100%;
|
|
||||||
font-size: 0.6rem;
|
|
||||||
width: 50px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav button img {
|
|
||||||
height: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav hr {
|
|
||||||
flex: 1;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav > img {
|
|
||||||
height: 100%;
|
|
||||||
border-bottom-color: #fafaf5ff;
|
|
||||||
border-right-color: #fafaf5ff;
|
|
||||||
border-top-color: #868381ff;
|
|
||||||
border-left-color: #868381ff;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav input {
|
|
||||||
flex: 1;
|
|
||||||
border-bottom-color: #fafaf5ff;
|
|
||||||
border-right-color: #fafaf5ff;
|
|
||||||
border-top-color: #868381ff;
|
|
||||||
border-left-color: #868381ff;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 2px;
|
|
||||||
font-size: 0.7rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav label {
|
|
||||||
font-size: 0.7rem;
|
|
||||||
margin-right: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-jdll2024 nav:last-of-type {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 933 B |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 87 KiB |
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
@@ -1,35 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: "Arvo";
|
|
||||||
src: url("./Arvo-Bold.ttf");
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-perm {
|
|
||||||
background: black url("./perm-bg.jpg");
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
padding-left: 25px;
|
|
||||||
padding-right: 25px;
|
|
||||||
|
|
||||||
font-size: 0.9rem;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-perm h1 {
|
|
||||||
font-size: 1.8em;
|
|
||||||
margin-top: 50px;
|
|
||||||
font-weight: normal;
|
|
||||||
font-family: "Arvo", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.affiche-perm .event-hours {
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 25px;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
font-size: 1.2em;
|
|
||||||
font-family: "Arvo";
|
|
||||||
}
|
|
||||||
@@ -1,125 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="fr" data-theme="closed">
|
|
||||||
<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="icon" type="image/svg" href="./assets/favicon.svg" />
|
|
||||||
<link rel="stylesheet" href="./style.old.css">
|
|
||||||
<title>L(. O.)L</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!--<video autoplay muted loop src="./assets/video/background.webm" id="anim"></video>-->
|
|
||||||
<video autoplay muted loop src="./assets/video/close.webm" id="texture"></video>
|
|
||||||
<div id="mainContainer">
|
|
||||||
<div class="uiStyle" id="topBar">
|
|
||||||
<div class="left">
|
|
||||||
<img src="./assets/logo/logo-contreforme.svg" class="icon" id="mainLogo">
|
|
||||||
<p>L<strong>. ⚧. </strong>L<strong>. </strong></p>
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<a href="https://git.labolyon.fr/explore/repos" name="git" class="textBtnStyle" target="_blank">Git</a>
|
|
||||||
<a href="https://wiki.labolyon.fr/" name="wiki" class="textBtnStyle" target="_blank">Wiki</a>
|
|
||||||
<a href="https://matrix.to/#/#general:chat.labolyon.fr" name="matrix" class="textBtnStyle" target="_blank">Matrix</a>
|
|
||||||
<a href="https://nerdculture.de/@labolyon" name="fedi" class="textBtnStyle" target="_blank">Fediverse</a>
|
|
||||||
<a href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions" name="diff" class="textBtnStyle" target="_blank">Diffusion</a>
|
|
||||||
</div>
|
|
||||||
<button type="button" name="menu" class="iconBtnStyle" id="menuBtn">
|
|
||||||
<svg class="icon" viewBox="0 0 53.73 53.59">
|
|
||||||
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div id="mainInfo">
|
|
||||||
<div class="uiStyle" id="title">
|
|
||||||
<p>
|
|
||||||
Hackerspace queer
|
|
||||||
</p>
|
|
||||||
<p id="desc">
|
|
||||||
Lieu de réappropriation, <br>
|
|
||||||
réparation & recyclage <br>
|
|
||||||
des objets techniques <br>
|
|
||||||
& technologiques
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="address">
|
|
||||||
<p>
|
|
||||||
7 place Chazette
|
|
||||||
<br>
|
|
||||||
69001 Lyon
|
|
||||||
<br> <br>
|
|
||||||
45° 46' 23.698" N
|
|
||||||
<br>
|
|
||||||
4° 50' 14.052" E
|
|
||||||
</p>
|
|
||||||
<a href="https://www.hackerspaces.org/" id="hackerLogo" target="_blank">
|
|
||||||
<img src="./assets/logo_hackerspaces_monde.png">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="uiStyle" id="openingHours">
|
|
||||||
<p>
|
|
||||||
Dim.   <strong>15h → 23h</strong> <br>
|
|
||||||
Lun.   <strong>15h → 23h</strong> <br>
|
|
||||||
Mar.   <strong>15h → 23h</strong> <br><br>
|
|
||||||
  → nocturne :  <br>
|
|
||||||
Ven.   <strong>21h → 5h</strong>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="planContainer">
|
|
||||||
<img src="./assets/plan.svg" id="plan">
|
|
||||||
<svg id="fleche" viewBox="0 0 4215.93 2604.36">
|
|
||||||
<g>
|
|
||||||
<path d="M118.58,2250.24l88.9,7.6,20.81,53.59,2035.49-1175.29,534.6-308.72c47.83-27.62,106.77-27.57,154.55.13l610.19,353.56-36.27,19.61,202.14,8.94-20.79-113.99-36.27,21.29-691.73-397.83c-65.1-37.42-145.2-37.35-210.23.2L118.58,2250.24Z"/>
|
|
||||||
<g>
|
|
||||||
<path d="M3957.03,1272.8c-8.27,4.78-8.28,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0,8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0Z"/>
|
|
||||||
<path d="M3886.4,1232.02c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.28,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
<path d="M3836.35,1260.92c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
<path d="M3878.4,1294.69c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0l54.35-31.38Z"/>
|
|
||||||
<path d="M3906.98,1301.7c-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0,8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0Z"/>
|
|
||||||
<path d="M3873.65,1320.95l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0l54.35-31.38c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0Z"/>
|
|
||||||
<path d="M3948.69,1254.1c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0l54.35-31.38Z"/>
|
|
||||||
<path d="M3575.35,1320.96l227.65,131.45,294.35-169.96-227.65-131.45-294.35,169.96ZM4074.57,1282.45l-271.56,156.8-204.87-118.29,271.56-156.8,204.87,118.29Z"/>
|
|
||||||
<path d="M3748.68,1311.55l54.35-31.38c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0Z"/>
|
|
||||||
<path d="M3816.27,1388.68c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
<path d="M3753.75,1366.66l54.35-31.38c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0Z"/>
|
|
||||||
<path d="M3715.68,1330.6c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<rect class="cls-1" x=".05" y=".05" width="4215.83" height="2604.26" rx="133.4" ry="133.4" fill="none"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="uiStyle" id="lolOpener">
|
|
||||||
<p id="desc">Le lieu est parfois ouvert en dehors des horaires habituels donc on a installé un capteur sur la porte :</p>
|
|
||||||
<div class="lolStatus">
|
|
||||||
<p id="closedStatus">FERMÉ...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="aboutSection">
|
|
||||||
<div class="uiStyle" id="aboutText">
|
|
||||||
<p>
|
|
||||||
Le Laboratoire Ouvert Lyonnais (LOL) est un lieu de rassemblement et d'expérimentations pour tous·tes les passionné·es d'informatique, d'électronique et de technique,
|
|
||||||
qui souhaitent réparer, recycler, et se réapproprier les objets et outils qui nous entourent.<br>
|
|
||||||
Le LOL est un lieu d'exploration des alternatives et de bidouille anti-systèmes.
|
|
||||||
</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, les objets, les techniques etc.
|
|
||||||
Le lieu est autogéré, défini par ses utilisateur·ices et en fonctions de ses besoins : peu importe sur quoi tu travailles il y'a une place pour toi !
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Nous revendiquons l'ouverture du code et des techniques,
|
|
||||||
le partage des connaissances et l'autogestion,
|
|
||||||
l'anti-capitalisme et l'anti-fascisme. <br><br>
|
|
||||||
Nous condamnons donc toute forme de violence et de discrimination dans nos locaux.<br>
|
|
||||||
Tout comportement assimilé pourra, sur décision collective, vous mener à la sortie.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="eventSection">
|
|
||||||
<div class="uiStyle" id="title">
|
|
||||||
évènements<br>   → → → à venir :
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,128 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="fr" data-theme="open">
|
|
||||||
<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="icon" type="image/svg" href="./assets/favicon_open.svg" />
|
|
||||||
<link rel="stylesheet" href="./style.old.css">
|
|
||||||
<script src="./js/components/svg.js"></script>
|
|
||||||
<title>L(. O.)L</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<video autoplay muted loop src="./assets/video/background.webm" id="anim"></video>
|
|
||||||
<video autoplay muted loop src="./assets/video/open.webm" id="texture"></video>
|
|
||||||
<div id="mainContainer">
|
|
||||||
<div class="uiStyle" id="topBar">
|
|
||||||
<div class="left">
|
|
||||||
<img src="./assets/logo/logo-contreforme.svg" class="icon" id="mainLogo">
|
|
||||||
<p>L<strong>. ⚧. </strong>L<strong>. </strong></p>
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<a href="https://git.labolyon.fr/explore/repos" name="git" class="textBtnStyle" target="_blank">Git</a>
|
|
||||||
<a href="https://wiki.labolyon.fr/" name="wiki" class="textBtnStyle" target="_blank">Wiki</a>
|
|
||||||
<a href="https://matrix.to/#/#general:chat.labolyon.fr" name="matrix" class="textBtnStyle" target="_blank">Matrix</a>
|
|
||||||
<a href="https://nerdculture.de/@labolyon" name="fedi" class="textBtnStyle" target="_blank">Fediverse</a>
|
|
||||||
<a href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions" name="diff" class="textBtnStyle" target="_blank">Diffusion</a>
|
|
||||||
</div>
|
|
||||||
<button type="button" name="menu" class="iconBtnStyle" id="menuBtn">
|
|
||||||
<svg class="icon" viewBox="0 0 53.73 53.59">
|
|
||||||
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div id="mainInfo">
|
|
||||||
<div class="uiStyle" id="title">
|
|
||||||
<p>
|
|
||||||
Hackerspace queer
|
|
||||||
</p>
|
|
||||||
<p id="desc">
|
|
||||||
Lieu de réappropriation, <br>
|
|
||||||
réparation & recyclage <br>
|
|
||||||
des objets techniques <br>
|
|
||||||
& technologiques
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="address">
|
|
||||||
<p>
|
|
||||||
7 place Chazette
|
|
||||||
<br>
|
|
||||||
69001 Lyon
|
|
||||||
<br> <br>
|
|
||||||
45° 46' 23.698" N
|
|
||||||
<br>
|
|
||||||
4° 50' 14.052" E
|
|
||||||
</p>
|
|
||||||
<a href="https://www.hackerspaces.org/" id="hackerLogo" target="_blank">
|
|
||||||
<img src="./assets/logo_hackerspaces_monde.png">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="uiStyle" id="openingHours">
|
|
||||||
<p>
|
|
||||||
Dim.   <strong>15h → 23h</strong> <br>
|
|
||||||
Lun.   <strong>15h → 23h</strong> <br>
|
|
||||||
Mar.   <strong>15h → 23h</strong> <br><br>
|
|
||||||
  → nocturne :  <br>
|
|
||||||
Ven.   <strong>21h → 5h</strong>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="planContainer">
|
|
||||||
<img src="./assets/plan.svg" id="plan">
|
|
||||||
<lol-svg>
|
|
||||||
<svg id="fleche" viewBox="0 0 4215.93 2604.36">
|
|
||||||
<g>
|
|
||||||
<path d="M118.58,2250.24l88.9,7.6,20.81,53.59,2035.49-1175.29,534.6-308.72c47.83-27.62,106.77-27.57,154.55.13l610.19,353.56-36.27,19.61,202.14,8.94-20.79-113.99-36.27,21.29-691.73-397.83c-65.1-37.42-145.2-37.35-210.23.2L118.58,2250.24Z"/>
|
|
||||||
<g>
|
|
||||||
<path d="M3957.03,1272.8c-8.27,4.78-8.28,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0,8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0Z"/>
|
|
||||||
<path d="M3886.4,1232.02c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.28,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
<path d="M3836.35,1260.92c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
<path d="M3878.4,1294.69c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0l54.35-31.38Z"/>
|
|
||||||
<path d="M3906.98,1301.7c-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0,8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0Z"/>
|
|
||||||
<path d="M3873.65,1320.95l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0l54.35-31.38c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0Z"/>
|
|
||||||
<path d="M3948.69,1254.1c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0l54.35-31.38Z"/>
|
|
||||||
<path d="M3575.35,1320.96l227.65,131.45,294.35-169.96-227.65-131.45-294.35,169.96ZM4074.57,1282.45l-271.56,156.8-204.87-118.29,271.56-156.8,204.87,118.29Z"/>
|
|
||||||
<path d="M3748.68,1311.55l54.35-31.38c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0Z"/>
|
|
||||||
<path d="M3816.27,1388.68c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
<path d="M3753.75,1366.66l54.35-31.38c1.54-.89,1.54-2.33,0-3.22l-24.39-14.08c-1.54-.89-4.04-.89-5.58,0l-54.35,31.38c-1.54.89-1.54,2.33,0,3.22l24.39,14.08c1.54.89,4.04.89,5.58,0Z"/>
|
|
||||||
<path d="M3715.68,1330.6c8.27-4.78,8.27-12.52,0-17.3-8.27-4.78-21.69-4.78-29.96,0-8.27,4.78-8.27,12.52,0,17.3,8.27,4.78,21.69,4.78,29.96,0Z"/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<rect class="cls-1" x=".05" y=".05" width="4215.83" height="2604.26" rx="133.4" ry="133.4" fill="none"/>
|
|
||||||
</svg>
|
|
||||||
</lol-svg>
|
|
||||||
</div>
|
|
||||||
<div class="uiStyle" id="lolOpener">
|
|
||||||
<p id="desc">↑ ↑ ↑ Le lieu est parfois ouvert en dehors des horaires habituels donc on a installé un capteur sur la porte</p>
|
|
||||||
<div class="lolStatus">
|
|
||||||
<p id="openStatus">Ouvert !</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="aboutSection">
|
|
||||||
<div class="uiStyle" id="aboutText">
|
|
||||||
<p>
|
|
||||||
Le Laboratoire Ouvert Lyonnais (LOL) est un lieu de rassemblement et d'expérimentations pour tous·tes les passionné·es d'informatique, d'électronique et de technique,
|
|
||||||
qui souhaitent réparer, recycler, et se réapproprier les objets et outils qui nous entourent.<br>
|
|
||||||
Le LOL est un lieu d'exploration des alternatives et de bidouille anti-systèmes.
|
|
||||||
</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, les objets, les techniques etc.
|
|
||||||
Le lieu est autogéré, défini par ses utilisateur·ices et en fonctions de ses besoins : peu importe sur quoi tu travailles il y'a une place pour toi !
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Nous revendiquons l'ouverture du code et des techniques,
|
|
||||||
le partage des connaissances et l'autogestion,
|
|
||||||
l'anti-capitalisme et l'anti-fascisme. <br><br>
|
|
||||||
Nous condamnons donc toute forme de violence et de discrimination dans nos locaux.<br>
|
|
||||||
Tout comportement assimilé pourra, sur décision collective, vous mener à la sortie.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="eventSection">
|
|
||||||
<div class="uiStyle" id="title">
|
|
||||||
évènements<br>   → → → à venir :
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
File diff suppressed because it is too large
Load Diff
+3
-14
@@ -183,19 +183,10 @@
|
|||||||
</section>
|
</section>
|
||||||
<section id="eventSection" class="transparentBox">
|
<section id="eventSection" class="transparentBox">
|
||||||
<h3>Événements <small>à venir</small></h3>
|
<h3>Événements <small>à venir</small></h3>
|
||||||
<article class="solidBox">
|
|
||||||
<h4>Test évènement 333</h4>
|
|
||||||
<p class="date">13/12</p>
|
|
||||||
<a href="/affiches/test333/" class="iconBtnStyle" target="_blank">
|
|
||||||
<svg viewBox="0 0 53.73 53.59" class="icon">
|
|
||||||
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</article>
|
|
||||||
<article class="solidBox">
|
<article class="solidBox">
|
||||||
<h4>Test évènement</h4>
|
<h4>Permanence du mardi soir </h4>
|
||||||
<p class="date">13/12/26</p>
|
<p class="date">↻ Tous les mardis</p>
|
||||||
<a href="/affiches/test/" class="iconBtnStyle" target="_blank">
|
<a href="/affiches/mardis/" class="iconBtnStyle" target="_blank">
|
||||||
<svg viewBox="0 0 53.73 53.59" class="icon">
|
<svg viewBox="0 0 53.73 53.59" class="icon">
|
||||||
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
|
<path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
|
||||||
</svg>
|
</svg>
|
||||||
@@ -205,13 +196,11 @@
|
|||||||
</section>
|
</section>
|
||||||
<noscript>
|
<noscript>
|
||||||
<video src="/assets/video/closed.webm" class="closedBackground" autoplay muted loop></video>
|
<video src="/assets/video/closed.webm" class="closedBackground" autoplay muted loop></video>
|
||||||
<video src="/assets/video/closed.webm" class="openBackground" autoplay muted loop></video>
|
|
||||||
</noscript>
|
</noscript>
|
||||||
<video data-cute-texture-video class="cute-texture-video" src="/assets/video/background.webm" autoplay muted loop ></video>
|
<video data-cute-texture-video class="cute-texture-video" src="/assets/video/background.webm" autoplay muted loop ></video>
|
||||||
<canvas class="cute-texture"></canvas>
|
<canvas class="cute-texture"></canvas>
|
||||||
</main>
|
</main>
|
||||||
<!-- SCRIPT PRINCIPAL -->
|
<!-- SCRIPT PRINCIPAL -->
|
||||||
<script type="module" src="./js/main.js"></script>
|
<script type="module" src="./js/main.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -508,6 +508,7 @@ main{
|
|||||||
article{
|
article{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
text-transform: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user