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.

2 files changed, 14 insertions, 1 deletions

diff --git a/artistes.html b/artistes.html
index 09da336..14f4bf0 100644
--- 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
index e93e443..f131acc 100644
--- 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;