From 2af97b95eb3eaa061b783d0aad02cb97d707b0a4 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Sun, 13 Dec 2020 16:09:22 +0100 Subject: Start adding gallery --- "actualit\303\251s.html" | 2 +- gallerie.css | 27 +++++++++++++++++ gallerie.html | 75 ++++++++++++++++++++++++++++++++++++++++++++++++ garet.html | 2 +- index.html | 2 +- ivan.html | 2 +- programmes.html | 2 +- quatuor.html | 2 +- sofia.html | 2 +- vlad.html | 2 +- 10 files changed, 110 insertions(+), 8 deletions(-) create mode 100644 gallerie.css create mode 100644 gallerie.html diff --git "a/actualit\303\251s.html" "b/actualit\303\251s.html" index 57cbaf1..8b06fee 100644 --- "a/actualit\303\251s.html" +++ "b/actualit\303\251s.html" @@ -22,7 +22,7 @@

diff --git a/gallerie.css b/gallerie.css new file mode 100644 index 0000000..6706c28 --- /dev/null +++ b/gallerie.css @@ -0,0 +1,27 @@ +main { +} + +main > div { + padding: 2%; + overflow: auto; +} + +.photos { + display: grid; + grid-auto-rows: 14em; + grid-template-columns: repeat(auto-fit, 40%); + grid-gap: 0.8em; +} + +.photo img { + object-position: center; + object-fit: cover; + height: 100%; + width: 100%; + transition: filter 0.5s; + filter: grayscale(0.8) brightness(0.4); +} + +.photo img:hover { + filter: none; +} diff --git a/gallerie.html b/gallerie.html new file mode 100644 index 0000000..eeceeaf --- /dev/null +++ b/gallerie.html @@ -0,0 +1,75 @@ + + + + + Gallerie - Quatuor Camelot + + + + + + +