add pfps, some polish

views/comments.ejs

@@ -1,6 +1,5 @@
 <form enctype='multipart/form-data' method='POST' action='/api/form/comment'>
     <h1>Comments</h1>
-    <!-- probably component-ify this -->
     <div class='form-message'></div>
     <input name='targetId' hidden value='<%= id %>'>
     <input name='targetType' hidden value='<%= route %>'>
@@ -9,13 +8,20 @@
 
     <% for (let comment of comments) { %>
         <div class='comment'>
-            <div><b>
-                    <a href='/client/user?id=<%= comment.username %>'><%= comment.username %></a>
-                </b></div>
-            <div><b>
-                    <%= (new Date(comment.date)+'').split(/(GMT|UTC)/g)[0] %>
-                </b></div>
-            <pre><%= comment.content %></pre>
+            <div class='pfp-wrapper'>
+                <img src='/pfp/<%= comment.username %>.png' class='avatar'>
+                <div>
+                    <div><b>
+                            <a href='/client/user?id=<%= comment.username %>'>
+                                <%= comment.username %>
+                            </a>
+                        </b></div>
+                    <div><b>
+                            <%= (new Date(comment.date)+'').split(/(GMT|UTC)/g)[0] %>
+                        </b></div>
+                    <pre><%= comment.content %></pre>
+                </div>
+            </div>
         </div>
         <% } %>
 </form>

views/header_block.ejs

@@ -10,5 +10,8 @@
             <a href="/client/upload">
                 Upload
             </a>
+            <a href="/client/settings">
+                Settings
+            </a>
             <% } %>
 </div>

views/player.ejs

@@ -15,12 +15,17 @@
                 <%= videoData.title %>
             </b>
         </div>
-        <div>Created by <b><a href="/client/user?id=<%= videoData.username %>">
-                    @<%= videoData.username %></a></b>
-            </a> on
-            <b>
-                <%= (new Date(videoData.date)+'').split(/(GMT|UTC)/g)[0] %>
-            </b>
+
+        <div class='pfp-wrapper'>
+            <img src='/pfp/<%= videoData.username %>.png' class='avatar'>
+            <div>
+                Created by <b><a href="/client/user?id=<%= videoData.username %>">
+                        @<%= videoData.username %></a></b>
+                </a> on
+                <b>
+                    <%= (new Date(videoData.date)+'').split(/(GMT|UTC)/g)[0] %>
+                </b>
+            </div>
         </div>
         <pre><%= videoData.desc %></pre>
     </div>

views/user.ejs

@@ -3,24 +3,38 @@
         <h1>User</h1>
         <div class='form-message'></div>
         <div class='user'>
-            <p>
-                <b>@<%= id %></b>
-            </p>
-            <details>
-                <summary> <%= following.length %> following</summary>
-                <% for (let user of following) { %>
-                    <a href='/client/user?id=<%= user.target %>'><%= user.target %></a>
-                <%} %>
-            </details>
-            <details>
-                <summary> <%= followers.length %> followers</summary>
-                <% for (let user of followers) { %>
-                    <a href='/client/user?id=<%= user.username %>'><%= user.username %></a>
-                <%} %>
-            </details>
-            <input name='target' hidden value="<%= id %>">
-            <input type='submit' value="Follow">
+            <div class='pfp-wrapper'>
+                <img src='/pfp/<%= id %>.png' class='avatar'>
+                <div>
+                    <p>
+                        <b>@<%= id %></b>
+                    </p>
+                    <details>
+                        <summary>
+                            <%= following.length %> following
+                        </summary>
+                        <% for (let user of following) { %>
+                            <a href='/client/user?id=<%= user.target %>'>
+                                <%= user.target %>
+                            </a>
+                            <%} %>
+                    </details>
+                    <details>
+                        <summary>
+                            <%= followers.length %> followers
+                        </summary>
+                        <% for (let user of followers) { %>
+                            <a href='/client/user?id=<%= user.username %>'>
+                                <%= user.username %>
+                            </a>
+                            <%} %>
+                    </details>
+                    <input name='target' hidden value="<%= id %>">
+                    <input type='submit' value="Follow">
+                </div>
+            </div>
         </div>
+        <pre><%= user[0].bio %></pre>
     </form>
     <div class='area'>
         <h1>Uploaded Videos</h1>