From def8a51c84f1188e1d99f41e8ff5d3f755c09c83 Mon Sep 17 00:00:00 2001
From: "Saravanan, Mukesh (PG/T - Comp Sci & Elec Eng)" <ks01855@surrey.ac.uk>
Date: Sat, 29 Apr 2023 09:52:36 +0000
Subject: [PATCH] Replace user.html

---
 .../application/templates/forum/user.html     | 72 +++++++++++--------
 1 file changed, 44 insertions(+), 28 deletions(-)

diff --git a/frontend/application/templates/forum/user.html b/frontend/application/templates/forum/user.html
index 9b0de10..f4d3b4e 100644
--- a/frontend/application/templates/forum/user.html
+++ b/frontend/application/templates/forum/user.html
@@ -1,28 +1,44 @@
-<a class="btn btn--link" href="{{ url_for('frontend.get_posts') }}">Home</a>
-<br>
-<br>
-<img class="rounded-circle" width="100" src="images/users/{{ image }}">
-<br>
-<br>
-{{name}}
-<br>
-{{email}}
-<br>
-{{role}}
-<br>
-<br>
-
-{% block title %}POSTS OF THE USER{% endblock %}
-
-{% for post in posts %}
-	<div class="h4 m-0"><a href="{{ url_for('frontend.display_post', post_id=post.id) }}">{{ post['title'] }}</a></div>
-	<p class="card-text">{{ post.content | safe }}</p>
-	<br>
-
-{% endfor %}
-
-
-
-
-
-
+<head>
+<style>
+  .home-btn {
+        background-color: #2196F3;
+        color: white;
+        padding: 10px;
+        border: none;
+        border-radius: 5px;
+        font-size: 16px;
+        cursor: pointer;
+        margin-bottom: 20px;
+</style>
+</head>
+{% extends "base.html" %}
+
+{% block content %}
+  <div class="container">
+    <div class="row">
+      <div class="col-md-4">
+         <a class="home-btn" href="{{ url_for('frontend.get_posts') }}">Home</a>
+        <br><br>
+        <img class="rounded-circle" width="100" src="images/users/{{ image }}">
+        <br><br>
+        <div class="h5">{{ name }}</div>
+        <div>{{ email }}</div>
+        <div>{{ role }}</div>
+      </div>
+      <div class="col-md-8">
+        <h2>POSTS OF THE USER</h2>
+        <div style="height: 1500px; overflow-y: scroll;">
+          {% for post in posts %}
+            <div class="card">
+              <div class="card-body">
+                <h4 class="card-title"><a href="{{ url_for('frontend.display_post', post_id=post.id) }}">{{ post['title'] }}</a></h4>
+                <p class="card-text">{{ post.content | safe }}</p>
+              </div>
+            </div>
+            <br>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}
-- 
GitLab