From 5b9e412ca2359afd2c4ddb3191005e2ddb4b5ecb Mon Sep 17 00:00:00 2001
From: AudricV <74829229+AudricV@users.noreply.github.com>
Date: Thu, 26 Jan 2023 15:39:12 +0100
Subject: [PATCH 1/2] Improve error pages

- Wrap messages into a main element
- Add classes for all texts except the back to home link
- Translate everything in French
---
 Views/errors/400.php | 14 ++++++++------
 Views/errors/403.php |  8 +++++---
 Views/errors/404.php |  6 +++---
 Views/errors/500.php | 14 ++++++++------
 4 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/Views/errors/400.php b/Views/errors/400.php
index 0f6c905..428c6e0 100644
--- a/Views/errors/400.php
+++ b/Views/errors/400.php
@@ -1,8 +1,10 @@
-<h1>Error 400</h1>
-<h2>Erreur du client 😥</h2>
-<?php
+<main class="error_main">
+    <h1 class="error_code_title">Erreur 400</h1>
+    <h2 class="error_code_description">Erreur du client 😥</h2>
+    <?php
     if (isset($A_view)) {
-        echo "<p> message d'erreur: $A_view </p>";
+        echo '<p class="error_message">Message d\'erreur&nbsp;: ' . $A_view . '</p>';
     }
-?>
-<a href="/">Retourner à l'accueil<a>
+    ?>
+    <a href="/">Retourner à l'accueil</a>
+</main>
diff --git a/Views/errors/403.php b/Views/errors/403.php
index 4779e15..a991d36 100644
--- a/Views/errors/403.php
+++ b/Views/errors/403.php
@@ -1,3 +1,5 @@
-<h1>Error 403</h1>
-<h2>Vous n'avez pas l'autorisation d'accéder à cette page 😥</h2>
-<a href="/">Retourner à l'accueil<a>
+<main class="error_main">
+    <h1 class="error_code_title">Erreur 403</h1>
+    <h2 class="error_code_description">Vous n'avez pas l'autorisation d'accéder à cette page 😥</h2>
+    <a href="/">Retourner à l'accueil</a>
+</main>
diff --git a/Views/errors/404.php b/Views/errors/404.php
index 40781bc..37c6f7c 100644
--- a/Views/errors/404.php
+++ b/Views/errors/404.php
@@ -1,5 +1,5 @@
-<main>
-    <h1>Error 404</h1>
-    <h2>La page n'a pas été trouvée 😥</h2>
+<main class="error_main">
+    <h1 class="error_code_title">Erreur 404</h1>
+    <h2 class="error_code_description">La page n'a pas été trouvée 😥</h2>
     <a href="/">Retourner à l'accueil</a>
 </main>
diff --git a/Views/errors/500.php b/Views/errors/500.php
index c7abb72..6f21ff7 100644
--- a/Views/errors/500.php
+++ b/Views/errors/500.php
@@ -1,8 +1,10 @@
-<h1>Error 500</h1>
-<h2>Erreur interne du serveur 😥</h2>
-<?php
+<main class="error_main">
+    <h1 class="error_code_title">Erreur 500</h1>
+    <h2 class="error_code_description">Erreur interne du serveur 😥</h2>
+    <?php
     if (isset($A_view)) {
-        echo "<p> message d'erreur: $A_view </p>";
+        echo '<p class="error_message">Message d\'erreur&nbsp;: ' . $A_view .'</p>';
     }
-?>
-<a href="/">Retourner à l'accueil<a>
+    ?>
+    <a href="/">Retourner à l'accueil<a>
+</main>

From 84bc05a976bbddd92bb96571b093d54b0a60839f Mon Sep 17 00:00:00 2001
From: AudricV <74829229+AudricV@users.noreply.github.com>
Date: Thu, 26 Jan 2023 15:45:46 +0100
Subject: [PATCH 2/2] Center error messages horizontally and vertically

---
 static/style.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/static/style.css b/static/style.css
index 74a5636..23449cc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -357,3 +357,12 @@ footer {
     color: var(--secondary-pastel);
     font-size: var(--size-xl);
 }
+
+.error_main {
+    align-content: center;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: center;
+}