assignment 2

views/members.ejs

@@ -1,11 +1,23 @@
 <%- include("./partials/header") %>
 
-<h3>Hello <%= username %></h3>
-<figure>
-  <img style="width: 400pt;" src="/static/images/<%= name %>.png">
-  <figcaption><%= name %></figcaption>
-</figure>
-<br>
-<a style="background-color: grey; padding: 6px; margin-top: 12pt;" href="/logout">Logout</a>
+<div class="m-12 flex flex-row justify-center">
+  <div class="flex flex-col justify-between">
+
+    <div class="flex flex-row justify-between mb-6">
+      <h1 class="text-white font-bold text-xl mt-1">Welcome <%= user.name %></h1>
+      <% if (user.type == "admin") { %>
+        <a class="text-center block w-30 bg-blue-600 rounded-md text-white p-2 mx-4 pt-4.5 md:pt-2 lg:pt-2" href="/admin">Admin</a>
+      <% } %>
+      <a class="h-auto w-20 py-2 pb-2.5 bg-yellow-400 rounded-md font-semibold text-center pt-4.5 md:pt-2 lg:pt-2" href="/logout">Logout</a>
+    </div>
+
+    <div class="flex flex-col md:flex-row lg:flex-row justify-between">
+      <img style="width: 200pt;" src="/static/images/carl.png">
+      <img style="width: 200pt;" src="/static/images/gary.png">
+      <img style="width: 200pt;" src="/static/images/jebediah.png">
+    </div>
+
+  </div>
+</div>
 
 <%- include("./partials/footer") %>