userlist. adding avatars

1 files changed, 9 insertions, 1 deletions

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;