From 3d8bf4ef32eb24fc2e9732ab806cbf7914c0a709 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 4 Apr 2020 21:56:52 +0200
Subject: userlist. adding avatars

---
 views/pages/keywords.ejs   |  6 ++----
 views/pages/users.ejs      | 10 +++++++++-
 views/partials/threads.ejs |  1 +
 3 files changed, 12 insertions(+), 5 deletions(-)

(limited to 'views')

diff --git a/views/pages/keywords.ejs b/views/pages/keywords.ejs
index 8f4ebf2..eca35fb 100644
--- a/views/pages/keywords.ejs
+++ b/views/pages/keywords.ejs
@@ -1,15 +1,13 @@
 <% include ../partials/header %>
 
 <div class="subtitle">
-  <a href="/">Bucky</a>
+  <a href="/">Index</a>
   &middot;
-  <a href="/users">users</a>
+  <a href="/users">Users</a>
   &middot;
   <a href="/inbox">Inbox</a>
   &middot;
   <a href="/profile">Profile</a>
-  &middot;
-  <a class='all_link'></a>
 </div>
 
 <div id="content">
diff --git a/views/pages/users.ejs b/views/pages/users.ejs
index 97a3731..778a9b8 100644
--- a/views/pages/users.ejs
+++ b/views/pages/users.ejs
@@ -1,7 +1,7 @@
 <% include ../partials/header %>
 
 <div class="subtitle">
-  <a href="/">Bucky</a>
+  <a href="/">Index</a>
   &middot;
   <a href="/keywords">Keywords</a>
   &middot;
@@ -16,6 +16,7 @@
   <div id="user_list">
     <script type="text/html" class="template">
       <div class="user_row">
+        <a href="/profile/{{username}}"><div class="avatar" style="background-image:url({{avatar}})"></div></a>
         <div class="username"><a href="/profile/{{username}}">{{username}}</a></div>
         <div class='dot'>
           &middot;
@@ -51,6 +52,13 @@
   flex-direction: row;
   margin-top: 10px;
 }
+.user_row .avatar {
+  width: 48px;
+  height: 48px;
+}
+.user_row .avatar.hidden {
+  opacity: 0;
+}
 .user_row .username {
   min-width: 70px;
   justify-content: flex-end;
diff --git a/views/partials/threads.ejs b/views/partials/threads.ejs
index bf065f5..a5f5bee 100644
--- a/views/partials/threads.ejs
+++ b/views/partials/threads.ejs
@@ -9,6 +9,7 @@
       <td colspan="4">
         <a href="/post/">Start a new thread!</a> |
         <a href="/keywords">Keywords</a> |
+        <a href="/users">Users</a> |
         <a href="/mail">Inbox</a> |
         <a href="/profile">Profile</a> |
         <a href="/logout" class="logout">Logout</a>
-- 
cgit v1.2.3-70-g09d2