vgaNAR6ta
bcfc5b318f
création structure hors vue (et sans js sur pc) pour infos
essentielles
création de l'interactivité pour indiquer l'ouverture du lieu (sans
'backend', automatisation et lien avec capteur à faire)
liens inactifs pour l'instant
infos pour remplir et prévisualiser à mettre à jour en fonction de
ce qu'on décide ^^
c'est tout pour cette fois
}
124 lines
6.9 KiB
HTML
124 lines
6.9 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<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="./src/assets/favicon.svg" />
|
|
<title>L(. O.)L</title>
|
|
</head>
|
|
<body>
|
|
<!--HORS VUE-->
|
|
<div id="mainContainer">
|
|
<div class="uiStyle" id="topBar">
|
|
<div class="left">
|
|
<img src="./src/assets/logo/logo-contreforme.svg" class="icon" id="mainLogo">
|
|
<p>L<strong>O</strong>L</p>
|
|
</div>
|
|
<div class="right">
|
|
<a href="#" name="git" class="textBtnStyle">Git</a>
|
|
<a href="#" name="wiki" class="textBtnStyle">Wiki</a>
|
|
<a href="#" name="matrix" class="textBtnStyle">Matrix</a>
|
|
<a href="#" name="fedi" class="textBtnStyle">Fediverse</a>
|
|
<a href="#" name="diff" class="textBtnStyle">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>
|
|
<img src="./src/assets/logo_hackerspaces_monde.png" id="hackerLogo">
|
|
</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="./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>Le lieu est parfois ouvert en dehors des horaires habituels donc on a installé un capteur sur la porte :</p>
|
|
</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 tout 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,
|
|
la liberté et l'anti-fascisme. <br><br>
|
|
Nous condamnons donc toute forme de violence et de discrimination dans nos locaux.
|
|
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 id="eventList">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--VUE ROOT APP-->
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|