diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-23 22:25:14 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-23 22:25:14 +0100 |
| commit | 89ad7107f853d1568896cb71954f47d0418cb2b2 (patch) | |
| tree | 69fc04c5862a9f3738d4a755cbdaae11bc728de8 /programmes.html | |
| parent | ed1d72e555e4961c174e6500b30120ac19736bb8 (diff) | |
| download | quatuorbellefeuille.com-89ad7107f853d1568896cb71954f47d0418cb2b2.tar.xz | |
Style programs up a bit
Diffstat (limited to 'programmes.html')
| -rw-r--r-- | programmes.html | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/programmes.html b/programmes.html index 13f8c4d..2670d46 100644 --- a/programmes.html +++ b/programmes.html @@ -1,6 +1,11 @@ <main> <details class="program"> - <summary>Programme A</summary> + <summary> + <div class="name">Programme A</div> + <div class="composers">Foo, Bar, Baz</div> + <img class="button open" src="images/chevron-down.svg"> + <img class="button close" src="images/chevron-up.svg"> + </summary> <p> Un programme qui est sacrément bien nommé, parce que son contenu correspond tout à fait à ce qui vient en tête @@ -26,7 +31,12 @@ </details> <details class="program"> - <summary>Programme B</summary> + <summary> + <div class="name">Programme B</div> + <div class="composers">Foo, Bar, Baz</div> + <img class="button open" src="images/chevron-down.svg"> + <img class="button close" src="images/chevron-up.svg"> + </summary> <p> Un programme qui comme son nom l'indique, rend hommage à ce à quoi il fait référence. Composé des œuvres @@ -52,7 +62,12 @@ </details> <details class="program"> - <summary>Programme C</summary> + <summary> + <div class="name">Programme C</div> + <div class="composers">Foo, Bar, Baz</div> + <img class="button open" src="images/chevron-down.svg"> + <img class="button close" src="images/chevron-up.svg"> + </summary> <p> Les morceaux de ce programme font référence à ceux à quoi on peut s'attendre en lisant son nom. En voici la liste : @@ -77,7 +92,12 @@ </details> <details class="program"> - <summary>Programme D</summary> + <summary> + <div class="name">Programme D</div> + <div class="composers">Foo, Bar, Baz</div> + <img class="button open" src="images/chevron-down.svg"> + <img class="button close" src="images/chevron-up.svg"> + </summary> <p> Un programme dont les morceaux ont été choisis pour des raisons en lien avec sa dénomination. Composé des œuvres |