From 0167a2d61ceb4c57e034859295ff66db1236382e Mon Sep 17 00:00:00 2001
From: salixor <salixor@pm.me>
Date: Fri, 28 Jun 2024 02:20:32 +0200
Subject: [PATCH] =?UTF-8?q?Changement=20graphique=20l=C3=A9ger=20du=20head?=
=?UTF-8?q?er?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
cours-ensiie.html | 6 ++++--
index.html | 6 ++++--
styles.css | 20 ++++++++++----------
3 files changed, 18 insertions(+), 14 deletions(-)
diff --git a/cours-ensiie.html b/cours-ensiie.html
index f89759d..bd6f855 100644
--- a/cours-ensiie.html
+++ b/cours-ensiie.html
@@ -26,8 +26,10 @@
<header>
<a href="index.html" class="header_content" title="Revenir à l'accueil">
<img src="https://avatars1.githubusercontent.com/u/12085737?s=400" class="avatar" draggable="false" />
- <div class="nickname"><b>Salixor</b></div>
- <div class="description">Au fond, je suis un peu un weeb.</div>
+ <div>
+ <div class="nickname"><b>Salixor</b></div>
+ <div class="description">Au fond, je suis un peu un weeb.</div>
+ </div>
</a>
<button type="button" class="theme_toggle" onclick="toggleLights(this)" title="Changer de thème">
diff --git a/index.html b/index.html
index fb0a565..f02d590 100644
--- a/index.html
+++ b/index.html
@@ -26,8 +26,10 @@
<header>
<a href="index.html" class="header_content" title="Revenir à l'accueil">
<img src="https://git.iiens.net/uploads/-/system/user/avatar/257/avatar.png?width=512" class="avatar" draggable="false" />
- <div class="nickname"><b>Salixor</b></div>
- <div class="description">Au fond, je suis un peu un weeb.</div>
+ <div>
+ <div class="nickname"><b>Salixor</b></div>
+ <div class="description">Au fond, je suis un peu un weeb.</div>
+ </div>
</a>
<button type="button" class="theme_toggle" onclick="toggleLights(this)" title="Changer de thème">
diff --git a/styles.css b/styles.css
index b063c29..38ff8c4 100644
--- a/styles.css
+++ b/styles.css
@@ -41,7 +41,7 @@ div.container {
flex-direction: column;
}
div.container {
- margin: 60px 0 0;
+ margin: 40px 0 0;
flex-grow: 1;
}
}
@@ -108,15 +108,14 @@ section.container a::after {
header {
background: var(--accent-color) url("ressources/bg_crop_kumiko.png") 90% bottom / contain no-repeat;
width: 100%;
- height: 200px;
+ padding: 40px;
+ height: 190px;
color: #FFFFFF;
box-shadow: inset 0 -10px 0 0 rgba(0,0,0,0.5);
}
header a.header_content {
- margin: 60px 0 0 40px;
- position: absolute;
- display: block;
+ display: inline-flex;
text-decoration: none;
color: #fff !important;
}
@@ -128,13 +127,14 @@ header a.header_content:hover {
header img.avatar {
border-radius: 100%;
- box-shadow: 0 0 0 10px #FFFFFF;
- height: 100px;
- width: 100px;
- float: left;
+ border: 10px double #fff;
+ height: 110px;
+ width: 110px;
+ margin-right: 20px;
}
-header div.nickname, header div.description { margin: 0 0 0 130px; }
+header a.header_content:hover img.avatar { border-style: solid; }
+
header div.nickname { font-size: 42px; margin-top: 30px; font-weight: bold; }
header div.description { font-size: 14px; margin-top: -5px; }
--
GitLab