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 {
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;
}
}

View file

@ -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">