app/templates/reddit.html.j2

   1 <!DOCTYPE html>
   2 <title>{{ subreddit | e }}</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 <style>
   6 .bad { opacity: 50% }
   7 .bad img { filter: grayscale(100%) }
   8 </style>
   9
  10 {% import 'macros.imp.j2' as macros %}
  11
  12 <b style=font-size:large>{{ subreddit | e }}</b><hr>
  13
  14 <center><div id=main>
  15 {% for row in rows %}{#
  16         #}{{ '<span class=bad>' if 1 >= row.n_karma }}{% call macros.card(row.video_id, row.title) %}
  17                 <a href="https://old.reddit.com{{ row.url }}">{{ row.n_comments }} comment{{ 's' if row.n_comments != 1 }}</a>
  18                 <span class="advanced">{{ row.n_karma }} karma</span>
  19         {% endcall %}{{ '</span>' if 1>=row.n_karma }}{#
  20         #}{% if row.pinned and not rows[loop.index].pinned %}
  21         <hr>
  22         {% endif %}{#
  23 #}{% endfor %}
  24 </div></center>
  25
  26
  27 {% if before %}
  28 <a href="?count={{ count-25 }}&before={{ before }}">prev</a> |
  29 {% endif %}
  30 <a href="?count={{ count+25 }}&after={{ after }}">next</a>
  31
  32
  33 <hr><a href="/r/videos">/r/videos</a> | <a href="/r/mealtimevideos">/r/mealtimevideos</a> | <a href="/r/Documentaries">/r/documentaries</a> | <a href="/r/curiousvideos">/r/curiousvideos</a>