chemin absolus & probleme flex-shrink
This commit is contained in:
+24
-6
@@ -21,12 +21,12 @@
|
||||
<link rel="stylesheet" href="affiches/algorave.css">
|
||||
-->
|
||||
<title>L(. O.)L — Laboratoire Ouvert Lyonnais</title>
|
||||
<link rel="icon" type="image/svg" href="./assets/favicon.svg" />
|
||||
<link rel="icon" type="image/svg" href="assets/favicon.svg" />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>
|
||||
<img id="logo" src="./assets/logo/logo-forme.svg" alt="">
|
||||
<img id="logo" src="assets/logo/logo-forme.svg" alt="">
|
||||
<span aria-hidden="true" class="cool-name">L<span class="trans-symbol">⚧</span>L</span>
|
||||
<span class="plain-name">L.O.L.</span>
|
||||
</h1>
|
||||
@@ -116,7 +116,7 @@
|
||||
|
||||
<div id="planSection" class="transparentBox">
|
||||
<div id="planContainer" class="transparentBox">
|
||||
<img src="./assets/plan.svg" id="plan" alt="Plan d'accès du local: sonnez à l'interphone Laboratoire Ouvert Lyonnais au 7 Place Chazette 69001, puis avancez tout droit, traversez la cour, et avancez encore, la porte se situe après l'ascenceur, sur la droite">
|
||||
<img src="assets/plan.svg" id="plan" alt="Plan d'accès du local: sonnez à l'interphone Laboratoire Ouvert Lyonnais au 7 Place Chazette 69001, puis avancez tout droit, traversez la cour, et avancez encore, la porte se situe après l'ascenceur, sur la droite">
|
||||
<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"/>
|
||||
@@ -142,7 +142,7 @@
|
||||
|
||||
<div id="extLinkSection" class="transparentBox">
|
||||
<a href="https://www.hackerspaces.org/" id="hackerLogo" target="_blank">
|
||||
<img src="./assets/logo_hackerspaces_monde.png">
|
||||
<img src="assets/logo_hackerspaces_monde.png">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -178,7 +178,7 @@
|
||||
<small>Un capteur sur la porte d'entrée indique si le local est ouvert:</small>
|
||||
</p>
|
||||
</div>
|
||||
<a href="./status/index.ouvert.html" target="_blank" class="textBtnStyle">Vérifier <br>si c'est<br> ouvert <br>→ → →</a>
|
||||
<a href="status/index.ouvert.html" target="_blank" class="textBtnStyle">Vérifier <br>si c'est<br> ouvert <br>→ → →</a>
|
||||
</section>
|
||||
<section id="extraContent">
|
||||
<section id="aboutSection" class="solidBox">
|
||||
@@ -211,6 +211,24 @@
|
||||
</svg>
|
||||
</a>
|
||||
</article>
|
||||
<article class="solidBox">
|
||||
<h4>Permanences du LOL</h4>
|
||||
<p class="date">↻ Mardi & Samedi</p>
|
||||
<a href="/affiches/mardis/" 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">
|
||||
<h4>Permanences du LOL</h4>
|
||||
<p class="date">↻ Mardi & Samedi</p>
|
||||
<a href="/affiches/mardis/" 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>
|
||||
</section>
|
||||
</section>
|
||||
<noscript>
|
||||
@@ -220,6 +238,6 @@
|
||||
<canvas class="cute-texture"></canvas>
|
||||
</main>
|
||||
<!-- SCRIPT PRINCIPAL -->
|
||||
<script type="module" src="./js/main.js"></script>
|
||||
<script type="module" src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+4
-4
@@ -1,7 +1,7 @@
|
||||
import { loadEvents } from './events.js'
|
||||
import { loadStatus } from './status.js'
|
||||
import { initCuteTexture } from './cuteTexture.js'
|
||||
import { makeItFloat } from './floating.js';
|
||||
import { loadEvents } from 'js/events.js'
|
||||
import { loadStatus } from 'js/status.js'
|
||||
import { initCuteTexture } from 'js/cuteTexture.js'
|
||||
import { makeItFloat } from 'js/floating.js';
|
||||
|
||||
// ======================================== events & statut d'ouverture
|
||||
loadEvents();
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
Ce document sert à échanger et partager des idées et trucs à faire pour continuer la mise à jour du site du LOL :
|
||||
|
||||
>si possible écrire tous les noms de variables en Pascal Case (pas sur du nom maisUnTrucCommeCa), je trouve ça plus lisible
|
||||
>si possible écrire tous les noms de variables en camel Case (pas sur du nom maisUnTrucCommeCa), je trouve ça plus lisible
|
||||
|
||||
> à vérifier mais je pense que la version dégradée sans js fonctionne, il faudrait juste ajuster le contenu, et aussi pour le bouton "vérifier si le lieu est ouvert" voir dernière entrée (***)
|
||||
|
||||
@@ -39,8 +39,6 @@ Ce document sert à échanger et partager des idées et trucs à faire pour cont
|
||||
|
||||
* [x] réglages padding section statut
|
||||
|
||||
* [ ] section adhésion et explication financement
|
||||
(à discuter pour le contenu)
|
||||
|
||||
# Démarrer un serveur de developpement
|
||||
|
||||
|
||||
+4
-2
@@ -500,9 +500,8 @@ main{
|
||||
#eventSection{
|
||||
position: relative;
|
||||
z-index: -1;
|
||||
height: auto;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
@@ -511,6 +510,8 @@ main{
|
||||
padding-bottom: 16.1px;
|
||||
padding-right: 16.1px;
|
||||
|
||||
overflow-y: scroll;
|
||||
|
||||
h3{
|
||||
position: relative;
|
||||
margin-bottom: 7.77px;
|
||||
@@ -540,6 +541,7 @@ main{
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.solidBox:has(details[open]){
|
||||
|
||||
Reference in New Issue
Block a user