From 600f4599ac64423d7774cac2cae9f737a57339bf Mon Sep 17 00:00:00 2001
From: Ronan <ronan.bonnet42@wanadoo.fr>
Date: Mon, 12 Dec 2022 15:51:08 +0100
Subject: [PATCH 1/3] Magnific navbar

---
 style.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/style.css b/style.css
index b98fa8e..a8f62e8 100644
--- a/style.css
+++ b/style.css
@@ -9,12 +9,38 @@ body {
     color: --main-invert-color;
     display: flex;
     flex-direction: column;
+    margin: 0;
 }
 
 main {
     display: flex;
     flex-direction: column;
     align-items: center;
+    margin: 1rem 0;
+}
+
+nav {
+    display: flex;
+    width: 100%;
+    background-color: yellowgreen;
+    padding: 0 20%;
+}
+
+nav ol {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    list-style-type: none;
+}
+
+nav ol li {
+    margin: auto 1rem;
+}
+
+nav ol li button {
+    background-color: transparent;
+    padding: 0.5rem;
+    font-size: large;
 }
 
 .text-bubble {

From a666a6caf58cebe1a00ea99b16cb734497108806 Mon Sep 17 00:00:00 2001
From: Ronan <ronan.bonnet42@wanadoo.fr>
Date: Mon, 12 Dec 2022 15:59:52 +0100
Subject: [PATCH 2/3] add footer

---
 index.html |  4 ++++
 style.css  | 16 ++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/index.html b/index.html
index 41c256b..df7d3b5 100644
--- a/index.html
+++ b/index.html
@@ -48,6 +48,10 @@
             </div>
 
         </main>
+        <footer>
+            <p>Sokoban 2022</p>
+            <p>Pour une meilleure expérience, veuillez utiliser ce jeu sur un ordinateur avec un écran horizontal.</p>
+        </footer>
 
     </body>
     <!-- <script type="module" src="./modules/ressources.mjs"></script> -->
diff --git a/style.css b/style.css
index a8f62e8..8652b24 100644
--- a/style.css
+++ b/style.css
@@ -10,6 +10,7 @@ body {
     display: flex;
     flex-direction: column;
     margin: 0;
+    min-height: 100vh;
 }
 
 main {
@@ -43,6 +44,21 @@ nav ol li button {
     font-size: large;
 }
 
+
+footer {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    position:fixed;
+    width: 100%;
+    bottom: 0;
+    background-color: yellowgreen;
+}
+
+footer p:last-child {
+    font-weight: bolder;
+}
+
 .text-bubble {
     /* transform: rotate(90deg); */
     position: relative;

From 525326231d3d036c79bf8717cb358653408b9266 Mon Sep 17 00:00:00 2001
From: Ronan <ronan.bonnet42@wanadoo.fr>
Date: Mon, 12 Dec 2022 16:04:35 +0100
Subject: [PATCH 3/3] fix little scroll problem

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 8652b24..bff0043 100644
--- a/style.css
+++ b/style.css
@@ -22,7 +22,7 @@ main {
 
 nav {
     display: flex;
-    width: 100%;
+    /*width: 100%; */
     background-color: yellowgreen;
     padding: 0 20%;
 }