From 8dc6633cafbbb39d7e75873bb4cc14b5886b5c07 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Tue, 9 Feb 2021 23:05:48 +0100
Subject: Change EN button styling

---
 stylesheets/commun.css | 13 +++++++++----
 stylesheets/dark.css   |  4 ++++
 template.html          |  4 +---
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index c349d79..dbec72e 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -55,12 +55,17 @@ nav > ol > li > a {
     padding: 0.5em 0.1em;
 }
 
-.lang {
-    background-color: black;
-    border-radius: 50% 50% 50% 0;
-    color: white;
+a.lang {
+    display: block;
+    border: 0.15em solid black;
+    border-radius: 50%;
     padding: 0.5em;
 }
+a.lang:hover {
+    color: var(--gold);
+    background: white;
+    border: 0.15em solid white;
+}
 
 footer.social > .content {
     display: flex;
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index 5c08f5a..1cddba1 100644
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -3,6 +3,10 @@ body {
     color: white;
 }
 
+a.lang {
+    border-color: white;
+}
+
 header.banner img, .social a img {
     filter: brightness(10);
 }
diff --git a/template.html b/template.html
index acd0eb6..9219b8e 100644
--- a/template.html
+++ b/template.html
@@ -42,9 +42,7 @@
             <li><a href="gallerie.html">gallerie</a></li>
           </ol>
         </nav>
-        <div class="lang">
-          EN
-        </div>
+          <a class="lang" href="">EN</a>
       </div>
     </header>
 
-- 
cgit v1.2.3