Update concert list

Also simplify details styling a bit: get rid of .more class.

5 files changed, 22 insertions, 13 deletions

diff --git a/concerts.html b/concerts.html
index 4cfec5f..aebda22 100644
--- a/concerts.html
+++ b/concerts.html
@@ -16,10 +16,13 @@
           </span>
         </div>
       </div>
-      <div class="event">
+      <div class="event canceled">
         <a class="thumbnail" href="#concert-2021-06-13">
           <img src="images/concerts/pantin.jpg" alt="Illustration : Place de la Fontaine aux Lions à La Villette">
-          <p class="summary">Paris<br>13 juin 2021</p>
+          <p class="summary">
+            <span class="canceled">ANNULÉ</span>
+            Paris<br>13 juin 2021
+          </p>
         </a>
         <div class="credits">
           <span>
@@ -43,12 +46,13 @@
         <li>Brahms quatuor op.51 n°2</li>
         <li>Ravel quatuor à cordes</li>
       </ol>
-      <p class="more">
+      <p>
         Informations et réservations :
         <a href="https://weekenddemusiqueclassique.fr" target="_blank">https://weekenddemusiqueclassique.fr</a>
       </p>
     </div>
-    <div class="details" id="concert-2021-06-13">
+    <div class="details canceled" id="concert-2021-06-13">
+      <p class="canceled">ANNULÉ</p>
       <p class="detail date">Dimanche 13 juin 2021</p>
       <p class="detail time">15h00</p>
       <p class="detail place">
@@ -60,7 +64,7 @@
         <li>Haydn quatuor op.76 n°1​</li>
         <li>Beethoven quatuor n°7, op.59 n°1</li>
       </ol>
-      <p class="more">
+      <p>
         Entrée libre sans réservation, dans la limite des places
         disponibles.
       </p>
diff --git a/en/concerts.html b/en/concerts.html
index b7197bf..668fb21 100644
--- a/en/concerts.html
+++ b/en/concerts.html
@@ -16,10 +16,13 @@
           </span>
         </div>
       </div>
-      <div class="event">
+      <div class="event canceled">
         <a class="thumbnail" href="#concert-2021-06-13">
           <img src="../images/concerts/pantin.jpg" alt="Illustration: Place de la Fontaine aux Lions at La Villette">
-          <p class="summary">Paris<br>13 June 2021</p>
+          <p class="summary">
+            <span class="canceled">CANCELED</span>
+            Paris<br>13 June 2021
+          </p>
         </a>
         <div class="credits">
           <span>
@@ -43,12 +46,13 @@
         <li>Brahms quartet Op. 51 No. 2</li>
         <li>Ravel string quartet</li>
       </ol>
-      <p class="more">
+      <p>
         Information and reservation:
         <a href="https://weekenddemusiqueclassique.fr" target="_blank">https://weekenddemusiqueclassique.fr</a>
       </p>
     </div>
-    <div class="details" id="concert-2021-06-13">
+    <div class="details canceled" id="concert-2021-06-13">
+      <p class="canceled">CANCELED</p>
       <p class="detail date">Sunday June 13, 2021</p>
       <p class="detail time">03:00 pm</p>
       <p class="detail place">
@@ -60,7 +64,7 @@
         <li>Haydn quartet Op. 76 No. 1​</li>
         <li>Beethoven quartet No. 7, Op. 59 No. 1</li>
       </ol>
-      <p class="more">
+      <p>
         Free admission without reservation, subject to the number of
         available places.
       </p>
diff --git a/en/feed.xml b/en/feed.xml
index 9a41aed..25ffb09 100644
--- a/en/feed.xml
+++ b/en/feed.xml
@@ -32,6 +32,7 @@
       <title>June 13 2021 in Paris</title>
       <link>https://{DOMAIN}/concerts.html#concert-2021-06-13</link>
       <description><![CDATA[
+      <p>CANCELED</p>
       <p>Sunday June 13, 2021</p>
       <p>03:00 pm</p>
       <p>
diff --git a/feed.xml b/feed.xml
index cbb0937..f93bd7a 100644
--- a/feed.xml
+++ b/feed.xml
@@ -33,6 +33,7 @@
       <title>13 juin 2021 à Paris</title>
       <link>https://{DOMAIN}/concerts.html#concert-2021-06-13</link>
       <description><![CDATA[
+      <p>ANNULÉ</p>
       <p>Dimanche 13 juin 2021</p>
       <p>15h00</p>
       <p>
diff --git a/stylesheets/concerts.css b/stylesheets/concerts.css
index 2431a40..7e8c6b8 100644
--- a/stylesheets/concerts.css
+++ b/stylesheets/concerts.css
@@ -109,9 +109,8 @@ a.thumbnail {
 .details.canceled > .canceled {
     color: red;
 }
-
-.details.canceled .detail,
-.details.canceled .more {
+.details.canceled > :not(.canceled) {
+    /* Make everything less opaque, except the "canceled" marker. */
     opacity: 50%;
 }