Add colors to individual bio texts

5 files changed, 6 insertions, 4 deletions

diff --git a/david.html b/david.html
index c50879a..5950a91 100644
--- a/david.html
+++ b/david.html
@@ -1,5 +1,5 @@
 <main>
-  <div id="bio">
+  <div id="bio" style="--member-h1: #e05a00; --member-dt: #bf9000">
     <h1>David Forest</h1>
     <dl>
       <dt>Ta maison Poudlard : </dt>
diff --git a/enguerrand.html b/enguerrand.html
index 9758813..2fa88f1 100644
--- a/enguerrand.html
+++ b/enguerrand.html
@@ -1,5 +1,5 @@
 <main>
-  <div id="bio">
+  <div id="bio" style="--member-h1: #6e9928; --member-dt: #203864">
     <h1>Enguerrand Bontoux</h1>
     <dl>
       <dt>Ton arbre préféré : </dt>
diff --git a/hervé.html b/hervé.html
index ac4a9eb..e7faa91 100644
--- a/hervé.html
+++ b/hervé.html
@@ -1,5 +1,5 @@
 <main>
-  <div id="bio">
+  <div id="bio" style="--member-h1: #4e8761; --member-dt: #1368a1">
     <h1>Hervé Blandinières</h1>
     <dl>
       <dt>Ta feuille préférée ? </dt>
diff --git a/sophie.html b/sophie.html
index f9d0a5e..ddc149e 100644
--- a/sophie.html
+++ b/sophie.html
@@ -1,5 +1,5 @@
 <main>
-  <div id="bio">
+  <div id="bio" style="--member-h1: #f0b607; --member-dt: #203864">
     <h1>Sophie Guille des Buttes</h1>
     <dl><dt>Ta feuille préférée : </dt><dd>Celle du Ginkgo Biloba. </dd></dl>
     <dl><dt>Ta maison à Poudlard : </dt><dd>Poufsouffle ! “Si à Poufsouffle vous allez / Comme eux vous s'rez juste et loyal / Ceux de Poufsouffle aiment travailler / Et leur patience est proverbiale.” </dd></dl>
diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index 2f52b7b..4905299 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -15,6 +15,7 @@ main > * {
 
 #bio h1 {
     text-transform: uppercase;
+    color: var(--member-h1);
 }
 
 #bio dt, #bio dd {
@@ -23,6 +24,7 @@ main > * {
 
 #bio dt {
     font-weight: bold;
+    color: var(--member-dt);
 }
 
 #bio dd {