From 062b790df2cc44221d5e69296726c0f068a67bf2 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Fri, 19 Feb 2021 07:54:29 +0100
Subject: Stop centering biography text

---
 stylesheets/membre.css | 1 -
 1 file changed, 1 deletion(-)

(limited to 'stylesheets')

diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index be585b7..845605c 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -14,7 +14,6 @@ main > h1 {
 #bio {
     grid-column: 1;
     grid-row: 2;
-    justify-self: center;
     margin-right: 0.5em;
 }
 
-- 
cgit v1.2.3


From e05242ce3386778d67e54ecfd3f10b26ed47fcc0 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Thu, 18 Feb 2021 23:33:26 +0100
Subject: Add instruments to individual bios

---
 build-member.sh        |  8 ++++++--
 david.in               |  1 +
 enguerrand.in          |  1 +
 "herv\303\251.in"      |  1 +
 sophie.in              |  1 +
 stylesheets/membre.css | 51 ++++++++++++++++++++++++++++++++++----------------
 6 files changed, 45 insertions(+), 18 deletions(-)

(limited to 'stylesheets')

diff --git a/build-member.sh b/build-member.sh
index 3dea3fd..d4b04e7 100755
--- a/build-member.sh
+++ b/build-member.sh
@@ -27,14 +27,18 @@ EOF
 generate-main ()
 {
     read fullname
+    read instrument
     read h1
     read dt
     local -r name=$(firstname "${fullname}")
 
     cat <<EOF
 <main>
-  <h1 style="${h1}">${fullname}</h1>
-  <div id="bio" style="${dt}">
+  <div class="bio-title" style="${h1}">
+    <h1>${fullname}</h1>
+    <h2>${instrument}</h2>
+  </div>
+  <div class="bio" style="${dt}">
 EOF
 
     while read line
diff --git a/david.in b/david.in
index f7d61ef..0f31d12 100644
--- a/david.in
+++ b/david.in
@@ -1,4 +1,5 @@
 David Forest
+violon
 --member-h1: #e05a00
 --member-dt: #bf9000
 Ta maison Poudlard ? Poufsouffle, c'est le résultat du test officiel !
diff --git a/enguerrand.in b/enguerrand.in
index 8a6641b..1628994 100644
--- a/enguerrand.in
+++ b/enguerrand.in
@@ -1,4 +1,5 @@
 Enguerrand Bontoux
+violoncelle
 --member-h1: #6e9928
 --member-dt: #203864
 Ton arbre préféré ? l'Epicéa.
diff --git "a/herv\303\251.in" "b/herv\303\251.in"
index 2577b66..191cc4c 100644
--- "a/herv\303\251.in"
+++ "b/herv\303\251.in"
@@ -1,4 +1,5 @@
 Hervé Blandinières
+alto
 --member-h1: #4e8761
 --member-dt: #1368a1
 Ta feuille préférée ? Celle du figuier.
diff --git a/sophie.in b/sophie.in
index 94fb785..13534d5 100644
--- a/sophie.in
+++ b/sophie.in
@@ -1,4 +1,5 @@
 Sophie Guille des Buttes
+violon
 --member-h1: #f0b607
 --member-dt: #203864
 Ta feuille préférée ? Celle du Ginkgo Biloba.
diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index 845605c..a498fd7 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -4,49 +4,67 @@ main {
     grid-template-rows: auto 1fr;
 }
 
-main > h1 {
+main > .bio-title {
     grid-column: 1;
     grid-row: 1;
     text-transform: uppercase;
     color: var(--member-h1);
 }
 
-#bio {
+main > .bio-title > * {
+    margin: 0;
+}
+
+.bio {
     grid-column: 1;
     grid-row: 2;
     margin-right: 0.5em;
 }
 
-#bio dt, #bio dd {
+.bio dt, .bio dd {
     display: inline;
 }
 
-#bio dt {
+.bio dt {
     font-weight: bold;
     color: var(--member-dt);
 }
 
-#bio dd {
+.bio dd {
     margin-left: 0;
 }
 
-#bio dl {
+.bio dl {
     margin-top: 0.2em;
     margin-bottom: 0.2em;
 }
 
 main > img {
     display: block;
-    /* Align with title; h1 typically has font-size 2em and margin
-     * .67em. */
-    margin-top: 1.33em;
     grid-column: 2;
     grid-row: 1 / -1;
 
     width: 100%;
     background-size: cover;
-    position: sticky;
-    top: 2em;
+}
+
+@media (min-width: 80em)
+{
+    /* CSS 2 appendix D: the vertical margin for h1 should be .67em, with
+     * font-size 2em. */
+    main {
+        --main-top-margin: 1.33em;
+    }
+
+    main > .bio-title {
+        margin: var(--main-top-margin) 0;
+    }
+
+    main > img {
+        margin-top: var(--main-top-margin);
+        position: sticky;
+        top: 2em;
+    }
 }
 
 @media (max-width: 80em)
@@ -58,7 +76,7 @@ main > img {
         justify-items: center;
     }
 
-    main > h1 {
+    main > .bio-title {
         grid-column: 1;
         grid-row: 1;
         text-align: center;
@@ -67,11 +85,9 @@ main > img {
     main > img {
         grid-column: 2;
         grid-row: 1;
-        position: static;
-        margin-top: auto;
     }
 
-    main > #bio {
+    main > .bio {
         grid-column: 1 / -1;
         grid-row: 2;
     }
@@ -79,7 +95,10 @@ main > img {
 
 @media (max-width: 40em)
 {
-    main > h1 {
+    main > .bio-title > h1 {
         font-size: 1.2em;
     }
+    main > .bio-title > h2 {
+        font-size: 0.8em;
+    }
 }
-- 
cgit v1.2.3


From bc14b7c434701a811213d3284f18a42ae4b99589 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Thu, 18 Feb 2021 23:37:06 +0100
Subject: Only upcase member names, not instruments

---
 stylesheets/membre.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'stylesheets')

diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index a498fd7..584e7af 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -7,7 +7,6 @@ main {
 main > .bio-title {
     grid-column: 1;
     grid-row: 1;
-    text-transform: uppercase;
     color: var(--member-h1);
 }
 
@@ -15,6 +14,10 @@ main > .bio-title > * {
     margin: 0;
 }
 
+main > .bio-title > h1 {
+    text-transform: uppercase;
+}
+
 .bio {
     grid-column: 1;
     grid-row: 2;
-- 
cgit v1.2.3


From a8ce5a48853ec51216d20aa382233448fd8e4cfe Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sat, 20 Feb 2021 12:30:59 +0100
Subject: Tweak emphasis on instrument

---
 build-member.sh        | 14 +++++++-------
 david.in               |  4 ++--
 enguerrand.in          |  4 ++--
 "herv\303\251.in"      |  4 ++--
 sophie.in              |  4 ++--
 stylesheets/membre.css | 11 ++++++++---
 6 files changed, 23 insertions(+), 18 deletions(-)

(limited to 'stylesheets')

diff --git a/build-member.sh b/build-member.sh
index d4b04e7..329be0e 100755
--- a/build-member.sh
+++ b/build-member.sh
@@ -28,17 +28,17 @@ generate-main ()
 {
     read fullname
     read instrument
-    read h1
-    read dt
+    read emph1
+    read emph2
     local -r name=$(firstname "${fullname}")
 
     cat <<EOF
-<main>
-  <div class="bio-title" style="${h1}">
-    <h1>${fullname}</h1>
-    <h2>${instrument}</h2>
+<main style="--emph1-color: ${emph1}; --emph2-color: ${emph2}">
+  <div class="bio-title">
+    <h1 class="name">${fullname}</h1>
+    <h2 class="instrument">${instrument}</h2>
   </div>
-  <div class="bio" style="${dt}">
+  <div class="bio">
 EOF
 
     while read line
diff --git a/david.in b/david.in
index 0f31d12..19d6ed9 100644
--- a/david.in
+++ b/david.in
@@ -1,7 +1,7 @@
 David Forest
 violon
---member-h1: #e05a00
---member-dt: #bf9000
+#e05a00
+#bf9000
 Ta maison Poudlard ? Poufsouffle, c'est le résultat du test officiel !
 Une feuille préférée ? L'érable, de préférence avec des pancakes !
 Une période de l'histoire à revivre ? Les années 60, pour pouvoir assister aux concerts des Beatles ou de Jimi Hendrix.
diff --git a/enguerrand.in b/enguerrand.in
index 1628994..4b872cd 100644
--- a/enguerrand.in
+++ b/enguerrand.in
@@ -1,7 +1,7 @@
 Enguerrand Bontoux
 violoncelle
---member-h1: #6e9928
---member-dt: #203864
+#6e9928
+#203864
 Ton arbre préféré ? l'Epicéa.
 Ta maison Poudlard ? Serdaigle (seule maison vraiment respectable).
 Une œuvre bouleversante ? la 2e de Mahler, Résurrection, et son choeur final.
diff --git "a/herv\303\251.in" "b/herv\303\251.in"
index 191cc4c..4e38861 100644
--- "a/herv\303\251.in"
+++ "b/herv\303\251.in"
@@ -1,7 +1,7 @@
 Hervé Blandinières
 alto
---member-h1: #4e8761
---member-dt: #1368a1
+#4e8761
+#1368a1
 Ta feuille préférée ? Celle du figuier.
 Une période de l'histoire à vivre ? Le néolithique (vaste sujet...).
 Ta maison à Poudlard ? Serdaigle, la raison l’emporte.
diff --git a/sophie.in b/sophie.in
index 13534d5..0054a3d 100644
--- a/sophie.in
+++ b/sophie.in
@@ -1,7 +1,7 @@
 Sophie Guille des Buttes
 violon
---member-h1: #f0b607
---member-dt: #203864
+#f0b607
+#203864
 Ta feuille préférée ? Celle du Ginkgo Biloba.
 Ta maison à Poudlard ? Poufsouffle ! “Si à Poufsouffle vous allez / Comme eux vous s'rez juste et loyal / Ceux de Poufsouffle aiment travailler / Et leur patience est proverbiale.”
 Un compositeur de prédilection ? Deux ! Beethoven et Ravel.
diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index 584e7af..d7eff56 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -7,15 +7,20 @@ main {
 main > .bio-title {
     grid-column: 1;
     grid-row: 1;
-    color: var(--member-h1);
 }
 
 main > .bio-title > * {
     margin: 0;
 }
 
-main > .bio-title > h1 {
+h1.name {
     text-transform: uppercase;
+    color: var(--emph1-color);
+}
+
+h2.instrument {
+    font-weight: normal;
+    color: var(--emph2-color);
 }
 
 .bio {
@@ -30,7 +35,7 @@ main > .bio-title > h1 {
 
 .bio dt {
     font-weight: bold;
-    color: var(--member-dt);
+    color: var(--emph2-color);
 }
 
 .bio dd {
-- 
cgit v1.2.3