projects / gyiwr.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 0ee20e7)
add languages in header
authorrick <rick@gnous.eu>
Wed, 11 Jan 2023 19:06:57 +0000 (20:06 +0100)
committerrick <rick@gnous.eu>
Wed, 11 Jan 2023 19:10:16 +0000 (20:10 +0100)
css/style.css patch | blob | blame | history
index.html patch | blob | blame | history

diff --git a/css/style.css b/css/style.css
index b5581a636dcbafc04c1bba7aa865a18777147831..709c028298290045f37dfce09e35dfe540719231 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -8,14 +8,36 @@ body {
 }
 
 header {
+  display: flex;
+  justify-content: space-between;
   margin-top: 2em;
   margin-left: 3em;
+  margin-right: 3em;
+  grid-column: 1 / 3;
 }
 
 header a {
   color: black;
 }
 
+#lang {
+  margin-top: 20px;
+}
+
+#lang img {
+  border: 2px solid black;
+  filter: brightness(50%);
+}
+
+#lang #choose {
+  filter: brightness(100%);
+}
+
+#lang img:hover {
+  filter: brightness(100%);
+  border-color: cyan;
+}
+
 #header-links {
   margin: 2em 0 2em 3em;
   display: flex;
@@ -84,4 +106,4 @@ footer {
 
 #buttons div {
   margin-bottom: 1em;
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index cb470901b5cd49f87a13ef34df230677177fb8c3..41c70480b2212bd66e9e71e306de7371e0afbf09 100644 (file)
--- a/index.html
+++ b/index.html
@@ -7,8 +7,15 @@
     </head>
     <body>
         <header>
-            <h1><a href="index.html">gyiwr dot tf</a></h1>
-            <h2>le site de rick</h2>
+            <div>
+                <h1><a href="index.html">gyiwr dot tf</a></h1>
+                <h2>le site de rick</h2>
+            </div>
+            <div id="lang">
+                <img id="choose" src="img/fr.svg" width=50px />
+                <img src="img/fr.svg" width=50px />
+                <img src="img/fr.svg" width=50px />
+            </div>
         </header>
 
         <div id="header-links">
Unnamed repository; edit this file 'description' to name the repository.