]> git.gir.st - subscriptionfeed.git/blob - app/youtube/templates/index.html.j2
use flexbox for card component
[subscriptionfeed.git] / app / youtube / templates / index.html.j2
1 <!DOCTYPE html>
2 <title>Subscriptions</title>
3 <link rel="shortcut icon" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" fill="%23fff"><circle r="150" cx="150" cy="150" fill="%23f00"/><path d="m120 97v106l93-53"/></svg>'>
4 <link rel="stylesheet" href="/static/style.css">
5
6 {% import 'macros.imp.j2' as macros with context %}
7
8 {{ macros.headerbar() }}
9
10 {% include 'messages.inc.j2' %}
11
12 <article>
13 <h1>Subscriptions <!-- for {{ current_user.name }} --></h1>
14 <div class="cards">
15 {% for row in rows %}
16 {% call macros.card(row.video_id, row.title, row.published|format_date, row.pinned, row.video_id) %}
17 {{ macros.infobar_subscriptions(row.video_id, row.channel_id, row.author) }}
18 {% endcall %}
19 {% if row.pinned and not rows[loop.index].pinned %}
20 <hr>
21 {% endif %}
22 {% endfor %}
23 </div>
24 </article>
25
26 {% if not rows|length %}no more results{% endif %}
27
28 {% if page > 0 %}
29 <a href="?page={{ page-1 }}">newer</a> |
30 {% endif %}
31 {% if rows|length %}
32 <a href="?page={{ page+1 }}">older</a>
33 {% endif %}
34
35 <hr><a href="/manage/subscriptions">Manage Subscriptions</a>
36 | <a href="/feed/subreddits">Reddit Feed</a>
Imprint / Impressum