Fork 1

77 lines
3.8 KiB

<!DOCTYPE html>
<html lang="en">
<title>Morsel - {{ name }}</title>
<link rel="stylesheet" href="/static/morsel.css" />
<link rel="stylesheet" href="/static/theme.css" />
{% include "logo.html" %}
{% include "nav.html" %}
<div class="feed_panel panel">
<h3>Welcome to your <span class="mods">Timeline</span>!</h3>
<table width="100%" cellspacing="0px">
{% if noposts %}
<tr class="post">
<td width="80px" align="right"><img src="/static/noti_avatar.png" alt="System" /></td>
<h3 class="username">System</h3>
<p>You aren't subscribed to any boards. <a href="/b/" class="mods">Click here to fix that.</a></p>
<h4>Tips for getting set up:</h4>
<li>You have to subscribe to a board to post in it. Click the green plus next to a board you're interested in to subscribe.<br/><br/></li>
<li>To unsubscribe, just hit the same button you used to subscribe again.<br/><br/></li>
<li>If you can't find a board that piques your interest, feel free to create your own! Hit the "Create New Board" link at the top of the boards list
to get started.<br/><br/></li>
<li>Morsel posts are written in <a href="https://daringfireball.net/projects/markdown/" class="mods">Markdown</a>.
<a href="https://www.markdownguide.org/basic-syntax/" class="mods">Here's a tutorial on writing posts in Markdown.</a><br/><br/></li>
<li>You can set your avatar and bio in <a href="/settings" class="mods">user settings</a>.<br/><br/></li>
<li>Your avatar can be either a <a href="//libravatar.org" class="mods">Libravatar</a> e-mail, or the URL of an image hosted on another site.<br/><br/></li>
<li>Timeline posts are sorted in <i>chronological order</i>, which basically means they're ordered from newest to oldest.<br/><br/></li>
<li>Only posts from boards you subscribe to will appear in your timeline.<br/><br/></li>
<li>Check out the boards list (linked above) and subscribe to some interesting boards. This will populate your timeline.<br/><br/></li>
<li>If you ever want to see this message again, just unsubscribe from all boards.</li>
{% else %}
{% for post in feed %}
<tr class="post">
<td width="80px" align="right"><img src="/avatar/{{post['author']}}" width="64px" alt="{{post['author']}}"/></td>
<a class="username {% if post['ownerblog'] %}owner{% endif %}" href="/u/{{post['author']}}">
<a class="mods" href="/b/{{post['board']}}">{{post['board']}}</a></h3>
<a class="notsoobviouslink" href="/b/{{post['board']}}/{{post['id']}}"><p>{{post['content']|safe}}</p>
{% if 'replies' in post %}
<summary>View replies</summary>
{% for reply in post['replies'] %}
<table width="100%">
<tr class="post">
<td align="right" width="56px" style="min-width: 56px">
<img src="/avatar/{{reply['author']}}" width="48px" alt="reply['author']" />
<h3><a class="username" href="/u/{{reply['author']}}">{{reply['author']}}</a></h3>
{% endfor %}
{% endif %}</a>
{% endfor %}
{% endif %}
{% include "nav.html" %}