add languages in header

This commit is contained in:
rick 2023-01-11 20:06:57 +01:00
parent 0ee20e7f63
commit bd25669340
Signed by: Rick
GPG key ID: 4A6223D66294EB20
2 changed files with 32 additions and 3 deletions

View file

@ -8,14 +8,36 @@ body {
} }
header { header {
display: flex;
justify-content: space-between;
margin-top: 2em; margin-top: 2em;
margin-left: 3em; margin-left: 3em;
margin-right: 3em;
grid-column: 1 / 3;
} }
header a { header a {
color: black; 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 { #header-links {
margin: 2em 0 2em 3em; margin: 2em 0 2em 3em;
display: flex; display: flex;
@ -84,4 +106,4 @@ footer {
#buttons div { #buttons div {
margin-bottom: 1em; margin-bottom: 1em;
} }

View file

@ -7,8 +7,15 @@
</head> </head>
<body> <body>
<header> <header>
<h1><a href="index.html">gyiwr dot tf</a></h1> <div>
<h2>le site de rick</h2> <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> </header>
<div id="header-links"> <div id="header-links">