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