From 1f2f6412d662013ce9e64825c1a2a5fb5c0c74c8 Mon Sep 17 00:00:00 2001 From: Lyanis Souidi Date: Tue, 17 Jan 2023 23:57:17 +0100 Subject: [PATCH] Correction de bugs responsive --- about/index.php | 6 +++--- assets/css/about.css | 14 ++++++++++++-- assets/css/footer.css | 7 +++++++ assets/css/header.css | 15 +++++++++------ assets/css/style.css | 4 ++++ assets/css/team.css | 4 ++++ blog/index.php | 17 ++++++++--------- contact/index.php | 12 ++++++------ faq/index.php | 6 +++--- index.php | 4 ++-- legal/index.php | 4 ++-- product/index.php | 4 ++-- sitemap/index.php | 4 ++-- team/index.php | 24 ++++++++++++------------ 14 files changed, 76 insertions(+), 49 deletions(-) diff --git a/about/index.php b/about/index.php index 0463ba0..e6b4df4 100644 --- a/about/index.php +++ b/about/index.php @@ -21,7 +21,7 @@
- + Menu
- +
Logo

Nos motivations

diff --git a/assets/css/about.css b/assets/css/about.css index 7887db2..810e723 100644 --- a/assets/css/about.css +++ b/assets/css/about.css @@ -8,7 +8,7 @@ grid-template-columns: 1fr 1fr; } - #logo{ + #logo2 { display: flex; justify-content: center; } @@ -23,8 +23,18 @@ display: grid; } - #logo{ + #logo2 { display: flex; justify-content: center; } +} + +#logo2 { + filter: invert(100%); +} + +@media (prefers-color-scheme: light) { + #logo2 { + filter: none; + } } \ No newline at end of file diff --git a/assets/css/footer.css b/assets/css/footer.css index e8ce5fe..edb2175 100644 --- a/assets/css/footer.css +++ b/assets/css/footer.css @@ -29,4 +29,11 @@ footer div.social { display: flex; gap: 1rem; align-items: center; +} + +@media (max-width: 700px) { + footer div.content { + flex-direction: column-reverse; + gap: 0.5rem; + } } \ No newline at end of file diff --git a/assets/css/header.css b/assets/css/header.css index 2e37cae..7512de7 100644 --- a/assets/css/header.css +++ b/assets/css/header.css @@ -15,7 +15,11 @@ header div { header #logo { filter: invert(100%); - float: left; +} + +#burger-menu { + transform: translateY(25%); + filter: invert(100%); } @media (prefers-color-scheme: light) { @@ -60,12 +64,11 @@ header h1 { border-radius: 4px; } -#burger-menu { - transform: translateY(25%); - filter: invert(100%); -} - @media screen and (min-width: 700px) { + header #logo { + float: left; + } + #menu li a { border-radius: 4px; } diff --git a/assets/css/style.css b/assets/css/style.css index d5dca32..9e2efe2 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -130,4 +130,8 @@ nav.crumbs { .crumb { display: inline-block; +} + +.crumb:before { + content: "> "; } \ No newline at end of file diff --git a/assets/css/team.css b/assets/css/team.css index 10d4f59..239e6f6 100644 --- a/assets/css/team.css +++ b/assets/css/team.css @@ -74,6 +74,10 @@ img[alt="github"] { #skill h2 { grid-column: 1/3; } + + .crumbs { + display: none; + } } #articles li { diff --git a/blog/index.php b/blog/index.php index cdcd924..49430a1 100644 --- a/blog/index.php +++ b/blog/index.php @@ -81,7 +81,7 @@ try {
- + Menu
'; } elseif ($mode == 'view') { $date = new DateTime($article['created_at']); echo '' . "

" . $article["title"] . "


-

Publié le " . $date->format('d/m/Y') . " par " . $article["author"] . "


-

" . $article["content"] . "

"; +

Publié le " . $date->format('d/m/Y') . " par " . $article["author"] . "


" . $article["content"]; } } ?> diff --git a/contact/index.php b/contact/index.php index a24cd48..87af4ba 100644 --- a/contact/index.php +++ b/contact/index.php @@ -49,7 +49,7 @@ function contact_form($profile, $subject) : string { if ($profile == 'business') { $text .= ' -
+


'; @@ -79,7 +79,7 @@ function select_subject($profile) : string { $text .= " la garantie Solar Glass"; $text .= "

La garantie légale de conformité est assuré par le fabricant intégrant la technologie Solar Glass dans ses appareils, en cas de problème concernant Solar Glass sur votre appareil, - merci donc de contacter directement le fabricant de votre appareil.

"; + merci donc de contacter directement le fabricant de votre appareil.

"; } elseif (isset($_GET["subject"]) && $_GET["subject"] == 'integration') { $text .= " l'intégration de Solar Glass dans vos produits"; $text .= contact_form($profile, $_GET["subject"]); @@ -107,8 +107,8 @@ function select_profile() : string { $text .= " un particulier"; $text .= select_subject('consumer'); } else $text .= "... - "business")) . ">Une entreprise - "consumer")) . ">Un particulier
"; + Une entreprise + Un particulier"; return $text; } @@ -137,7 +137,7 @@ function select_profile() : string {
- + Menu