diff --git a/affiches/test/index.html b/affiches/test/index.html new file mode 100644 index 0000000..f3d7cf0 --- /dev/null +++ b/affiches/test/index.html @@ -0,0 +1,49 @@ + + + + + + + TEST EVENT + + + + + +
+

test affiche !

+
+ + diff --git a/affiches/test333/index.html b/affiches/test333/index.html new file mode 100644 index 0000000..08ecf35 --- /dev/null +++ b/affiches/test333/index.html @@ -0,0 +1,52 @@ + + + + + + + + + + TEST EVENT 333 + + + + + +
+

test affiche 333 !

+
+ + diff --git a/affiches/Arvo-Bold.ttf b/archives/affiches/Arvo-Bold.ttf similarity index 100% rename from affiches/Arvo-Bold.ttf rename to archives/affiches/Arvo-Bold.ttf diff --git a/affiches/algorave-2025.png b/archives/affiches/algorave-2025.png similarity index 100% rename from affiches/algorave-2025.png rename to archives/affiches/algorave-2025.png diff --git a/affiches/algorave.css b/archives/affiches/algorave.css similarity index 100% rename from affiches/algorave.css rename to archives/affiches/algorave.css diff --git a/affiches/dac-background.png b/archives/affiches/dac-background.png similarity index 100% rename from affiches/dac-background.png rename to archives/affiches/dac-background.png diff --git a/affiches/dac-notes.png b/archives/affiches/dac-notes.png similarity index 100% rename from affiches/dac-notes.png rename to archives/affiches/dac-notes.png diff --git a/affiches/dac.png b/archives/affiches/dac.png similarity index 100% rename from affiches/dac.png rename to archives/affiches/dac.png diff --git a/affiches/debian-background.png b/archives/affiches/debian-background.png similarity index 100% rename from affiches/debian-background.png rename to archives/affiches/debian-background.png diff --git a/affiches/dragsnerds/PressStart2P-Regular-DogiNJoF.ttf b/archives/affiches/dragsnerds/PressStart2P-Regular-DogiNJoF.ttf similarity index 100% rename from affiches/dragsnerds/PressStart2P-Regular-DogiNJoF.ttf rename to archives/affiches/dragsnerds/PressStart2P-Regular-DogiNJoF.ttf diff --git a/affiches/dragsnerds/Velvelyne-Bold-CR91h96S.ttf b/archives/affiches/dragsnerds/Velvelyne-Bold-CR91h96S.ttf similarity index 100% rename from affiches/dragsnerds/Velvelyne-Bold-CR91h96S.ttf rename to archives/affiches/dragsnerds/Velvelyne-Bold-CR91h96S.ttf diff --git a/affiches/dragsnerds/Velvelyne-Light-C9f5yZCm.ttf b/archives/affiches/dragsnerds/Velvelyne-Light-C9f5yZCm.ttf similarity index 100% rename from affiches/dragsnerds/Velvelyne-Light-C9f5yZCm.ttf rename to archives/affiches/dragsnerds/Velvelyne-Light-C9f5yZCm.ttf diff --git a/affiches/dragsnerds/drags-nerds-hackathon-header.png b/archives/affiches/dragsnerds/drags-nerds-hackathon-header.png similarity index 100% rename from affiches/dragsnerds/drags-nerds-hackathon-header.png rename to archives/affiches/dragsnerds/drags-nerds-hackathon-header.png diff --git a/affiches/jamfetedelamusique.png b/archives/affiches/jamfetedelamusique.png similarity index 100% rename from affiches/jamfetedelamusique.png rename to archives/affiches/jamfetedelamusique.png diff --git a/affiches/jdll2024/AzeretMono-VariableFont_wght.ttf b/archives/affiches/jdll2024/AzeretMono-VariableFont_wght.ttf similarity index 100% rename from affiches/jdll2024/AzeretMono-VariableFont_wght.ttf rename to archives/affiches/jdll2024/AzeretMono-VariableFont_wght.ttf diff --git a/affiches/jdll2024/Lineal-Heavy-CrzaFlqD.ttf b/archives/affiches/jdll2024/Lineal-Heavy-CrzaFlqD.ttf similarity index 100% rename from affiches/jdll2024/Lineal-Heavy-CrzaFlqD.ttf rename to archives/affiches/jdll2024/Lineal-Heavy-CrzaFlqD.ttf diff --git a/affiches/jdll2024/PixelifySans-Regular.ttf b/archives/affiches/jdll2024/PixelifySans-Regular.ttf similarity index 100% rename from affiches/jdll2024/PixelifySans-Regular.ttf rename to archives/affiches/jdll2024/PixelifySans-Regular.ttf diff --git a/affiches/jdll2024/affiche.html b/archives/affiches/jdll2024/affiche.html similarity index 100% rename from affiches/jdll2024/affiche.html rename to archives/affiches/jdll2024/affiche.html diff --git a/affiches/jdll2024/agrandir.png b/archives/affiches/jdll2024/agrandir.png similarity index 100% rename from affiches/jdll2024/agrandir.png rename to archives/affiches/jdll2024/agrandir.png diff --git a/affiches/jdll2024/agrandir.svg b/archives/affiches/jdll2024/agrandir.svg similarity index 100% rename from affiches/jdll2024/agrandir.svg rename to archives/affiches/jdll2024/agrandir.svg diff --git a/affiches/jdll2024/back.png b/archives/affiches/jdll2024/back.png similarity index 100% rename from affiches/jdll2024/back.png rename to archives/affiches/jdll2024/back.png diff --git a/affiches/jdll2024/back.svg b/archives/affiches/jdll2024/back.svg similarity index 100% rename from affiches/jdll2024/back.svg rename to archives/affiches/jdll2024/back.svg diff --git a/affiches/jdll2024/fermer.png b/archives/affiches/jdll2024/fermer.png similarity index 100% rename from affiches/jdll2024/fermer.png rename to archives/affiches/jdll2024/fermer.png diff --git a/affiches/jdll2024/fermer.svg b/archives/affiches/jdll2024/fermer.svg similarity index 100% rename from affiches/jdll2024/fermer.svg rename to archives/affiches/jdll2024/fermer.svg diff --git a/affiches/jdll2024/forward.png b/archives/affiches/jdll2024/forward.png similarity index 100% rename from affiches/jdll2024/forward.png rename to archives/affiches/jdll2024/forward.png diff --git a/affiches/jdll2024/forward.svg b/archives/affiches/jdll2024/forward.svg similarity index 100% rename from affiches/jdll2024/forward.svg rename to archives/affiches/jdll2024/forward.svg diff --git a/affiches/jdll2024/home.png b/archives/affiches/jdll2024/home.png similarity index 100% rename from affiches/jdll2024/home.png rename to archives/affiches/jdll2024/home.png diff --git a/affiches/jdll2024/home.svg b/archives/affiches/jdll2024/home.svg similarity index 100% rename from affiches/jdll2024/home.svg rename to archives/affiches/jdll2024/home.svg diff --git a/affiches/jdll2024/jdll2024.css b/archives/affiches/jdll2024/jdll2024.css similarity index 100% rename from affiches/jdll2024/jdll2024.css rename to archives/affiches/jdll2024/jdll2024.css diff --git a/affiches/jdll2024/reduire.png b/archives/affiches/jdll2024/reduire.png similarity index 100% rename from affiches/jdll2024/reduire.png rename to archives/affiches/jdll2024/reduire.png diff --git a/affiches/jdll2024/reduire.svg b/archives/affiches/jdll2024/reduire.svg similarity index 100% rename from affiches/jdll2024/reduire.svg rename to archives/affiches/jdll2024/reduire.svg diff --git a/affiches/jdll2024/tux.png b/archives/affiches/jdll2024/tux.png similarity index 100% rename from affiches/jdll2024/tux.png rename to archives/affiches/jdll2024/tux.png diff --git a/affiches/jdll2024/tux.svg b/archives/affiches/jdll2024/tux.svg similarity index 100% rename from affiches/jdll2024/tux.svg rename to archives/affiches/jdll2024/tux.svg diff --git a/affiches/perm-bg.jpg b/archives/affiches/perm-bg.jpg similarity index 100% rename from affiches/perm-bg.jpg rename to archives/affiches/perm-bg.jpg diff --git a/affiches/perm-bg.original.jpg b/archives/affiches/perm-bg.original.jpg similarity index 100% rename from affiches/perm-bg.original.jpg rename to archives/affiches/perm-bg.original.jpg diff --git a/affiches/perm-bg.xcf b/archives/affiches/perm-bg.xcf similarity index 100% rename from affiches/perm-bg.xcf rename to archives/affiches/perm-bg.xcf diff --git a/affiches/perm.css b/archives/affiches/perm.css similarity index 100% rename from affiches/perm.css rename to archives/affiches/perm.css diff --git a/index.html b/index.html index dd5c8ec..d216bc8 100644 --- a/index.html +++ b/index.html @@ -3,19 +3,20 @@ - + - - --> + L(. O.)L — Laboratoire Ouvert Lyonnais @@ -156,11 +157,13 @@

Événements à venir

+ + diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..27b2d87 --- /dev/null +++ b/js/main.js @@ -0,0 +1,71 @@ +let btnList = document.querySelectorAll('.eventEntry > .iconBtnStyle'); + +console.log("source buttons : ", btnList) + +let displayWindow = document.querySelector('#posterWindow'); + +let displayContainer = document.querySelector('#posterContainer'); + +let closeBtn = document.querySelector('#posterCloseBtn'); + +closeBtn.addEventListener('click', () => { + displayWindow.style.visibility = 'collapse'; + displayContainer.replaceChildren(); +}) + +async function getPoster(src){ + let res = await fetch(src); + if (res.ok){ + let html_text = await res.text() + let html = new DOMParser().parseFromString(html_text, "text/html"); + return html + } else{ + console.log('error 333'); + return + } +} + +let eventList = []; + +if( btnList.length > 0 ){ + for (let btn of btnList ){ + let link = btn.children[0]; + link.style.pointerEvents = 'none'; + + console.log(link.href); + + let posterPage = await getPoster(link.href); + + //console.log('selected poster: ', posterPage) + + let styleList = Array.from(posterPage.querySelectorAll('head > style')); + //console.log(styleList) + + styleList.splice(0,1); + //console.log(styleList) + + eventList.push( + { + content: posterPage, + stylesheet: styleList, + sourceBtn: btn + } + ); + } +} + +console.log(eventList); + +if (eventList.length > 0){ + for (let obj of eventList){ + let btn = obj.sourceBtn; + let content = obj.content; + for (let style of obj.stylesheet){ + document.head.append(style); + } + obj.sourceBtn.addEventListener( 'click', () => { + displayWindow.style.visibility = 'visible'; + displayContainer.replaceChildren(obj.content.querySelector('main')); + }) + } +} diff --git a/readMe.MD b/readMe.MD index 2b9eacf..5361ab8 100644 --- a/readMe.MD +++ b/readMe.MD @@ -1,10 +1,9 @@ Ce document sert à échanger et partager des idées et trucs à faire pour continuer la mise à jour du site du LOL : - -> à 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" je comprends pas comment mettre ça en place mais du coup j'ai fait 2 pages pour le statut tous seul, je sait juste pas quoi mettre dans le lien +> à 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" je comprends pas comment mettre ça en place mais du coup j'ai fait 2 pages pour le statut tous seul, je sait juste pas quoi mettre dans le lien > j'attends vos retours pour savoir qu'est ce qu'il faut rajouter/ modifier ? > je sais tjrs pas comment désactiver la video pour les personnes qui veulent pas d'effets visuels - +> ajout du bouton plus pour les évènements, ok en version degradée, gros problème d'itération et style qui ne change pas dans la partie avec js diff --git a/style/common.css b/style/common.css index ab09a76..6b97a81 100644 --- a/style/common.css +++ b/style/common.css @@ -107,3 +107,59 @@ box-sizing: border-box; } + +.floatingWindow{ + position: fixed; + z-index: 3333; + + width: 90vw; + height: auto; + + top: 5vh; + left: 5vw; + + background-color: var(--back-color); + border-color: var(--main-color); + border-radius: 16.1px; + border-style: solid; + border-width: thin; + + overflow: hidden; + box-sizing: content-box; + + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + + .posterTitle{ + position: relative; + top: 0; + width: 100%; + height: 44px; + + background-color: var(--main-color); + color: var(--back-color); + + text-transform: none; + font-size: 15px; + font-family: 'velvelyne'; + font-weight: bold; + + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + + padding-left: 33px; + padding-right: 16.1px; + + box-sizing: border-box; + + .iconBtnStyle{ + width: 33px; + height: 33px; + } + + } +} diff --git a/style/default.css b/style/default.css index 15fac92..169e4aa 100644 --- a/style/default.css +++ b/style/default.css @@ -21,7 +21,7 @@ a button{ cursor: inherit; } -p,h1,h2,h3{ +p,h1,h2,h3,h4{ cursor: inherit; pointer-events: none !important; padding: 0; diff --git a/style/main.css b/style/main.css index 38e2e5e..dbc1418 100644 --- a/style/main.css +++ b/style/main.css @@ -362,8 +362,16 @@ main{ position: relative; z-index: 33; + a{ + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + } + .iconBtnStyle{ - visibility: visible; position: absolute; z-index: 34; width: 33px; @@ -374,6 +382,7 @@ main{ .icon{ transform: rotate(45deg); + pointer-events: none; } } @@ -503,5 +512,17 @@ main{ } } } - +} + +#posterWindow{ + visibility: collapse; +} + +#posterContainer{ + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; } diff --git a/style/typo.css b/style/typo.css index 534d710..a632e36 100644 --- a/style/typo.css +++ b/style/typo.css @@ -1,33 +1,33 @@ @font-face { font-family: 'karrik'; - src: url('./assets/typo/Karrik-Italic.woff2') format('woff2'); + src: url('typo/Karrik-Italic.woff2') format('woff2'); font-style: italic; } @font-face { font-family: 'karrik'; - src: url('./assets/typo/Karrik-Regular.woff2') format('woff2'); + src: url('typo/Karrik-Regular.woff2') format('woff2'); font-style: normal; } @font-face { font-family: 'velvelyne'; - src: url('./assets/typo/Velvelyne-Book.ttf') format('truetype'); + src: url('typo/Velvelyne-Book.ttf') format('truetype'); font-weight: normal; } @font-face { font-family: 'avara'; - src: url('./assets/typo/Avara-Black.woff2') format('woff2'); + src: url('typo/Avara-Black.woff2') format('woff2'); } @font-face { font-family: 'pressStart'; - src: url('./assets/typo/PressStart2P-Regular.ttf'); + src: url('typo/PressStart2P-Regular.ttf'); } @font-face { font-family: 'velvelyne'; - src:url('./assets/typo/Velvelyne-Bold.ttf') format('truetype'); + src:url('typo/Velvelyne-Bold.ttf') format('truetype'); font-weight: bold; } diff --git a/assets/typo/Avara-Black.woff2 b/style/typo/Avara-Black.woff2 similarity index 100% rename from assets/typo/Avara-Black.woff2 rename to style/typo/Avara-Black.woff2 diff --git a/assets/typo/Karrik-Italic.woff2 b/style/typo/Karrik-Italic.woff2 similarity index 100% rename from assets/typo/Karrik-Italic.woff2 rename to style/typo/Karrik-Italic.woff2 diff --git a/assets/typo/Karrik-Regular.woff2 b/style/typo/Karrik-Regular.woff2 similarity index 100% rename from assets/typo/Karrik-Regular.woff2 rename to style/typo/Karrik-Regular.woff2 diff --git a/assets/typo/Lineal-Heavy.ttf b/style/typo/Lineal-Heavy.ttf similarity index 100% rename from assets/typo/Lineal-Heavy.ttf rename to style/typo/Lineal-Heavy.ttf diff --git a/assets/typo/PressStart2P-Regular.ttf b/style/typo/PressStart2P-Regular.ttf similarity index 100% rename from assets/typo/PressStart2P-Regular.ttf rename to style/typo/PressStart2P-Regular.ttf diff --git a/assets/typo/Velvelyne-Bold.ttf b/style/typo/Velvelyne-Bold.ttf similarity index 100% rename from assets/typo/Velvelyne-Bold.ttf rename to style/typo/Velvelyne-Bold.ttf diff --git a/assets/typo/Velvelyne-Book.ttf b/style/typo/Velvelyne-Book.ttf similarity index 100% rename from assets/typo/Velvelyne-Book.ttf rename to style/typo/Velvelyne-Book.ttf diff --git a/assets/typo/Velvelyne-Light.ttf b/style/typo/Velvelyne-Light.ttf similarity index 100% rename from assets/typo/Velvelyne-Light.ttf rename to style/typo/Velvelyne-Light.ttf