From f0d120679f440941eb16266a9888e2aebc6a1135 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20L=2E=20H=2E-F?= Date: Wed, 3 May 2023 11:41:32 +0200 Subject: [PATCH] Improved design --- assets/css/style.css | 31 +++++++++++++------- assets/includes/header.php | 58 +++++++++++++++++++++----------------- 2 files changed, 53 insertions(+), 36 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index d2a1c30..bd6247a 100755 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -30,19 +30,19 @@ body { display: flex; } +.top-border { + position: absolute; + border-top: 6px solid #1e1f1d; + top: 0; + right: 0; + left: 0; +} + .top-logo { position: absolute; top: 0; - left: 0; - border: 0; - width: 180px; - transition: left .1s ease-in-out, opacity .1s ease-in-out; - z-index: 999; - opacity: .8 -} - -.top-logo:hover { - opacity: 1 + left: 5rem; + height: 50px; } .logo { @@ -91,6 +91,12 @@ body { } } +@media screen and (max-width:600px) { + .top-logo { + left: 1rem; + } +} + .cover { padding: 0 1.5rem; margin-top: 3rem; @@ -359,6 +365,11 @@ a:hover { background-color: #1e1f1d; } + .top-border { + border-top: 7px solid #e1e0e2; + + } + .top-logo { filter: invert(100%); } diff --git a/assets/includes/header.php b/assets/includes/header.php index a9472ab..67efd45 100755 --- a/assets/includes/header.php +++ b/assets/includes/header.php @@ -76,32 +76,38 @@ if (basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) { - +
+ +