quatuorbellefeuille.com

commit 8da745df3ecd872e3fe8e882b36a5c4feb4739bc
parent bcd66e2d550f04dcd2819e377ba450f2667ae0b2
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sat, 21 Nov 2020 00:13:37 +0100

Add language "button"

Note sure I want to leave it in that standalone div.  Either tuck it
in the header (and figure how to set grid columns properly) or move it
to the first footer.

Diffstat:
M
artistes.html
 | 
4
++++
M
commun.css
 | 
11
++++++++++-

2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/artistes.html b/artistes.html
@@ -21,6 +21,10 @@
     </nav>
   </header>
 
+  <div class="lang">
+    EN
+  </div>
+
   <main>
     <div id="photos">
       <img src="https://v3.goldensun-world.com/img/artwork/vlad_b.jpg">
diff --git a/commun.css b/commun.css
@@ -7,7 +7,7 @@ body {
 }
 
 header.banner {
-    grid-column: 1 / -1;
+    grid-column: 1;
     display: flex;
     align-items: center;
 }
@@ -57,6 +57,15 @@ nav ol li {
     flex: 1;
 }
 
+.lang {
+    grid-column: 2;
+    background-color: black;
+    border-radius: 50% 50% 50% 0;
+    color: white;
+    padding: 0.5em;
+    margin: auto;
+}
+
 main {
     grid-row: 2;
     grid-column: 1;