Add upcoming concert

5 files changed, 74 insertions, 5 deletions

diff --git a/concerts.html b/concerts.html
index 9b22ee2..8760d89 100644
--- a/concerts.html
+++ b/concerts.html
@@ -1,7 +1,24 @@
 <main>
   <div id="event-list">
+    <h1>Prochains concerts</h1>
+    <div class="events next">
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-12-12">
+          <img src="images/concerts/paris-salpetriere.jpg" alt="Illustration : Chapelle Saint-Louis de la Salpêtrière - façade Est">
+          <p class="summary">
+            Paris<br>12 décembre 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            <a href="https://commons.wikimedia.org/wiki/Category:Chapelle_Saint-Louis_de_la_Salpêtrière?uselang=fr#/media/File:Paris_13e_-_Chapelle_Saint-Louis_de_la_Salpêtrière_-_façade_est.jpg" target="_blank">Ordifana75</a> / <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank">CC BY-SA</a>
+          </span>
+        </div>
+      </div>
+    </div>
+
     <h1>Concerts passés</h1>
-    <div class="events">
+    <div class="events past">
       <div class="event canceled">
         <a class="thumbnail" href="#concert-2021-04-03">
           <img src="images/concerts/dinard.jpg" alt="Illustration : Dinard vu du ciel">
@@ -202,6 +219,28 @@
         <a href="https://www.ledimoredelquartetto.eu/en/october-28-2021-casa-st-germain-des-pres-paris/" target="_blank">https://www.ledimoredelquartetto.eu/en/october-28-2021-casa-st-germain-des-pres-paris/</a>
       </p>
     </div>
+    <div class="details" id="concert-2021-12-12">
+      <p class="detail date">Dimanche 12 décembre 2021</p>
+      <p class="detail time">16h00</p>
+      <p class="detail place">
+        Chapelle Saint-Louis de la Salpêtrière<br>
+        47 boulevard de l'Hôpital<br>
+        75013 Paris
+      </p>
+      <ol class="detail program">
+        <li>Haydn 1<sup>er</sup> mouvement du quatuor op.76 n°1</li>
+        <li>Schubert quartettsatz</li>
+        <li>Beethoven quatuor n°7, op.59 n°1</li>
+      </ol>
+      <p>
+        Entrée libre sans réservation dans la limite des places
+        disponibles.
+      </p>
+      <p>
+        Pour plus d'informations, merci de contacter :
+        <a href="mailto:quatuorbellefeuille@gmail.com">quatuorbellefeuille@gmail.com</a>
+      </p>
+    </div>
   </div>
 
   <script src="scripts/concerts.js"></script>
diff --git a/feed.xml b/feed.xml
index f93bd7a..3842285 100644
--- a/feed.xml
+++ b/feed.xml
@@ -10,6 +10,29 @@
     </image>
     <language>fr</language>
     <item>
+      <title>12 décembre 2021 à Paris</title>
+      <link>https://{DOMAIN}/concerts.html#concert-2021-12-12</link>
+      <description><![CDATA[
+      <p>Dimanche 12 décembre 2021</p>
+      <p>16h00</p>
+      <p>
+        Chapelle Saint-Louis de la Salpêtrière<br>
+        47 boulevard de l'Hôpital<br>
+        75013 Paris
+      </p>
+      <ol>
+        <li>Haydn 1<sup>er</sup> mouvement du quatuor op.76 n°1</li>
+        <li>Schubert quartettsatz</li>
+        <li>Beethoven quatuor n°7, op.59 n°1</li>
+      </ol>
+      <p>
+        Pour plus d'informations, merci de contacter :
+        <a href="mailto:quatuorbellefeuille@gmail.com">quatuorbellefeuille@gmail.com</a>
+      </p>
+      ]]></description>
+      <pubDate>Tue, 23 Nov 2021 23:28:03 +0100</pubDate>
+    </item>
+    <item>
       <title>3 avril 2021 à Dinard</title>
       <link>https://{DOMAIN}/concerts.html#concert-2021-04-03</link>
       <description><![CDATA[
diff --git a/images/concerts/paris-salpetriere.jpg b/images/concerts/paris-salpetriere.jpg
new file mode 100644
index 0000000..0320b1d
--- /dev/null
+++ b/images/concerts/paris-salpetriere.jpg
diff --git a/index.html b/index.html
index 27804d1..67fd4a5 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,9 @@
 <main>
-    <a id="next-concert" href="concerts.html#concert-2021-10-28">
+    <a id="next-concert" href="concerts.html#concert-2021-12-12">
       <p>
-        <span id="day">28</span>
+        <span id="day">12</span>
         <br>
-        <span id="month">octobre</span>
+        <span id="month">décembre</span>
       </p>
     </a>
 </main>
diff --git a/stylesheets/concerts.css b/stylesheets/concerts.css
index 7e8c6b8..020d521 100644
--- a/stylesheets/concerts.css
+++ b/stylesheets/concerts.css
@@ -24,10 +24,17 @@ main h1 {
 
 .events {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(var(--cell-width), 0.5fr));
     grid-gap: 0.8em;
 }
 
+.events.next {
+    grid-template-columns: repeat(auto-fit, minmax(var(--cell-width), 1fr));
+}
+
+.events.past {
+    grid-template-columns: repeat(auto-fit, minmax(var(--cell-width), 0.5fr));
+}
+
 .event {
     position: relative;
 }