edit: un peu de rangement, ajout bouton plus évènement, ok en version dégradée, problème itération (ne garde pas en mémoire les poster des évènements, null au 2e tour) et style qui ne change pas dans js

2026-07-27 22:00:13 +02:00
parent ad50dd36cb
commit 6d95e9d80c
52 changed files with 307 additions and 20 deletions
@@ -0,0 +1,148 @@
+.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;
+}