From a9c97b44735aaba33d7a7d3bbdac7a90777b4fd7 Mon Sep 17 00:00:00 2001
From: Yannis Devos <yannis.devos.etu@univ-lille.fr>
Date: Tue, 11 Mar 2025 11:05:19 +0100
Subject: [PATCH] Ajout d'un peu de flow a la page feed

---
 WEB-INF/src/controleurs/Feed.java |  8 ++++--
 css/feed.css                      | 47 +++++++++++++++++++++++++++++++
 css/form.css                      |  5 +++-
 3 files changed, 56 insertions(+), 4 deletions(-)
 create mode 100644 css/feed.css

diff --git a/WEB-INF/src/controleurs/Feed.java b/WEB-INF/src/controleurs/Feed.java
index 98a7ef4..ca71377 100644
--- a/WEB-INF/src/controleurs/Feed.java
+++ b/WEB-INF/src/controleurs/Feed.java
@@ -38,17 +38,19 @@ public class Feed extends HttpServlet {
                 }
 
                 out.println("<html><body><meta charset=\"utf-8\">");
+                out.println("<link rel=\"stylesheet\" href=\"css/feed.css\">");
                 out.println("<title>Welcome</title>");
                 
+                out.println("<h1>Welcome " + login + "</h1>");
+
                 out.println("<nav>");
                 out.println("<ul class=\"menu\">");
                 out.println("<li class=\"menu_option\"><a href=\"#\">\uD83C\uDFE0 Home</a></li>");
                 out.println("<li class=\"menu_option\"><a href=\"#\">\uD83E\uDDF5 Followed</a></li>");
                 out.println("<li class=\"menu_option\"><a href=\"#\">\uD83D\uDC64 Account</a></li>");
                 out.println("</ul></nav>");
-                
-                out.println("<h1>Welcome " + login + "</h1>");
-                
+
+
                 if (!messages.isEmpty()) {
                     for (Message message : messages) {
                         MyThread msgThread = null;
diff --git a/css/feed.css b/css/feed.css
new file mode 100644
index 0000000..83042b7
--- /dev/null
+++ b/css/feed.css
@@ -0,0 +1,47 @@
+html{
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+body{
+    color: white;
+    background-color: #232323;
+}
+
+.menu{
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+}
+
+h1{
+    text-align : center;
+}
+
+ul{
+    padding : 0;
+}
+
+.menu_option{
+    text-align : center;
+    list-style: none;
+    width : 100%;
+}
+
+.menu_option>a{
+    background-color : white;
+    text-decoration: none;
+    color: black;
+    padding : 1%;
+    transition : 0.2s;
+}
+
+.menu_option>a:hover{
+    transition : 0.3s;
+    padding : 3%;
+    border-radius : 5px;
+}
+
+.information{
+    margin-top : 10%;
+    text-align : center;
+}
\ No newline at end of file
diff --git a/css/form.css b/css/form.css
index 25f859b..c597176 100644
--- a/css/form.css
+++ b/css/form.css
@@ -1,7 +1,10 @@
+html{
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
 body{
     color: white;
     background-color: #232323;
-    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }
 
 body{
-- 
GitLab