From 1c3c7b7d7a8fbb41fb1f456c8b864ea640220982 Mon Sep 17 00:00:00 2001
From: Lucas <hureaux.lucas>
Date: Thu, 16 Oct 2025 12:03:10 +0200
Subject: [PATCH 1/2] css faq

---
 assets/styles/app.css        | 27 +++++++++++-----
 templates/_footer.html.twig  |  2 +-
 templates/base.html.twig     |  1 +
 templates/home/faq.html.twig | 60 +++++++++++++++++++++---------------
 4 files changed, 57 insertions(+), 33 deletions(-)

diff --git a/assets/styles/app.css b/assets/styles/app.css
index dc9815a..b064113 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -17,11 +17,6 @@ main {
     margin-top: 1rem;
 }
 
-.questionBlock {
-    display: block;
-    margin-top: 1rem;
-}
-
 details {
     margin-left: 1rem;
     margin-bottom: 1rem;
@@ -77,7 +72,7 @@ details {
     margin: 0;
 }
 
-footer {
+.pageFooter {
     padding: 1rem;
     text-align: center;
     border-top: 1px solid gray;
@@ -87,6 +82,11 @@ footer {
     text-shadow: 0 0 5px black;
 }
 
+.qFooter {
+    padding: 1rem;
+    text-align: center;
+}
+
 footer p {
     margin: 0;
     display: inline-block;
@@ -100,7 +100,7 @@ footer ul {
     list-style: none;
 }
 
-footer a {
+.pageFooter a {
     color: inherit;
 }
 
@@ -143,6 +143,19 @@ article {
     }
 }
 
+.questions {
+    max-width: 180ch;
+}
+
+.questionBlock {
+    margin-top: 1rem;
+    max-width: 180ch;
+
+    details {
+        padding: 1rem;
+    }
+}
+
 .adminPanel {
     display: flex;
     border-style: solid;
diff --git a/templates/_footer.html.twig b/templates/_footer.html.twig
index 26c6441..90048f7 100644
--- a/templates/_footer.html.twig
+++ b/templates/_footer.html.twig
@@ -1,4 +1,4 @@
-<footer>
+<footer class="pageFooter">
     <p>
         Suivez-nous sur :
     </p>
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 449a1a6..fb0c184 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -22,6 +22,7 @@
         <main>
             {% block main %}{% endblock %}
         </main>
+        {% block qFooter %}{%endblock%}
         {{ include('_footer.html.twig')}}
     </body>
 </html>
diff --git a/templates/home/faq.html.twig b/templates/home/faq.html.twig
index 9ca77ab..9f01709 100644
--- a/templates/home/faq.html.twig
+++ b/templates/home/faq.html.twig
@@ -3,29 +3,39 @@
 {% block title %}FAQ{% endblock %}
 
 {% block main %}
-    <div class="questionBlock">
-        <details>
-            <summary>En quoi consiste ce site?</summary>
-            <p>Ce site sert à vous aider à gagner en compétences dans la programmation web. Vous découvrirez de nouveaux langages,
-            des nouvelles techniques et autres par exemple.</p>
-        </details>
-        <details>
-            <summary>Par où commencer?</summary>
-            <p>Vous devriez vous créer un compte pour commencer. Un lien est disponible dans la barre de navigation.</p>
-        </details>
-        <details>
-            <summary>J'ai oublié mon mot de passe, comment le réinitialiser?</summary>
-            <p>Vous pouvez demander une réinitialisation dans la page de connexion. Après avoir saisi votre adresse email,
-            on vous enverra un mail avec un lien pour réintialiser le mot de passe.</p>
-        </details>
-        <details>
-            <summary>Comment débloquer de nouveaux chapitres?</summary>
-            <p>Le débloquage de chapitres se fait par la complétions d'autres chapitres. Cela vous permettra d'avoir un chemin
-            plus progressif et d'avoir plus de facilité à trouver des sujets de votre niveau.</p>
-        </details>
-        <details>
-            <summary>Est-ce que ce site est payant?</summary>
-            <p>Ce site, ainsi que toutes les fonctionnalités disponibles, sont 100% gratuit.</p>
-        </details>
-    </div>
+    <article class="questions">
+        <h1>FAQ</h1>
+        <article class="questionBlock">
+            <h2>Infos généraux</h2>
+            <details>
+                <summary>En quoi consiste ce site?</summary>
+                <p>Ce site sert à vous aider à gagner en compétences dans la programmation web. Vous découvrirez de nouveaux langages,
+                des nouvelles techniques et autres par exemple.</p>
+            </details>
+            <details>
+                <summary>Par où commencer?</summary>
+                <p>Vous devriez vous créer un compte pour commencer. Un lien est disponible dans la barre de navigation. 
+                Créer un compte vous permettra de sauvegarder toute progression.</p>
+            </details>
+            <details>
+                <summary>J'ai oublié mon mot de passe, comment le réinitialiser?</summary>
+                <p>Vous pouvez demander une réinitialisation dans la page de connexion. Après avoir saisi votre adresse email,
+                on vous enverra un mail avec un lien pour réintialiser le mot de passe.</p>
+            </details>
+            <details>
+                <summary>Comment débloquer de nouveaux chapitres?</summary>
+                <p>Le débloquage de chapitres se fait par la complétions d'autres chapitres. Cela vous permettra d'avoir un chemin
+                plus progressif et d'avoir plus de facilité à trouver des sujets de votre niveau.</p>
+            </details>
+            <details>
+                <summary>Est-ce que ce site est payant?</summary>
+                <p>Ce site, ainsi que toutes les fonctionnalités disponibles, sont 100% gratuit.</p>
+            </details>
+        </article>
+    </article>
+{% endblock %}
+{% block qFooter %}
+<footer class="qFooter">
+    <p>Vous n'avez pas votre réponse? <a href="">Posez votre question ici</a></p>
+</footer>
 {% endblock %}
\ No newline at end of file

From 25e169f70cfe5b48d686277797f8e0dee8bc0be0 Mon Sep 17 00:00:00 2001
From: Lucas <hureaux.lucas>
Date: Thu, 16 Oct 2025 14:08:21 +0200
Subject: [PATCH 2/2] small changes

---
 assets/styles/app.css        | 6 +-----
 templates/home/faq.html.twig | 8 ++++----
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/assets/styles/app.css b/assets/styles/app.css
index b064113..4dd0bfe 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -143,13 +143,9 @@ article {
     }
 }
 
-.questions {
-    max-width: 180ch;
-}
-
 .questionBlock {
     margin-top: 1rem;
-    max-width: 180ch;
+    max-width: 65ch;
 
     details {
         padding: 1rem;
diff --git a/templates/home/faq.html.twig b/templates/home/faq.html.twig
index 9f01709..0cb9ba0 100644
--- a/templates/home/faq.html.twig
+++ b/templates/home/faq.html.twig
@@ -3,10 +3,10 @@
 {% block title %}FAQ{% endblock %}
 
 {% block main %}
-    <article class="questions">
+    <article>
         <h1>FAQ</h1>
-        <article class="questionBlock">
-            <h2>Infos généraux</h2>
+        <section class="questionBlock">
+            <h2>Infos générales</h2>
             <details>
                 <summary>En quoi consiste ce site?</summary>
                 <p>Ce site sert à vous aider à gagner en compétences dans la programmation web. Vous découvrirez de nouveaux langages,
@@ -31,7 +31,7 @@
                 <summary>Est-ce que ce site est payant?</summary>
                 <p>Ce site, ainsi que toutes les fonctionnalités disponibles, sont 100% gratuit.</p>
             </details>
-        </article>
+        </section>
     </article>
 {% endblock %}
 {% block qFooter %}