From 84025a026a5ba791c66967fce9903bdd684f7446 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Sat, 13 Feb 2021 18:07:15 +0100 Subject: Fix typo --- galerie.html | 77 ++++++++++++++++++++++++++++++++++++++++++++++++ galerie.sh | 3 ++ gallerie.html | 77 ------------------------------------------------ gallerie.sh | 3 -- stylesheets/galerie.css | 68 ++++++++++++++++++++++++++++++++++++++++++ stylesheets/gallerie.css | 68 ------------------------------------------ template.html | 2 +- 7 files changed, 149 insertions(+), 149 deletions(-) create mode 100644 galerie.html create mode 100644 galerie.sh delete mode 100644 gallerie.html delete mode 100644 gallerie.sh create mode 100644 stylesheets/galerie.css delete mode 100644 stylesheets/gallerie.css diff --git a/galerie.html b/galerie.html new file mode 100644 index 0000000..4f46d6c --- /dev/null +++ b/galerie.html @@ -0,0 +1,77 @@ +
+

Photos

+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+

Vidéos

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+

Musique

+

+ Combat (Vlad) +

+ +

+ Combat (Salamandar) +

+ +
diff --git a/galerie.sh b/galerie.sh new file mode 100644 index 0000000..a2ace2b --- /dev/null +++ b/galerie.sh @@ -0,0 +1,3 @@ +title=Galerie +stylesheets=galerie +transforms=("$(transform-li-current-a galerie)") diff --git a/gallerie.html b/gallerie.html deleted file mode 100644 index 4f46d6c..0000000 --- a/gallerie.html +++ /dev/null @@ -1,77 +0,0 @@ -
-

Photos

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

Vidéos

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

Musique

-

- Combat (Vlad) -

- -

- Combat (Salamandar) -

- -
diff --git a/gallerie.sh b/gallerie.sh deleted file mode 100644 index b52ee27..0000000 --- a/gallerie.sh +++ /dev/null @@ -1,3 +0,0 @@ -title=Gallerie -stylesheets=gallerie -transforms=("$(transform-li-current-a gallerie)") diff --git a/stylesheets/galerie.css b/stylesheets/galerie.css new file mode 100644 index 0000000..a75faf7 --- /dev/null +++ b/stylesheets/galerie.css @@ -0,0 +1,68 @@ +.mosaic { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(var(--mosaic-side), 1fr)); + grid-gap: 0.8em; +} + +.mosaic .photo { + position: relative; + width: 100%; + height: 0; + padding-bottom: 100%; +} +.mosaic .photo > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.mosaic img { + object-position: center; + object-fit: cover; + height: 100%; + width: 100%; + transition: filter 0.5s; + filter: grayscale(0.8) brightness(0.4); +} +.mosaic img:hover { + filter: none; +} + +.mosaic .video { + position: relative; + width: 100%; + height: 0; + padding-bottom: 56.25%; /* 9/16 */ +} +.mosaic .video .yt { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +@media (min-width: 40em) { + main { + padding-top: 2%; + padding-bottom: 2%; + padding-right: 2%; + } + + .mosaic.photos { + --mosaic-side: 14em; + } + .mosaic.videos { + --mosaic-side: 25em; + } +} + +@media (max-width: 40em) { + .mosaic.photos { + --mosaic-side: 8em; + } + .mosaic.videos { + --mosaic-side: 10em; + } +} diff --git a/stylesheets/gallerie.css b/stylesheets/gallerie.css deleted file mode 100644 index a75faf7..0000000 --- a/stylesheets/gallerie.css +++ /dev/null @@ -1,68 +0,0 @@ -.mosaic { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(var(--mosaic-side), 1fr)); - grid-gap: 0.8em; -} - -.mosaic .photo { - position: relative; - width: 100%; - height: 0; - padding-bottom: 100%; -} -.mosaic .photo > * { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.mosaic img { - object-position: center; - object-fit: cover; - height: 100%; - width: 100%; - transition: filter 0.5s; - filter: grayscale(0.8) brightness(0.4); -} -.mosaic img:hover { - filter: none; -} - -.mosaic .video { - position: relative; - width: 100%; - height: 0; - padding-bottom: 56.25%; /* 9/16 */ -} -.mosaic .video .yt { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -@media (min-width: 40em) { - main { - padding-top: 2%; - padding-bottom: 2%; - padding-right: 2%; - } - - .mosaic.photos { - --mosaic-side: 14em; - } - .mosaic.videos { - --mosaic-side: 25em; - } -} - -@media (max-width: 40em) { - .mosaic.photos { - --mosaic-side: 8em; - } - .mosaic.videos { - --mosaic-side: 10em; - } -} diff --git a/template.html b/template.html index 638aa39..bc49966 100644 --- a/template.html +++ b/template.html @@ -39,7 +39,7 @@
  • actualités
  • programmes
    • -
  • gallerie
    • +
  • galerie
    • -- cgit v1.2.3