quatuorbellefeuille.com

commit d6071702bbd3aa151d8f3f9ab166db5bad0eabbe
parent a6f16045ddf2b77928fc40eea88aaa00a95ade8d
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun,  7 Mar 2021 19:16:30 +0100

Add hint to display more information about concerts

Diffstat:
M
actualités.html
 | 
2
++
M
stylesheets/actualités.css
 | 
6
------
M
stylesheets/commun.css
 | 
14
+++++++-------

3 files changed, 9 insertions(+), 13 deletions(-)
diff --git a/actualités.html b/actualités.html
@@ -17,6 +17,8 @@
   </div>
 
   <div id="event-details">
+    <p>Cliquez sur un concert pour obtenir plus d'informations.</p>
+
     <div class="details" id="concert-2021-04-03">
       <p class="detail date">Samedi 3 avril 2021</p>
       <p class="detail time">20h00</p>
diff --git a/stylesheets/actualités.css b/stylesheets/actualités.css
@@ -44,12 +44,6 @@ a.event {
     text-align: center;
 }
 
-#event-details {
-    /* Align with photos; #event-list h1 has font-size 2em and margin
-     * .67em; browsers default line-height to "roughly 1.2". */
-    margin-top: calc(2*0.67em + 1.4*1.2em);
-}
-
 .details > .detail {
     display: grid;
     grid-template-columns: 2em 1fr;
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -56,6 +56,13 @@ nav ol, nav ul {
     list-style-type: none;
 }
 
+main h1 {
+    font-size: 1.4em;
+}
+main h2 {
+    font-size: 1.2em;
+}
+
 footer.social a {
     text-decoration: none;
     font-size: 1.2rem;
@@ -201,13 +208,6 @@ footer.legal {
         color: #353535;
     }
 
-    main h1 {
-        font-size: 1.4em;
-    }
-    main h2 {
-        font-size: 1.2em;
-    }
-
     footer.social {
         grid-row: 1 / -2;
         grid-column: 5;