From a8e3996309936c6d0590a1c8a855376318281689 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Sun, 22 Nov 2020 00:42:18 +0100 Subject: Rename biography page --- artistes.css | 54 ------------------------------- artistes.html | 101 ---------------------------------------------------------- quatuor.css | 54 +++++++++++++++++++++++++++++++ quatuor.html | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 155 insertions(+), 155 deletions(-) delete mode 100644 artistes.css delete mode 100644 artistes.html create mode 100644 quatuor.css create mode 100644 quatuor.html diff --git a/artistes.css b/artistes.css deleted file mode 100644 index 7a1cb22..0000000 --- a/artistes.css +++ /dev/null @@ -1,54 +0,0 @@ -main div { - padding: 2%; -} - -main #photos { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - - position: sticky; - top: 0; - - height: 80vh; - - background-color: #dbb; -} - -main #bio { - background-color: #dbb; -} - -#photos img { - position: relative; - width: 8em; - min-width: 7vw; - max-width: 12vw; - height: 38vh; - object-fit: cover; - object-position: center; - border-color: #ddd; - border-width: 1vh; - border-style: solid; - border-radius: 2vw; - filter: grayscale(1); - transition: filter 1s; -} - -#photos img:hover { - filter: none; -} - -#photos img:nth-of-type(2) { - top: 2.8vw; - left: -2.8vw; -} - -#photos img:nth-of-type(3) { - top: -1.8vw; - left: 2.8vw; -} - -#photos img:nth-of-type(4) { - top: 1.0vw; -} diff --git a/artistes.html b/artistes.html deleted file mode 100644 index d1c25cb..0000000 --- a/artistes.html +++ /dev/null @@ -1,101 +0,0 @@ - - - - - Biographie - Quatuor Camelot - - - - - - -
-
- - - - -
- -
-

Un premier titre

-

- Senectus et netus et malesuada fames ac turpis. Ut sem nulla - pharetra diam sit amet nisl suscipit adipiscing. Et netus et - malesuada fames ac. Turpis massa sed elementum tempus egestas - sed sed. Et netus et malesuada fames ac. Enim sit amet venenatis - urna cursus. Fermentum et sollicitudin ac orci - phasellus. Sollicitudin nibh sit amet commodo nulla facilisi - nullam vehicula. Pellentesque adipiscing commodo elit at - imperdiet. Eget nunc scelerisque viverra mauris in. Eu sem - integer vitae justo eget magna fermentum iaculis. Feugiat nisl - pretium fusce id velit. Facilisis gravida neque convallis a cras - semper. Scelerisque eu ultrices vitae auctor eu augue ut - lectus. Aliquam purus sit amet luctus venenatis. -

-

- Felis imperdiet proin fermentum leo vel orci porta. Imperdiet - massa tincidunt nunc pulvinar. Porta lorem mollis aliquam ut - porttitor leo. Morbi tincidunt augue interdum velit euismod in - pellentesque massa. In ornare quam viverra orci sagittis - eu. Elementum integer enim neque volutpat ac. Adipiscing - bibendum est ultricies integer quis. Quisque non tellus orci ac - auctor augue. Dictum fusce ut placerat orci nulla pellentesque - dignissim enim. Vitae congue eu consequat ac felis donec et - odio. Aliquam malesuada bibendum arcu vitae elementum curabitur - vitae nunc sed. -

- -

Un second titre

-

- Vitae congue eu consequat ac. Nullam ac tortor vitae - purus. Laoreet id donec ultrices tincidunt arcu non sodales - neque sodales. Ut faucibus pulvinar elementum integer enim neque - volutpat ac tincidunt. Proin sed libero enim sed faucibus turpis - in eu. Facilisis magna etiam tempor orci eu lobortis - elementum. Lobortis elementum nibh tellus molestie nunc. Vitae - tortor condimentum lacinia quis vel eros donec. Ut etiam sit - amet nisl purus in mollis nunc sed. Leo in vitae turpis - massa. Nam at lectus urna duis convallis convallis tellus id - interdum. Morbi non arcu risus quis varius quam. Ac turpis - egestas maecenas pharetra convallis posuere morbi leo. Magna - etiam tempor orci eu. -

-
- -
- - - - - - diff --git a/quatuor.css b/quatuor.css new file mode 100644 index 0000000..7a1cb22 --- /dev/null +++ b/quatuor.css @@ -0,0 +1,54 @@ +main div { + padding: 2%; +} + +main #photos { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 1fr; + + position: sticky; + top: 0; + + height: 80vh; + + background-color: #dbb; +} + +main #bio { + background-color: #dbb; +} + +#photos img { + position: relative; + width: 8em; + min-width: 7vw; + max-width: 12vw; + height: 38vh; + object-fit: cover; + object-position: center; + border-color: #ddd; + border-width: 1vh; + border-style: solid; + border-radius: 2vw; + filter: grayscale(1); + transition: filter 1s; +} + +#photos img:hover { + filter: none; +} + +#photos img:nth-of-type(2) { + top: 2.8vw; + left: -2.8vw; +} + +#photos img:nth-of-type(3) { + top: -1.8vw; + left: 2.8vw; +} + +#photos img:nth-of-type(4) { + top: 1.0vw; +} diff --git a/quatuor.html b/quatuor.html new file mode 100644 index 0000000..a00c13a --- /dev/null +++ b/quatuor.html @@ -0,0 +1,101 @@ + + + + + Biographie - Quatuor Camelot + + + + + + +
+
+ + + + +
+ +
+

Un premier titre

+

+ Senectus et netus et malesuada fames ac turpis. Ut sem nulla + pharetra diam sit amet nisl suscipit adipiscing. Et netus et + malesuada fames ac. Turpis massa sed elementum tempus egestas + sed sed. Et netus et malesuada fames ac. Enim sit amet venenatis + urna cursus. Fermentum et sollicitudin ac orci + phasellus. Sollicitudin nibh sit amet commodo nulla facilisi + nullam vehicula. Pellentesque adipiscing commodo elit at + imperdiet. Eget nunc scelerisque viverra mauris in. Eu sem + integer vitae justo eget magna fermentum iaculis. Feugiat nisl + pretium fusce id velit. Facilisis gravida neque convallis a cras + semper. Scelerisque eu ultrices vitae auctor eu augue ut + lectus. Aliquam purus sit amet luctus venenatis. +

+

+ Felis imperdiet proin fermentum leo vel orci porta. Imperdiet + massa tincidunt nunc pulvinar. Porta lorem mollis aliquam ut + porttitor leo. Morbi tincidunt augue interdum velit euismod in + pellentesque massa. In ornare quam viverra orci sagittis + eu. Elementum integer enim neque volutpat ac. Adipiscing + bibendum est ultricies integer quis. Quisque non tellus orci ac + auctor augue. Dictum fusce ut placerat orci nulla pellentesque + dignissim enim. Vitae congue eu consequat ac felis donec et + odio. Aliquam malesuada bibendum arcu vitae elementum curabitur + vitae nunc sed. +

+ +

Un second titre

+

+ Vitae congue eu consequat ac. Nullam ac tortor vitae + purus. Laoreet id donec ultrices tincidunt arcu non sodales + neque sodales. Ut faucibus pulvinar elementum integer enim neque + volutpat ac tincidunt. Proin sed libero enim sed faucibus turpis + in eu. Facilisis magna etiam tempor orci eu lobortis + elementum. Lobortis elementum nibh tellus molestie nunc. Vitae + tortor condimentum lacinia quis vel eros donec. Ut etiam sit + amet nisl purus in mollis nunc sed. Leo in vitae turpis + massa. Nam at lectus urna duis convallis convallis tellus id + interdum. Morbi non arcu risus quis varius quam. Ac turpis + egestas maecenas pharetra convallis posuere morbi leo. Magna + etiam tempor orci eu. +

+
+ +
+ + + + + + -- cgit v1.2.3