bigly-chat/views/user.ejs

<%- include('header.ejs') -%>
    <form class='banner' enctype='multipart/form-data' method='POST' action='/api/form/follow'>
        <img class="banner-background" src="/pfp/<%= id %>.png">
        <div class="banner-content">
            <div class='form-message'></div>
            <div class='avatar'>
                <img src='/pfp/<%= id %>.png' class='avatar-img'>
                <div>
                    <b>@<%= id %></b>
                    <input class='form-button' type='submit' value="Follow">
                </div>
            </div>
            <input name='target' hidden value="<%= id %>">

            <pre class='form-input'><%= user[0] ? user[0].bio : 'This user has not set a bio.' %></pre>
        </div>
    </form>
    <div class='content'>
        <details>
            <summary>
                <%= following.length %> following
            </summary>
            <div class='flex-row'>
                <% for (let user of following) { %>
                    <%- include('user-clickable.ejs', {user: user.target}) %>
                        <%} %>
            </div>
        </details>
        <details>
            <summary>
                <%= followers.length %> followers
            </summary>
            <div class='flex-row'>
                <% for (let user of followers) { %>
                    <%- include('user-clickable.ejs', {user: user.username}) %>
                        <%} %>
            </div>
        </details>
    </div>
    <h1 class='content-header'>Uploaded Videos</h1>
    <div class=' videos'>
        <%- include('videos.ejs') -%>
    </div>
    <%- include('comments.ejs') -%>
        <%- include('footer.ejs') -%>