From 89ad7107f853d1568896cb71954f47d0418cb2b2 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Tue, 23 Feb 2021 22:25:14 +0100
Subject: Style programs up a bit

---
 programmes.html | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

(limited to 'programmes.html')

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
-- 
cgit v1.2.3