feedless/web/views/desktop/home.ejs

74 lines
2.3 KiB
Plaintext

<%- include('_header', { main_class: "screen-center", body_class: "home-page" }) %>
<div class="columns">
<div class="secret-chat">
<h2 class="column-side-padding">Secret Messages</h2>
<%- include('secrets/_messages') %>
<%- include('secrets/_compose_multiple') %>
</div>
<div class="wall">
<div class="columns">
<div>
<img class="profile-pic" src="<%= profileImageUrl(profile) %>" />
</div>
<div style="padding-left: 20px">
<h1><%= profile.name %></h1>
<%- escapeMarkdown(profile.description || "").substr(0, 70) %>
</div>
</div>
<form action="/publish" method="POST">
<div class="letter-count js-letter-count">140</div>
<textarea name="message" class="compose-post" placeholder="Post something on your wall..."></textarea>
<div class="reverse-columns" style="margin-top: 10px">
<input type="submit" value="Publish" />
</div>
</form>
<h2 style="margin: 0">Your Wall</h2>
<div style="padding-top: 15px;">
<% if (posts.length > 0) { %>
<%- include('../shared/_posts', { posts }) %>
<% } else { %>
<div class="post">
You have no posts yet, publish something!
</div>
<% } %>
</div>
</div>
<div class="friends-communities">
<% if (friends.requestsReceived.length) { %>
<h2>Friend Requests</h2>
<div style="margin-bottom: 30px">
<%- include('_friends', { friends: friends.requestsReceived }) %>
</div>
<% } %>
<h2>Friends</h2>
<%- include('_friends', { friends: friends.friends }) %>
<% if (friends.friends.length == 0) { %>
<p>You don't have any friends yet 🙁</p>
<p>Use the search or look in communities to find some</p>
<% } %>
<% if (friends.requestsSent.length > 0) { %>
<h2 style="margin-top: 30px">Requests Sent</h2>
<%- include('_friends', { friends: friends.requestsSent }) %>
<% } %>
<h2 style="margin-top: 30px">Communities</h2>
<% communities.map(community => { %>
<a href="/communities/<%= community %>" class="link-block">
#<%= community %>
</a>
<% }) %>
<% if (communities.length == 0) { %>
<p>You haven't joined any communities yet</p>
<% } %>
</div>
</div>
<%- include('_footer') %>