Tweak program structure

So that we can add icons for duration and piece list.

4 files changed, 19 insertions, 31 deletions

diff --git a/build-programs.py b/build-programs.py
index 8d46bf0..2df6dbd 100755
--- a/build-programs.py
+++ b/build-programs.py
@@ -11,6 +11,7 @@ from sys import argv
 PROGRAM_RE = re.compile('\n'.join((
     r'NOM : (?P<name>[^\n]+)',
     r'COMPOSITEURS : (?P<composers>[^\n]+)',
+    r'DUR[ÉE]E : (?P<duration>[^\n]+)',
     'DESCRIPTION :',
     '(?P<description>.+?)',
     'MORCEAUX :',
@@ -30,8 +31,9 @@ BLOCK_TEMPLATE = '''\
     <img class="button open" src="{imgdir}/chevron-down.svg">
     <img class="button close" src="{imgdir}/chevron-up.svg">
   </summary>
+<p class="info duration">{duration}</p>
 {description}
-<ol class="pieces">
+<ol class="info pieces">
 {pieces}
 </ol>
 </details>
diff --git a/en/programs.in b/en/programs.in
index 1f75be5..c0dafdc 100644
--- a/en/programs.in
+++ b/en/programs.in
@@ -1,8 +1,7 @@
 NOM : Con Spirito
 COMPOSITEURS : Haydn, Beethoven, Mendelssohn
+DURÉE : 2:00 with intermission
 DESCRIPTION :
-2:00 with intermission
-
 This witty, energetic and playful program gathers three Germanic composers. We can draw from them characteristics common to music from across the Rhine: structure, power, explosiveness and virtuosity.
 
 Listening to the three slow movements makes us measure the evolution from classical style to romantic style. The purity and equality of the choral writing in Haydn's *Adagio sostenuto*, the interiority of feeling in the sad lament of Beethoven's *Adagio molto e mesto* and the sweet and dreamy melancholy of Mendelssohn's *Andante espressivo ma con* *moto*.
@@ -14,9 +13,8 @@ MORCEAUX :
 
 NOM : Beethoven
 COMPOSITEURS : Beethoven
+DURÉE : 1:50 with intermission
 DESCRIPTION :
-1:50 with intermission
-
 > Do you really think I give a damn about your miserable little violin when the Muse speaks to me?
 
 This is what Beethoven is said to have replied to the Schuppanzigh quartet, when it complained about the technical difficulty of his string quartets. From trio to quartet, explore the universe of a Beethoven with no concessions and no limits. From the infinitely small to the immensity of the universe, from the most intimate introspection to the most total transcendence, (re)discover his contrasting and eternally modern writing.
@@ -28,9 +26,8 @@ MORCEAUX :
 
 NOM : Sound universes
 COMPOSITEURS : Brahms, Chostakovitch, Ravel
+DURÉE : 1:40 with intermission
 DESCRIPTION :
-1:40 with intermission
-
 We invite you to discover three works all of textured games which explore the rich sonority of the string quartet and take us on a journey into their composers' universes.
 
 Brahms' universe: tender then sensitive, generous and finally fiery. Shostakovich's: mysterious, then intense until shock and obsession before resignation in the face of mourning. Finally Ravel's: dreamy then whimsical and luminous which becomes melancholic before an explosive finale.
@@ -42,9 +39,8 @@ MORCEAUX :
 
 NOM : Champagne
 COMPOSITEURS : Mozart, Mendelssohn, Ravel
+DURÉE : 1:50 with intermission
 DESCRIPTION :
-1:50 with intermission
-
 Discover a sparkling, effervescent and luminous repertoire.
 
 These quartets written by three composers from three different centuries remind us of all the characteristics of champagne: nobility and majesty with Mozart, feast and intoxication with Mendelssohn while Ravel contemplates the flow of bubbles and light.
@@ -56,9 +52,8 @@ MORCEAUX :
 
 NOM : 360°
 COMPOSITEURS : Haydn, Bartok, Brahms
+DURÉE : 1:50 with intermission
 DESCRIPTION :
-1:50 with intermission
-
 This panoramic vision provides an exploration of the string quartet's repertoire with three great composers representative of the aesthetics of their time.
 
 This program will take you on a journey across centuries and styles, from the elegant and inventive classicism of Haydn to the mysterious and flamboyant modernism of Bartok, passing via the sometimes tender, sometimes tumultuous sentimental romanticism of Brahms.  
@@ -71,9 +66,8 @@ MORCEAUX :
 
 NOM : 18^th^ century
 COMPOSITEURS : Haydn, Mozart, Beethoven
+DURÉE : 1:40 with intermission
 DESCRIPTION :
-1:40 with intermission
-
 This program offers you three quartets by the geniuses of the 18^th^ century, composed over a fifteen-year period.
 
 It gathers the three leading composers of this transitional period: the Master Haydn and his two illustrious pupils, Mozart and Beethoven. It allows us to (re)discover the quintessence of the classical style and the beginning of romanticism that appears with Beethoven.  
@@ -86,9 +80,8 @@ MORCEAUX :
 
 NOM : The precursors
 COMPOSITEURS : Beethoven, Bartok
+DURÉE : 1:15 with no intermission
 DESCRIPTION :
-1:15 with no intermission
-
 This concert brings together two virtuoso quartets that have marked the history of music. Today they are considered masterpieces of the repertoire.
 
 Beethoven played a major role in the development of the string quartet. Through his sixteen quartets composed over nearly thirty years, he pushed the boundaries of the genre, sharing his deepest feelings. During its creation, the 7^th^ quartet encountered the incomprehension of both the public and the performers. To the violinist Radicati, who told him it wasn't music, Beethoven replied: “It's not for you! It's for times yet to come.”  
diff --git a/programs.in b/programs.in
index 3f1860c..be40dc9 100644
--- a/programs.in
+++ b/programs.in
@@ -1,8 +1,7 @@
 NOM : Con Spirito
 COMPOSITEURS : Haydn, Beethoven, Mendelssohn
+DURÉE : 2h00 avec entracte
 DESCRIPTION :
-2h00 avec entracte
-
 Ce programme plein d’esprit, énergique et espiègle réunit trois compositeurs germaniques. On y retrouve des caractères communs à la musique ultra-rhénane : la structure, la puissance, l’explosivité et la virtuosité.
 
 L’écoute des trois mouvements lents nous fait mesurer l’évolution du style classique au style romantique. La pureté et l’équilibre d’une écriture chorale dans l’*Adagio sostenuto* de Haydn, l’intériorité du sentiment dans la triste complainte de l’*Adagio molto e mesto* de Beethoven et la mélancolie douce et rêveuse de l’*Andante espressivo ma con moto* de Mendelssohn.
@@ -14,9 +13,8 @@ MORCEAUX :
 
 NOM : Beethoven
 COMPOSITEURS : Beethoven
+DURÉE : 1h50 avec entracte
 DESCRIPTION :
-1h50 avec entracte
-
 > Croyez-vous que je pense à vos misérables cordes quand l'esprit me parle ?
 
 Voilà ce qu’aurait répondu Beethoven au quatuor Schuppanzigh qui se serait plaint de la difficulté technique de ses quatuors à cordes. Du trio au quatuor, explorez l’univers d’un Beethoven sans concession et sans limite. De l’infiniment petit à l’immensité de l’univers, de l’introspection la plus intime à la transcendance la plus totale, (re)découvrez son écriture contrastée et éternellement moderne.
@@ -28,9 +26,8 @@ MORCEAUX :
 
 NOM : Univers sonores
 COMPOSITEURS : Brahms, Chostakovitch, Ravel
+DURÉE : 1h40 avec entracte
 DESCRIPTION :
-1h40 avec entracte
-
 Nous vous proposons trois œuvres tout en jeux de matières qui explorent la richesse sonore du quatuor à cordes et nous proposent un voyage dans l’univers de leur compositeur.
 
 L’univers de Brahms tendre puis sensible, généreux et enfin fougueux. Celui de Chostakovitch mystérieux, puis intense jusqu’au choc et à l’obsession avant la résignation face au deuil. Enfin celui de Ravel rêveur puis fantasque et lumineux, qui devient mélancolique avant un final explosif.
@@ -42,9 +39,8 @@ MORCEAUX :
 
 NOM : Champagne
 COMPOSITEURS : Mozart, Mendelssohn, Ravel
+DURÉE : 1h50 avec entracte
 DESCRIPTION :
-1h50 avec entracte
-
 Partez à la découverte d’un répertoire pétillant, effervescent et lumineux.
 
 Ces quatuors écrits par trois compositeurs de trois siècles différents nous évoquent tous les caractères du champagne : la noblesse et la majesté chez Mozart, la fête et l’ivresse avec Mendelssohn tandis que Ravel y contemple les jeux de bulles et de lumière.
@@ -56,9 +52,8 @@ MORCEAUX :
 
 NOM : 360°
 COMPOSITEURS : Haydn, Bartok, Brahms
+DURÉE : 1h50 avec entracte
 DESCRIPTION :
-1h50 avec entracte
-
 Explorez à travers cette vision panoramique le répertoire du quatuor à cordes avec trois grands compositeurs représentatifs de l’esthétique propre à leur époque.
 
 Ce programme vous fera voyager à travers les siècles et les styles, du classicisme élégant et inventif de Haydn au modernisme mystérieux et flamboyant de Bartok, en passant par le romantisme sentimental tantôt tendre, tantôt tumultueux de Brahms.  
@@ -71,9 +66,8 @@ MORCEAUX :
 
 NOM : XVIII^e^
 COMPOSITEURS : Haydn, Mozart, Beethoven
+DURÉE : 1h40 avec entracte
 DESCRIPTION :
-1h40 avec entracte
-
 Ce programme vous propose trois quatuors des génies du XVIII^e^ siècle, composés en l’espace de quinze ans.
 
 Il réunit les trois compositeurs phares de cette époque charnière : le maître Haydn et ses deux illustres élèves Mozart et Beethoven. Il permet de (re)découvrir la quintessence du style classique et le début du romantisme qui apparaît chez Beethoven.  
@@ -87,9 +81,8 @@ MORCEAUX :
 
 NOM : Les précurseurs
 COMPOSITEURS : Beethoven, Bartok
+DURÉE : 1h15 sans entracte
 DESCRIPTION :
-1h15 sans entracte
-
 Ce concert réunit deux quatuors virtuoses qui ont marqué l’histoire de la musique. Ils sont aujourd’hui considérés comme des chefs d'œuvre du répertoire.
 
 Beethoven a joué un rôle majeur dans l’évolution du quatuor à cordes. À travers ses seize quatuors composés sur près de trente ans, il a repoussé les limites du genre et nous a confié ses sentiments les plus profonds. Lors de sa création, le 7^e^ quatuor rencontra l’incompréhension du public et des exécutants. Au violoniste Radicati qui lui déclarait que ce n’était pas de la musique, Beethoven répondit : « Ce n’est pas pour vous ! C’est pour les temps à venir ».  
diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css
index 2d376bd..914149b 100644
--- a/stylesheets/programmes.css
+++ b/stylesheets/programmes.css
@@ -75,12 +75,12 @@ details.program blockquote p::after {
     content: close-quote;
 }
 
-ol.pieces {
+ol.info.pieces {
     list-style: none;
     padding-left: 0;
 }
 
-ol.pieces > li.intermission {
+ol.info.pieces > li.intermission {
     margin-left: 4em;
     font-style: italic;
 }