diff --git a/affiches/mardis/IMG001.jpg b/affiches/mardis/IMG001.jpg new file mode 100644 index 0000000..f1903cb Binary files /dev/null and b/affiches/mardis/IMG001.jpg differ diff --git a/affiches/mardis/IMG002.jpg b/affiches/mardis/IMG002.jpg new file mode 100644 index 0000000..acc929a Binary files /dev/null and b/affiches/mardis/IMG002.jpg differ diff --git a/affiches/mardis/IMG333.jpg b/affiches/mardis/IMG333.jpg new file mode 100644 index 0000000..4728581 Binary files /dev/null and b/affiches/mardis/IMG333.jpg differ diff --git a/affiches/mardis/index.html b/affiches/mardis/index.html new file mode 100644 index 0000000..d2aec60 --- /dev/null +++ b/affiches/mardis/index.html @@ -0,0 +1,134 @@ + + + + + Permanence du mardi soir + + + + + + +
+
+ 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 + 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 + 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 +
+ +
+

Permanence du LOL

+ +

Venez chiller avec nous, partager un thé ou une biere.

+ +

On échange technique et savoir-faire
sur tous les sujets notamment le logiciel libre, hacking,
couture, bricole et bidouille
mais aussi de nos projets personnels ou collectifs

+ + +

+ + Tous les mardis
à partir de 19h + +
+ au local du LOL +

+

Adhésion conseillée (prix libre)

+
+
+ + \ No newline at end of file diff --git a/archives/affiches/Arvo-Bold.ttf b/archives/affiches/Arvo-Bold.ttf deleted file mode 100644 index 38341b1..0000000 Binary files a/archives/affiches/Arvo-Bold.ttf and /dev/null differ diff --git a/archives/affiches/algorave-2025.png b/archives/affiches/algorave-2025.png deleted file mode 100644 index f72bc4a..0000000 Binary files a/archives/affiches/algorave-2025.png and /dev/null differ diff --git a/archives/affiches/algorave.css b/archives/affiches/algorave.css deleted file mode 100644 index c815471..0000000 --- a/archives/affiches/algorave.css +++ /dev/null @@ -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: ", "; - } - } -} \ No newline at end of file diff --git a/archives/affiches/dac-background.png b/archives/affiches/dac-background.png deleted file mode 100644 index b55cb4a..0000000 Binary files a/archives/affiches/dac-background.png and /dev/null differ diff --git a/archives/affiches/dac-notes.png b/archives/affiches/dac-notes.png deleted file mode 100644 index b6f8054..0000000 Binary files a/archives/affiches/dac-notes.png and /dev/null differ diff --git a/archives/affiches/dac.png b/archives/affiches/dac.png deleted file mode 100644 index 9423827..0000000 Binary files a/archives/affiches/dac.png and /dev/null differ diff --git a/archives/affiches/debian-background.png b/archives/affiches/debian-background.png deleted file mode 100644 index f2f9cb5..0000000 Binary files a/archives/affiches/debian-background.png and /dev/null differ diff --git a/archives/affiches/dragsnerds/PressStart2P-Regular-DogiNJoF.ttf b/archives/affiches/dragsnerds/PressStart2P-Regular-DogiNJoF.ttf deleted file mode 100644 index 2442aff..0000000 Binary files a/archives/affiches/dragsnerds/PressStart2P-Regular-DogiNJoF.ttf and /dev/null differ diff --git a/archives/affiches/dragsnerds/Velvelyne-Bold-CR91h96S.ttf b/archives/affiches/dragsnerds/Velvelyne-Bold-CR91h96S.ttf deleted file mode 100644 index a9a4c84..0000000 Binary files a/archives/affiches/dragsnerds/Velvelyne-Bold-CR91h96S.ttf and /dev/null differ diff --git a/archives/affiches/dragsnerds/Velvelyne-Light-C9f5yZCm.ttf b/archives/affiches/dragsnerds/Velvelyne-Light-C9f5yZCm.ttf deleted file mode 100644 index 8601c1d..0000000 Binary files a/archives/affiches/dragsnerds/Velvelyne-Light-C9f5yZCm.ttf and /dev/null differ diff --git a/archives/affiches/dragsnerds/drags-nerds-hackathon-header.png b/archives/affiches/dragsnerds/drags-nerds-hackathon-header.png deleted file mode 100644 index 79bb0be..0000000 Binary files a/archives/affiches/dragsnerds/drags-nerds-hackathon-header.png and /dev/null differ diff --git a/archives/affiches/jamfetedelamusique.png b/archives/affiches/jamfetedelamusique.png deleted file mode 100644 index 3038f0b..0000000 Binary files a/archives/affiches/jamfetedelamusique.png and /dev/null differ diff --git a/archives/affiches/jdll2024/AzeretMono-VariableFont_wght.ttf b/archives/affiches/jdll2024/AzeretMono-VariableFont_wght.ttf deleted file mode 100644 index 4e508e8..0000000 Binary files a/archives/affiches/jdll2024/AzeretMono-VariableFont_wght.ttf and /dev/null differ diff --git a/archives/affiches/jdll2024/Lineal-Heavy-CrzaFlqD.ttf b/archives/affiches/jdll2024/Lineal-Heavy-CrzaFlqD.ttf deleted file mode 100644 index ee6c18d..0000000 Binary files a/archives/affiches/jdll2024/Lineal-Heavy-CrzaFlqD.ttf and /dev/null differ diff --git a/archives/affiches/jdll2024/PixelifySans-Regular.ttf b/archives/affiches/jdll2024/PixelifySans-Regular.ttf deleted file mode 100644 index 37deb9a..0000000 Binary files a/archives/affiches/jdll2024/PixelifySans-Regular.ttf and /dev/null differ diff --git a/archives/affiches/jdll2024/affiche.html b/archives/affiches/jdll2024/affiche.html deleted file mode 100644 index 7f29da6..0000000 --- a/archives/affiches/jdll2024/affiche.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - Le LOL aux JDLL 2024 - - -

Le LOL sera aux JDLL 2024 !

- -

C'est le 25 et le 26 mai à l'ENS ! 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.

- -

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.
- Il n'y a aucun pré-requis, si ce n'est savoir utiliser un clavier.

- -

Venez nous rencontrer, hacker ou bien discuter sur le stand.

- - \ No newline at end of file diff --git a/archives/affiches/jdll2024/agrandir.png b/archives/affiches/jdll2024/agrandir.png deleted file mode 100644 index acc503b..0000000 Binary files a/archives/affiches/jdll2024/agrandir.png and /dev/null differ diff --git a/archives/affiches/jdll2024/agrandir.svg b/archives/affiches/jdll2024/agrandir.svg deleted file mode 100644 index e0d0f20..0000000 --- a/archives/affiches/jdll2024/agrandir.svg +++ /dev/null @@ -1,1825 +0,0 @@ - - - - diff --git a/archives/affiches/jdll2024/back.png b/archives/affiches/jdll2024/back.png deleted file mode 100644 index fa313cc..0000000 Binary files a/archives/affiches/jdll2024/back.png and /dev/null differ diff --git a/archives/affiches/jdll2024/back.svg b/archives/affiches/jdll2024/back.svg deleted file mode 100644 index a3fe245..0000000 --- a/archives/affiches/jdll2024/back.svg +++ /dev/null @@ -1,47 +0,0 @@ - - - - diff --git a/archives/affiches/jdll2024/fermer.png b/archives/affiches/jdll2024/fermer.png deleted file mode 100644 index 3eb0129..0000000 Binary files a/archives/affiches/jdll2024/fermer.png and /dev/null differ diff --git a/archives/affiches/jdll2024/fermer.svg b/archives/affiches/jdll2024/fermer.svg deleted file mode 100644 index c1fc518..0000000 --- a/archives/affiches/jdll2024/fermer.svg +++ /dev/null @@ -1,1787 +0,0 @@ - - - - diff --git a/archives/affiches/jdll2024/forward.png b/archives/affiches/jdll2024/forward.png deleted file mode 100644 index c4be5f8..0000000 Binary files a/archives/affiches/jdll2024/forward.png and /dev/null differ diff --git a/archives/affiches/jdll2024/forward.svg b/archives/affiches/jdll2024/forward.svg deleted file mode 100644 index aa39ffa..0000000 --- a/archives/affiches/jdll2024/forward.svg +++ /dev/null @@ -1,1494 +0,0 @@ - - - - diff --git a/archives/affiches/jdll2024/home.png b/archives/affiches/jdll2024/home.png deleted file mode 100644 index fcaf6b1..0000000 Binary files a/archives/affiches/jdll2024/home.png and /dev/null differ diff --git a/archives/affiches/jdll2024/home.svg b/archives/affiches/jdll2024/home.svg deleted file mode 100644 index 81c131d..0000000 --- a/archives/affiches/jdll2024/home.svg +++ /dev/null @@ -1,2519 +0,0 @@ - - - - diff --git a/archives/affiches/jdll2024/jdll2024.css b/archives/affiches/jdll2024/jdll2024.css deleted file mode 100644 index fa04d40..0000000 --- a/archives/affiches/jdll2024/jdll2024.css +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/archives/affiches/jdll2024/reduire.png b/archives/affiches/jdll2024/reduire.png deleted file mode 100644 index 06dde8e..0000000 Binary files a/archives/affiches/jdll2024/reduire.png and /dev/null differ diff --git a/archives/affiches/jdll2024/reduire.svg b/archives/affiches/jdll2024/reduire.svg deleted file mode 100644 index c601f4e..0000000 --- a/archives/affiches/jdll2024/reduire.svg +++ /dev/null @@ -1,1825 +0,0 @@ - - - - diff --git a/archives/affiches/jdll2024/tux.png b/archives/affiches/jdll2024/tux.png deleted file mode 100644 index 889dc3f..0000000 Binary files a/archives/affiches/jdll2024/tux.png and /dev/null differ diff --git a/archives/affiches/jdll2024/tux.svg b/archives/affiches/jdll2024/tux.svg deleted file mode 100644 index 32cb165..0000000 --- a/archives/affiches/jdll2024/tux.svg +++ /dev/null @@ -1,2489 +0,0 @@ - - - - diff --git a/archives/affiches/perm-bg.jpg b/archives/affiches/perm-bg.jpg deleted file mode 100644 index d487ada..0000000 Binary files a/archives/affiches/perm-bg.jpg and /dev/null differ diff --git a/archives/affiches/perm-bg.original.jpg b/archives/affiches/perm-bg.original.jpg deleted file mode 100644 index e67f434..0000000 Binary files a/archives/affiches/perm-bg.original.jpg and /dev/null differ diff --git a/archives/affiches/perm-bg.xcf b/archives/affiches/perm-bg.xcf deleted file mode 100644 index 32cde7a..0000000 Binary files a/archives/affiches/perm-bg.xcf and /dev/null differ diff --git a/archives/affiches/perm.css b/archives/affiches/perm.css deleted file mode 100644 index 28522fb..0000000 --- a/archives/affiches/perm.css +++ /dev/null @@ -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"; -} \ No newline at end of file diff --git a/archives/index-ferme.html b/archives/index-ferme.html deleted file mode 100644 index a23380a..0000000 --- a/archives/index-ferme.html +++ /dev/null @@ -1,125 +0,0 @@ - - - - - - - - L(. O.)L - - - - -
-
-
- -

L. ⚧. L.

-
-
- Git - Wiki - Matrix - Fediverse - Diffusion -
- -
-
-
-

- Hackerspace queer -

-

- Lieu de réappropriation,
- réparation & recyclage
- des objets techniques
- & technologiques -

-
-
-

- 7 place Chazette -
- 69001 Lyon -

- 45° 46' 23.698" N -
- 4° 50' 14.052" E -

- -
-
-

- Dim.   15h → 23h
- Lun.   15h → 23h
- Mar.   15h → 23h

-   → nocturne :  
- Ven.   21h → 5h -

-
-
- - - - - - - - - - - - - - - - - - - - - -
-
-

Le lieu est parfois ouvert en dehors des horaires habituels donc on a installé un capteur sur la porte :

-
-

FERMÉ...

-
-
-
-
-
-

- 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.
- Le LOL est un lieu d'exploration des alternatives et de bidouille anti-systèmes. -

-

- 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 ! -

-

- Nous revendiquons l'ouverture du code et des techniques, - le partage des connaissances et l'autogestion, - l'anti-capitalisme et l'anti-fascisme.

- 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. -

-
-
-
- évènements
   → → → à venir : -
-
-
-
- - diff --git a/archives/index-ouvert.html b/archives/index-ouvert.html deleted file mode 100644 index 334442d..0000000 --- a/archives/index-ouvert.html +++ /dev/null @@ -1,128 +0,0 @@ - - - - - - - - - L(. O.)L - - - - -
-
-
- -

L. ⚧. L.

-
-
- Git - Wiki - Matrix - Fediverse - Diffusion -
- -
-
-
-

- Hackerspace queer -

-

- Lieu de réappropriation,
- réparation & recyclage
- des objets techniques
- & technologiques -

-
-
-

- 7 place Chazette -
- 69001 Lyon -

- 45° 46' 23.698" N -
- 4° 50' 14.052" E -

- -
-
-

- Dim.   15h → 23h
- Lun.   15h → 23h
- Mar.   15h → 23h

-   → nocturne :  
- Ven.   21h → 5h -

-
-
- - - - - - - - - - - - - - - - - - - - - - - -
-
-

↑ ↑ ↑ Le lieu est parfois ouvert en dehors des horaires habituels donc on a installé un capteur sur la porte

-
-

Ouvert !

-
-
-
-
-
-

- 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.
- Le LOL est un lieu d'exploration des alternatives et de bidouille anti-systèmes. -

-

- 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 ! -

-

- Nous revendiquons l'ouverture du code et des techniques, - le partage des connaissances et l'autogestion, - l'anti-capitalisme et l'anti-fascisme.

- 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. -

-
-
-
- évènements
   → → → à venir : -
-
-
-
- - diff --git a/archives/style.old.css b/archives/style.old.css deleted file mode 100644 index 8068baa..0000000 --- a/archives/style.old.css +++ /dev/null @@ -1,1233 +0,0 @@ -:root{ - --back-color: #FFFF4D; - --main-color: #000000; -} - -/*====================Typo*/ -@font-face { - font-family: 'karrik'; - src: url('./assets/typo/Karrik-Italic.woff2').format('woff2'); - font-style: italic; -} - -@font-face { - font-family: 'karrik'; - src: url('./assets/typo/Karrik-Regular.woff2') format('woff2'); - font-style: normal; -} - -@font-face { - font-family: 'velvelyne'; - src: url('./assets/typo/Velvelyne-Book.ttf') format('truetype'); - font-weight: normal; -} - -@font-face { - font-family: 'avara'; - src: url('./assets/typo/Avara-Black.woff2') format('woff2'); -} - -@font-face { - font-family: 'pressStart2P'; - src: url('./assets/typo/PressStart2P-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'velvelyne'; - src:url('./assets/typo/Velvelyne-Bold.ttf') format('truetype'); - font-weight: bold; -} - -/*===================Animation*/ -@keyframes blink { - 0% { color: var(--main-color);} - 15% { color: var(--back-color);} - 35% { color: var(--back-color);} - 50% { color: var(--main-color);} - 65% { color: var(--back-color);} - 85% { color: var(--back-color);} - 100% { color: var(--main-color);} -} - -@keyframes blinkBack { - 0% { background-color: var(--back-color);} - 15% { background-color: var(--main-color);} - 35% { background-color: var(--main-color);} - 50% { background-color: var(--back-color);} - 65% { background-color: var(--main-color);} - 85% { background-color: var(--main-color);} - 100% { background-color: var(--back-color);} -} - -@keyframes blinkBorder { - 0% { border-color: var(--main-color);} - 15% { border-color: var(--accent-color);} - 35% { border-color: var(--accent-color);} - 50% { border-color: var(--main-color);} - 65% { border-color: var(--accent-color);} - 85% { border-color: var(--accent-color);} - 100% { border-color: var(--main-color);} -} - -@keyframes float { - 0% { transform: translateY(0px); } - 35% { transform: translateY(1px); } - 50% { transform: translateY(-10px); } - 65% { transform: translateY(1px); } - 100% { transform: translateY(0px); } -} - -/*=============Désact défault*/ -input { - -webkit-appearance: none !important; - appearance: none !important; -} - -a{ - text-decoration: none; - color: inherit; - cursor: alias; -} - -button{ - cursor: cell; -} - -a p{ - cursor:inherit; -} - -a button{ - cursor: inherit; -} - -p{ - cursor: inherit; - pointer-events: none !important; -} - -/*=============Body & background*/ -html, body{ - margin: 0; - padding: 0; - - background-color: var(--main-color); - width: 100%; - height:100%; - position: fixed; - inset: 0; - overflow-x: hidden; - overflow-y: scroll; - display: block; - scrollbar-color: var(--back-color) var(--main-color); - scrollbar-width: thin; - z-index: -33; - -} - -#texture{ - position: fixed; - inset: 0; - width: auto; - height: 100vh; - pointer-events: none; - z-index: -2; - opacity: .333; - filter: saturate(333%); -} - -#anim{ - position: fixed; - right: 0; - bottom: 0; - width: auto; - height: 133vh; - overflow: hidden; - pointer-events: none; - z-index: -1; - opacity: 1; - filter: contrast(200%) saturate(33%) grayscale(); - transform: rotate(180deg); - mix-blend-mode: difference; - - @media(min-width: 700px){ - height: 200%; - } -} - -#mainContainer{ - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - width: 100%; - height: auto; - gap: 0; -} - -/*=====================BUTTONS*/ -.textBtnStyle{ - font-family: 'karrik'; - font-size: 13.12px; - background-color: var(--back-color); - color: var(--main-color); - border-color: var(--main-color); - border-style: solid; - border-width: 1.75px; - border-radius: 16.1px; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; -} - -.textBtnStyle:hover{ - background-color: var(--main-color); - color: var(--back-color); - font-weight: bold; -} - -.iconBtnStyle{ - background-color: var(--back-color); - color: var(--main-color); - border-color: var(--main-color); - border-style: solid; - border-width: thin; - border-radius: 0; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; -} - -.iconBtnStyle:hover{ - background-color: var(--main-color); - color: var(--back-color); -} - -/*==============FENETRES*/ -.windowStyle{ - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - background-color: var(--back-color); - border-style: solid; - border-width: thin; - border-radius: 16.1px; - border-color: var(--main-color); - overflow: hidden; -} - -.zBase{ - z-index: 333; -} - -.zFocus{ - z-index: revert; - z-index: 1312; -} - -.windowTitle{ - width:100%; - height:50px; - background-color: var(--main-color); - border-radius: 0; - font-family: 'velvelyne'; - font-weight: bold; - text-transform: uppercase; - font-size: 22px; - color: var(--back-color); - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - box-sizing: border-box; - padding-left: 10px; - padding-right: 10px; - cursor: move; -} - - -.windowTitleLower{ - font-family: 'velvelyne'; - font-weight: bold; - font-size: 13.12px; -} - -.closeBtn{ - color: var(--back-color); - background-color: var(--main-color); - border-style: solid; - border-width: thin; - border-radius: 16.1px; - border-color: var(--back-color); - width: 33px; - height: 33px; - align-items: center; -} - -.closeBtn:hover{ - color: var(--main-color); - background-color: var(--back-color); -} - -.windowContent{ - height:77%; - width:100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; -} - -/*=============INTERFACE*/ -.uiStyle{ - background-color: var(--back-color); - border-color: var(--main-color); - border-style: solid; - border-width: thin; -} - -.icon{ - height: 16.1px; - width: auto; - fill: currentColor; - pointer-events: none; -} - -#topBar{ - position: relative; - top: 0; - left: 0; - width: 100vw; - height: 55px; - z-index: 333; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - color: var(--main-color); - padding-left: 7.77px; - padding-right: 16.1px; - gap: 7.77px; - box-sizing: border-box; - - p{ - font-family: 'pressStart2P'; - font-size: 40px; - font-weight: bold; - padding-top: 13.12px; - - strong{ - font-family: 'velvelyne'; - margin-top: -3.33px; - font-size: 50px; - } - - } - - #mainLogo{ - height: auto; - width: 50px; - } - - .left{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - width: auto; - gap: 7.77px; - height: 100%; - } - - .right{ - display: none; - visibility: collapse; - flex-direction: column; - align-items: center; - justify-content: space-around; - width:33%; - height: 200px; - position: absolute; - top: 55px; - right: 3.33px; - z-index: 3; - - .textBtnStyle{ - width: 16.1%; - min-width: 93px; - height: 33px; - text-transform: uppercase; - } - - .textBtnStyle:hover{ - border-color: var(--back-color); - } - } - - .iconBtnStyle{ - width: 33px; - height: 33px; - } - - #menuBtn{ - .icon.rotated{ - transform: rotate(0); - } - - .icon{ - transform: rotate(45deg); - } - } - - @media(min-width: 700px){ - #menuBtn{ - display: none; - visibility: collapse; - } - - .right{ - display: flex; - visibility: visible; - flex-direction: row; - align-items: center; - justify-content: space-around; - width:70%; - height: 100%; - position: relative; - top: 0; - left: 0; - } - } -} - -#mainInfo{ - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 2fr 1fr; - grid-template-areas: - "topL topR" - "midL midR" - "botL botR"; - box-sizing: border-box; - width: 100vw; - height: auto; - align-items: stretch; - - - - .uiStyle{ - width:100%; - height: auto; - padding-left: 7.77px; - box-sizing: border-box; - font-family: 'velvelyne'; - font-size: 13.12px; - font-weight: bold; - } - - #planContainer{ - width: 200%; - height: auto; - color: var(--back-color); - display: flex; - flex-direction: column; - align-items: center; - - #plan{ - position: relative; - width: 90%; - - margin-bottom: 13.12px; - } - #fleche{ - position: absolute; - - width: 90%; - fill: currentColor; - z-index: -1; - } - @media(max-width: 700px){ - grid-row: 2; - grid-column: 1 / 2; - } - } - - #title{ - grid-area: topL; - font-size: 22px; - line-height: .7; - height: 100%; - - #desc{ - font-family: 'velvelyne'; - font-style: normal; - font-size: 13.12px; - line-height: 1em; - text-transform: uppercase; - - } - } - - #address{ - grid-area: topR; - font-family: 'karrik'; - color: var(--back-color); - font-style: normal; - font-size: 13.12px; - line-height: 1em; - text-transform: uppercase; - padding-left: 13.12px; - mix-blend-mode: exclusion; - - #hackerLogo{ - width: 77px; - height: 50px; - display:inline-block; - position: absolute; - right: 13.12px; - top: 117px; - z-index: 33; - - img{ - width: 77px; - height: auto; - pointer-events: none; - cursor: inherit; - } - } - - } - - #openingHours{ - grid-area: botL; - text-align: right; - padding-right: 13.12px; - font-weight: normal; - line-height: 1em; - margin-top: -13.12px; - - strong{ - font-weight: bold; - } - } - - #lolOpener{ - grid-area: botR; - font-weight: normal; - padding-right: 7.77px; - line-height: 1em; - display: flex; - flex-direction: column; - align-items: flex-start; - position: relative; - gap: 0; - height: auto; - - .lolStatus{ - width: 90%; - height: 44px; - background-color: var(--main-color); - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - border-radius: 22px; - margin-right: 0; - position: absolute; - margin-top: -10vh; - - #openStatus{ - font-family: 'pressStart2P'; - font-size: 16.1px; - color: var(--back-color); - animation: blink 3.33s infinite; - text-transform: uppercase; - mix-blend-mode: screen; - } - - #closedStatus{ - font-family: 'pressStart2P'; - font-size: 16.1px; - color: var(--back-color); - animation: none; - text-transform: uppercase; - mix-blend-mode: screen; - } - - @media(min-width: 700px){ - - width: 33%; - margin-right: 77px; - position: relative; - margin-top: 0; - - } - } - } - - @media(min-width: 700px){ - grid-template-columns: 1fr 2fr; - grid-template-rows: 161px 222px 77px; - height: auto; - - .uiStyle{ - font-size: 16.1px; - } - - #planContainer{ - height: 90%; - width: auto; - grid-row: 2; - grid-column: 2; - margin-left: 0; - margin-top: -100px; - - #plan{ - width:90%; - height: auto; - margin-bottom: 0; - max-height: 333px; - - } - #fleche{ - width:60%; - height: auto; - box-sizing: border-box; - max-height: 333px; - } - } - - #openingHours{ - grid-area: midL; - height: 60% - } - - #lolOpener{ - width: 300%; - grid-column: 1 / 2; - grid-row: 3; - flex-direction: row; - gap: 7.77px; - align-items: center; - justify-content: space-between; - padding-left: 16.1px; - height: 77px; - - #desc{ - width: 44%; - box-sizing: border-box; - } - } - - #title{ - margin-bottom: 3.33px; - font-size: 27px; - line-height: 0; - - #desc{ - font-size: 16.1px; - } - } - - #address #hackerLogo{ - grid-area: midL; - position: relative; - top: 0; - left: 7.77px; - right: unset; - } - } - - @media(min-width: 1300px){ - grid-template-rows: 222px 500px 77px; - - .uiStyle{ - font-size: 16.1px; - } - - #lolOpener{ - font-size: 22px; - } - #address{ - font-size: 22px; - - #hackerLogo{ - width: 117px; - } - } - #openingHours{ - font-size: 33px; - } - - #title{ - margin-bottom: 3.33px; - font-size: 44px; - line-height: 0; - - #desc{ - font-size: 22px; - } - - #mainContainer{ - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - width: 100%; - height: auto; - gap: 0; - } - - /*=====================BUTTONS*/ - .textBtnStyle{ - font-family: 'karrik'; - font-size: 13.12px; - background-color: var(--back-color); - color: var(--main-color); - border-color: var(--main-color); - border-style: solid; - border-width: 1.75px; - border-radius: 16.1px; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - } - - .textBtnStyle:hover{ - background-color: var(--main-color); - color: var(--back-color); - font-weight: bold; - } - - .iconBtnStyle{ - background-color: var(--back-color); - color: var(--main-color); - border-color: var(--main-color); - border-style: solid; - border-width: thin; - border-radius: 0; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - } - - .iconBtnStyle:hover{ - background-color: var(--main-color); - color: var(--back-color); - } - - /*==============FENETRES*/ - .windowStyle{ - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - background-color: var(--back-color); - border-style: solid; - border-width: thin; - border-radius: 16.1px; - border-color: var(--main-color); - overflow: hidden; - } - - .zBase{ - z-index: 333; - } - - .zFocus{ - z-index: revert; - z-index: 1312; - } - - .windowTitle{ - width:100%; - height:50px; - background-color: var(--main-color); - border-radius: 0; - font-family: 'velvelyne'; - font-weight: bold; - text-transform: uppercase; - font-size: 22px; - color: var(--back-color); - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - box-sizing: border-box; - padding-left: 10px; - padding-right: 10px; - cursor: move; - } - - - .windowTitleLower{ - font-family: 'velvelyne'; - font-weight: bold; - font-size: 13.12px; - } - - .closeBtn{ - color: var(--back-color); - background-color: var(--main-color); - border-style: solid; - border-width: thin; - border-radius: 16.1px; - border-color: var(--back-color); - width: 33px; - height: 33px; - align-items: center; - } - - .closeBtn:hover{ - color: var(--main-color); - background-color: var(--back-color); - } - - .windowContent{ - height:77%; - width:100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - } - - /*=============INTERFACE*/ - .uiStyle{ - background-color: var(--back-color); - border-color: var(--main-color); - border-style: solid; - border-width: thin; - } - - .icon{ - height: 16.1px; - width: auto; - fill: currentColor; - pointer-events: none; - } - - #topBar{ - position: relative; - top: 0; - left: 0; - width: 100vw; - height: 50px; - z-index: 333; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - color: var(--main-color); - padding-left: 7.77px; - padding-right: 16.1px; - gap: 7.77px; - box-sizing: border-box; - - p{ - font-family: 'velvelyne'; - font-size: 40px; - font-weight: bold; - padding-top: 7.77px; - } - - #mainLogo{ - height: auto; - width: 50px; - } - - .left{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - width: auto; - gap: 7.77px; - height: 100%; - } - - .right{ - display: none; - visibility: collapse; - flex-direction: column; - align-items: center; - justify-content: space-around; - width:33%; - height: 200px; - position: absolute; - top: 55px; - right: 3.33px; - z-index: 3; - - .textBtnStyle{ - width: 16.1%; - min-width: 93px; - height: 33px; - text-transform: uppercase; - } - - .textBtnStyle:hover{ - border-color: var(--back-color); - } - } - - .iconBtnStyle{ - width: 33px; - height: 33px; - } - - #menuBtn{ - .icon.rotated{ - transform: rotate(0); - } - - .icon{ - transform: rotate(45deg); - } - } - - @media(min-width: 700px){ - #menuBtn{ - display: none; - visibility: collapse; - } - - .right{ - display: flex; - visibility: visible; - flex-direction: row; - align-items: center; - justify-content: space-around; - width:70%; - height: 100%; - position: relative; - top: 0; - left: 0; - } - } - } - - #mainInfo{ - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 2fr 1fr; - grid-template-areas: - "topL topR" - "midL midR" - "botL botR"; - box-sizing: border-box; - width: 100vw; - height: auto; - align-items: stretch; - - - - .uiStyle{ - width:100%; - height: auto; - padding-left: 7.77px; - box-sizing: border-box; - font-family: 'velvelyne'; - font-size: 13.12px; - font-weight: bold; - } - - #planContainer{ - width: 200%; - height: auto; - color: var(--back-color); - display: flex; - flex-direction: column; - align-items: center; - - #plan{ - position: relative; - width: 90%; - - margin-bottom: 13.12px; - } - #fleche{ - position: absolute; - - width: 90%; - fill: currentColor; - z-index: -1; - } - @media(max-width: 700px){ - grid-row: 2; - grid-column: 1 / 2; - } - } - - #title{ - grid-area: topL; - font-size: 22px; - line-height: .7; - height: 100%; - - #desc{ - font-family: 'velvelyne'; - font-style: normal; - font-size: 13.12px; - line-height: 1em; - text-transform: uppercase; - - } - } - - #address{ - grid-area: topR; - font-family: 'karrik'; - color: var(--back-color); - font-style: normal; - font-size: 13.12px; - line-height: 1em; - text-transform: uppercase; - padding-left: 13.12px; - mix-blend-mode: exclusion; - - #hackerLogo{ - width: 77px; - height: 50px; - display:inline-block; - position: absolute; - right: 13.12px; - top: 117px; - z-index: 33; - - img{ - width: 77px; - height: auto; - pointer-events: none; - cursor: inherit; - } - } - - } - - #openingHours{ - grid-area: botL; - text-align: right; - padding-right: 13.12px; - font-weight: normal; - line-height: 1em; - margin-top: -13.12px; - - strong{ - font-weight: bold; - } - } - - #lolOpener{ - grid-area: botR; - font-weight: normal; - padding-right: 7.77px; - line-height: 1em; - display: flex; - flex-direction: column; - align-items: flex-start; - position: relative; - gap: 0; - height: auto; - } - - @media(min-width: 700px){ - grid-template-columns: 1fr 2fr; - grid-template-rows: 161px 222px 77px; - height: auto; - - .uiStyle{ - font-size: 16.1px; - } - - #planContainer{ - height: 90%; - width: auto; - grid-row: 2; - grid-column: 2; - margin-left: 0; - margin-top: -100px; - - #plan{ - width:90%; - height: auto; - margin-bottom: 0; - max-height: 333px; - - } - #fleche{ - width:60%; - height: auto; - box-sizing: border-box; - max-height: 333px; - } - } - - #openingHours{ - grid-area: midL; - height: 60% - } - - #lolOpener{ - width: 300%; - grid-column: 1 / 2; - grid-row: 3; - flex-direction: row; - gap: 7.77px; - align-items: center; - justify-content: space-between; - padding-left: 16.1px; - height: 77px; - - #desc{ - width: 44%; - box-sizing: border-box; - } - } - - #title{ - margin-bottom: 3.33px; - font-size: 27px; - line-height: 0; - - #desc{ - font-size: 16.1px; - } - } - - #address #hackerLogo{ - grid-area: midL; - position: relative; - top: 0; - left: 7.77px; - right: unset; - } - } - - @media(min-width: 1300px){ - grid-template-rows: 222px 500px 77px; - - .uiStyle{ - font-size: 16.1px; - } - - #lolOpener{ - font-size: 22px; - } - #address{ - font-size: 22px; - - #hackerLogo{ - width: 117px; - } - } - #openingHours{ - font-size: 33px; - } - - #title{ - margin-bottom: 3.33px; - font-size: 44px; - line-height: 0; - - #desc{ - font-size: 22px; - } - } - - #planContainer { - margin-top: -117px; - margin-bottom: 77px; - - #fleche{ - width: 60%; - max-height: 666px; - } - - #plan{ - max-height: 666px; - } - } - } - } - - #planContainer { - margin-top: -117px; - margin-bottom: 77px; - - #fleche{ - width: 60%; - max-height: 666px; - } - - #plan{ - max-height: 666px; - } - } - } -} - -#aboutSection{ - position: relative; - top: 0; - left: 0; - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - box-sizing: border-box; - height: 50vh; - - #aboutText{ - width: 60%; - height: auto; - padding-left: 13.12px; - padding-right: 13.12px; - padding-bottom: 13.12px; - overflow-y: scroll; - - @media(min-width: 700px){ - height: 60vh; - } - @media(min-width: 1300px){ - height: 50vh; - padding-left: 33px; - } - - p{ - font-family: 'velvelyne'; - font-weight: normal; - font-size: 13.12px; - color: var(--main-color); - - @media(min-width: 1300px){ - font-size: 20px; - } - } - } - - #eventSection{ - width: 40%; - height: 100%; - position: relative; - - #title{ - height: 44px; - padding-top: 7.77px; - padding-left: 7.77px; - box-sizing: border-box; - font-family: 'karrik'; - font-style: italic; - font-size: 13.12px; - text-transform: uppercase; - color: var(--main-color); - pointer-events: none !important; - cursor: inherit; - } - } -} diff --git a/index.html b/index.html index ce92b99..d789f17 100644 --- a/index.html +++ b/index.html @@ -183,19 +183,10 @@

Événements à venir

-
-

Test évènement 333

-

13/12

- - - - - -
-

Test évènement

-

13/12/26

- +

Permanence du mardi soir

+

↻ Tous les mardis

+ @@ -205,13 +196,11 @@
- diff --git a/style/main.css b/style/main.css index 230d780..df55c6e 100644 --- a/style/main.css +++ b/style/main.css @@ -508,6 +508,7 @@ main{ article{ width: 100%; cursor: default; + text-transform: none; } } }