summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKévin Le Gouguec <kevin.legouguec@gmail.com>2021-11-23 23:30:22 +0100
committerKévin Le Gouguec <kevin.legouguec@gmail.com>2021-11-23 23:30:22 +0100
commit1e359b25aa3bcfa0010f5c0d299526d023376986 (patch)
treee64e86d843bf08f80293c66469edca5535198b8d
parent1acaece22d7869709c9e2914293f665d84ffafd2 (diff)
downloadquatuorbellefeuille.com-1e359b25aa3bcfa0010f5c0d299526d023376986.tar.xz
Add upcoming concert
-rw-r--r--concerts.html41
-rw-r--r--feed.xml23
-rw-r--r--images/concerts/paris-salpetriere.jpgbin0 -> 396199 bytes
-rw-r--r--index.html6
-rw-r--r--stylesheets/concerts.css9
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
Binary files differ
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;
}