Add thumbnails

6 files changed, 106 insertions, 2 deletions

diff --git a/concerts.html b/concerts.html
index 143e7fd..9b22ee2 100644
--- a/concerts.html
+++ b/concerts.html
@@ -1,6 +1,6 @@
 <main>
   <div id="event-list">
-    <h1>Prochains concerts</h1>
+    <h1>Concerts passés</h1>
     <div class="events">
       <div class="event canceled">
         <a class="thumbnail" href="#concert-2021-04-03">
@@ -30,6 +30,58 @@
           </span>
         </div>
       </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-08-17">
+          <img src="images/concerts/flaine-extérieur.jpg" alt="Illustration : Résidences à Flaine">
+          <p class="summary">
+            Flaine<br>17 août 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            Quatuor Bellefeuille
+          </span>
+        </div>
+      </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-08-19">
+          <img src="images/concerts/flaine-scène.jpg" alt="Illustration : Le quatuor en plein jeu">
+          <p class="summary">
+            Flaine<br>19 août 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            <a href="https://www.operadeparis.fr/artistes/cyril-ghestem" target="_blank">Cyril Ghestem</a>
+          </span>
+        </div>
+      </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-10-25">
+          <img src="images/concerts/mello.jpg" alt="Illustration : La façade du Grand Mello">
+          <p class="summary">
+            Mello<br>25 octobre 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            Quatuor Bellefeuille
+          </span>
+        </div>
+      </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-10-28">
+          <img src="images/concerts/paris-st-germain-des-prés.jpg" alt="Illustration : Les toits de Paris depuis la Faculté de Médecine">
+          <p class="summary">
+            Paris<br>28 octobre 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            <a href="https://flic.kr/p/23BSDCE" target="_blank">Fred Romero</a> / <a href="https://creativecommons.org/licenses/by/2.0/" target="_blank">CC BY</a>
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 
diff --git a/en/concerts.html b/en/concerts.html
index 5312ca8..34dd779 100644
--- a/en/concerts.html
+++ b/en/concerts.html
@@ -1,6 +1,6 @@
 <main>
   <div id="event-list">
-    <h1>Next concerts</h1>
+    <h1>Past concerts</h1>
     <div class="events">
       <div class="event canceled">
         <a class="thumbnail" href="#concert-2021-04-03">
@@ -30,6 +30,58 @@
           </span>
         </div>
       </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-08-17">
+          <img src="../images/concerts/flaine-extérieur.jpg" alt="Illustration: Accommodations in Flaine">
+          <p class="summary">
+            Flaine<br>17 August 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            Bellefeuille Quartet
+          </span>
+        </div>
+      </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-08-19">
+          <img src="../images/concerts/flaine-scène.jpg" alt="Illustration: The quartet at play">
+          <p class="summary">
+            Flaine<br>19 August 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            <a href="https://www.operadeparis.fr/artistes/cyril-ghestem" target="_blank">Cyril Ghestem</a>
+          </span>
+        </div>
+      </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-10-25">
+          <img src="../images/concerts/mello.jpg" alt="Illustration: Facade of the Grand Mello">
+          <p class="summary">
+            Mello<br>25 October 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            Bellefeuille Quartet
+          </span>
+        </div>
+      </div>
+      <div class="event">
+        <a class="thumbnail" href="#concert-2021-10-28">
+          <img src="../images/concerts/paris-st-germain-des-prés.jpg" alt="Illustration: The roofs of Paris from the Faculté de Médecine">
+          <p class="summary">
+            Paris<br>28 October 2021
+          </p>
+        </a>
+        <div class="credits">
+          <span>
+            <a href="https://flic.kr/p/23BSDCE" target="_blank">Fred Romero</a> / <a href="https://creativecommons.org/licenses/by/2.0/" target="_blank">CC BY</a>
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 
diff --git a/images/concerts/flaine-extérieur.jpg b/images/concerts/flaine-extérieur.jpg
new file mode 100644
index 0000000..759457d
--- /dev/null
+++ b/images/concerts/flaine-extérieur.jpg
diff --git a/images/concerts/flaine-scène.jpg b/images/concerts/flaine-scène.jpg
new file mode 100644
index 0000000..27aef0c
--- /dev/null
+++ b/images/concerts/flaine-scène.jpg
diff --git a/images/concerts/mello.jpg b/images/concerts/mello.jpg
new file mode 100644
index 0000000..6593331
--- /dev/null
+++ b/images/concerts/mello.jpg
diff --git a/images/concerts/paris-st-germain-des-prés.jpg b/images/concerts/paris-st-germain-des-prés.jpg
new file mode 100644
index 0000000..fbcfb92
--- /dev/null
+++ b/images/concerts/paris-st-germain-des-prés.jpg