diff --git a/css/affiches/agrandir.png b/css/affiches/agrandir.png new file mode 100644 index 0000000..acc503b Binary files /dev/null and b/css/affiches/agrandir.png differ diff --git a/css/affiches/agrandir.svg b/css/affiches/agrandir.svg new file mode 100644 index 0000000..e0d0f20 --- /dev/null +++ b/css/affiches/agrandir.svg @@ -0,0 +1,1825 @@ + + + + diff --git a/css/affiches/back.png b/css/affiches/back.png new file mode 100644 index 0000000..fa313cc Binary files /dev/null and b/css/affiches/back.png differ diff --git a/css/affiches/back.svg b/css/affiches/back.svg new file mode 100644 index 0000000..a3fe245 --- /dev/null +++ b/css/affiches/back.svg @@ -0,0 +1,47 @@ + + + + diff --git a/css/affiches/fermer.png b/css/affiches/fermer.png new file mode 100644 index 0000000..3eb0129 Binary files /dev/null and b/css/affiches/fermer.png differ diff --git a/css/affiches/fermer.svg b/css/affiches/fermer.svg new file mode 100644 index 0000000..c1fc518 --- /dev/null +++ b/css/affiches/fermer.svg @@ -0,0 +1,1787 @@ + + + + diff --git a/css/affiches/forward.png b/css/affiches/forward.png new file mode 100644 index 0000000..c4be5f8 Binary files /dev/null and b/css/affiches/forward.png differ diff --git a/css/affiches/forward.svg b/css/affiches/forward.svg new file mode 100644 index 0000000..aa39ffa --- /dev/null +++ b/css/affiches/forward.svg @@ -0,0 +1,1494 @@ + + + + diff --git a/css/affiches/home.png b/css/affiches/home.png new file mode 100644 index 0000000..fcaf6b1 Binary files /dev/null and b/css/affiches/home.png differ diff --git a/css/affiches/home.svg b/css/affiches/home.svg new file mode 100644 index 0000000..81c131d --- /dev/null +++ b/css/affiches/home.svg @@ -0,0 +1,2519 @@ + + + + diff --git a/css/affiches/jdll2024.css b/css/affiches/jdll2024.css new file mode 100644 index 0000000..b013018 --- /dev/null +++ b/css/affiches/jdll2024.css @@ -0,0 +1,147 @@ +.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; +} + +.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/css/affiches/reduire.png b/css/affiches/reduire.png new file mode 100644 index 0000000..06dde8e Binary files /dev/null and b/css/affiches/reduire.png differ diff --git a/css/affiches/reduire.svg b/css/affiches/reduire.svg new file mode 100644 index 0000000..c601f4e --- /dev/null +++ b/css/affiches/reduire.svg @@ -0,0 +1,1825 @@ + + + + diff --git a/css/affiches/tux.png b/css/affiches/tux.png new file mode 100644 index 0000000..889dc3f Binary files /dev/null and b/css/affiches/tux.png differ diff --git a/css/affiches/tux.svg b/css/affiches/tux.svg new file mode 100644 index 0000000..32cb165 --- /dev/null +++ b/css/affiches/tux.svg @@ -0,0 +1,2489 @@ + + + + diff --git a/css/style.css b/css/style.css index bf5b851..3a48947 100644 --- a/css/style.css +++ b/css/style.css @@ -123,8 +123,10 @@ main #events { display: grid; grid-template-columns: 1fr 1fr; - grid-auto-flow: 1fr; grid-auto-flow: row; + grid-auto-rows: 1fr; + column-gap: 15px; + row-gap: 15px; } main #description { @@ -392,10 +394,6 @@ main > aside { position: relative; } -.affiche:not(:last-child){ - margin-bottom: 25px; -} - .affiche .credits { font-size: 0.5em; text-align: right; diff --git a/index.html b/index.html index d729664..5956a0b 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,7 @@ +
@@ -105,6 +106,71 @@Adhésion 5€ pour le mois
+