2020-11-23 13:29:05 +13:00
{% extends "base.html" %}
2021-01-01 12:54:13 +13:00
{% import "utils.html" as utils %}
2020-12-21 14:45:26 +13:00
2021-01-01 13:45:10 +13:00
{% block title %}
2021-01-01 17:21:56 +13:00
{% if sub.title != "" %}{{ sub.title }}
{% else if sub.name != "" %}{{ sub.name }}
2021-01-01 13:45:10 +13:00
{% else %}Libreddit{% endif %}
{% endblock %}
2021-01-01 12:54:13 +13:00
{% block search %}
{% call utils::search(["/r/", sub.name.as_str()].concat(), "") %}
{% endblock %}
2020-12-21 14:45:26 +13:00
2020-11-23 13:29:05 +13:00
{% block body %}
2021-01-01 12:54:13 +13:00
< main >
2020-12-24 19:16:04 +13:00
< div id = "column_one" >
2021-01-01 12:54:13 +13:00
< form id = "sort" >
< div id = "sort_options" >
{% if sub.name.is_empty() %}
2021-01-04 18:00:36 +13:00
{% call utils::sort("", ["hot", "new", "top", "rising", "controversial"], sort.0) %}
2021-01-01 12:54:13 +13:00
{% else %}
2021-01-04 18:00:36 +13:00
{% call utils::sort(["/r/", sub.name.as_str()].concat(), ["hot", "new", "top", "rising", "controversial"], sort.0) %}
2021-01-01 12:54:13 +13:00
{% endif %}
< / div >
2021-01-04 18:05:21 +13:00
{% if sort.0 == "top" || sort.0 == "controversial" %}< select id = "timeframe" name = "t" >
2021-01-01 12:54:13 +13:00
{% call utils::options(sort.1, ["hour", "day", "week", "month", "year", "all"], "day") %}
< input id = "sort_submit" type = "submit" value = "→" >
< / select > {% endif %}
2020-12-24 19:16:04 +13:00
< / form >
2021-01-09 14:35:04 +13:00
< div id = "posts" >
2020-12-24 19:16:04 +13:00
{% for post in posts %}
2021-01-09 14:35:04 +13:00
{% if !(post.flags.nsfw & & prefs.hide_nsfw == "on") %}
2021-01-16 23:00:15 +13:00
< hr class = "sep" / >
2021-01-12 14:38:35 +13:00
< div class = "post {% if post.flags.stickied %}stickied{% endif %} {% if prefs.layout == " card " & & post . post_type = = " image " % } card_post { % endif % } " >
2020-12-24 19:16:04 +13:00
< div class = "post_left" >
2020-12-29 15:42:46 +13:00
< p class = "post_score" > {{ post.score }}< / p >
2020-12-30 16:01:02 +13:00
{% if post.flags.nsfw %}< div class = "nsfw" > NSFW< / div > {% endif %}
2020-12-24 19:16:04 +13:00
< / div >
< div class = "post_right" >
2021-01-05 16:26:41 +13:00
< div class = "post_text" >
< p class = "post_header" >
< a class = "post_subreddit" href = "/r/{{ post.community }}" > r/{{ post.community }}< / a >
< span class = "dot" > • < / span >
< a class = "post_author" href = "/u/{{ post.author }}" > u/{{ post.author }}< / a >
2021-01-05 18:17:19 +13:00
< span class = "dot" > • < / span >
2021-01-17 08:40:32 +13:00
< span class = "created" title = "{{ post.created }}" > {{ post.rel_time }}< / span >
2021-01-05 16:26:41 +13:00
< / p >
< p class = "post_title" >
2021-01-13 11:34:16 +13:00
{% if post.flair.flair_parts.len() > 0 %}
< small class = "post_flair" style = "color:{{ post.flair.foreground_color }}; background:{{ post.flair.background_color }}" > {% call utils::render_flair(post.flair.flair_parts) %}< / small >
{% endif %}
2021-01-05 16:26:41 +13:00
< a href = "{{ post.permalink }}" > {{ post.title }}< / a >
< / p >
< / div >
2021-01-06 15:04:49 +13:00
<!-- POST MEDIA/THUMBNAIL -->
2021-01-09 14:35:04 +13:00
{% if prefs.layout == "card" & & post.post_type == "image" %}
2021-01-06 15:04:49 +13:00
< img class = "post_media" src = "{{ post.media }}" / >
2021-01-12 11:08:12 +13:00
{% else if post.post_type != "self" %}
2021-01-15 09:45:43 +13:00
< a class = "post_thumbnail {% if post.thumbnail == " " % } no_thumbnail { % endif % } " href = "{% if post.post_type == " link " % } { { post . media } } { % else % } { { post . permalink } } { % endif % } " >
{% if post.thumbnail == "" %}
< svg viewBox = "0 0 100 106" width = "50" height = "53" xmlns = "http://www.w3.org/2000/svg" >
< path d = "M35,15h-15a10,10 0,0,0 0,20h25a10,10 0,0,0 10,-10m-12.5,0a10, 10 0,0,1 10, -10h25a10,10 0,0,1 0,20h-15" fill = "none" stroke-width = "5" stroke-linecap = "round" / >
< / svg >
{% else %}
< img src = "{{ post.thumbnail }}" >
{% endif %}
< span > {% if post.post_type == "link" %}{{ post.domain }}{% else %}{{ post.post_type }}{% endif %}< / span >
< / a >
2021-01-06 15:04:49 +13:00
{% endif %}
2020-12-24 19:16:04 +13:00
< / div >
2021-01-04 16:44:44 +13:00
< / div >
2021-01-09 14:35:04 +13:00
{% endif %}
2020-12-24 19:16:04 +13:00
{% endfor %}
2021-01-09 14:35:04 +13:00
< / div >
2020-12-24 19:16:04 +13:00
< footer >
{% if ends.0 != "" %}
2021-01-16 08:21:59 +13:00
< a href = "?sort={{ sort.0 }}&t={{ sort.1 }}&before={{ ends.0 }}" > PREV< / a >
2020-12-24 19:16:04 +13:00
{% endif %}
{% if ends.1 != "" %}
2021-01-16 08:21:59 +13:00
< a href = "?sort={{ sort.0 }}&t={{ sort.1 }}&after={{ ends.1 }}" > NEXT< / a >
2020-12-24 19:16:04 +13:00
{% endif %}
< / footer >
< / div >
2021-01-12 07:39:36 +13:00
{% if sub.name != "" & & !sub.name.contains("+") %}
2020-12-24 19:16:04 +13:00
< aside >
2021-01-04 16:44:44 +13:00
< div class = "panel" id = "subreddit" >
2021-01-02 19:21:43 +13:00
{% if sub.wiki %}
< div id = "top" >
< div > Posts< / div >
< a href = "/r/{{ sub.name }}/wiki/index" > Wiki< / a >
< / div >
{% endif %}
< div id = "sub_meta" >
< img id = "sub_icon" src = "{{ sub.icon }}" >
< p id = "sub_title" > {{ sub.title }}< / p >
< p id = "sub_name" > r/{{ sub.name }}< / p >
< p id = "sub_description" > {{ sub.description }}< / p >
< div id = "sub_details" >
< label > Members< / label >
< label > Active< / label >
< div > {{ sub.members }}< / div >
< div > {{ sub.active }}< / div >
< / div >
2020-12-24 19:16:04 +13:00
< / div >
2020-11-23 13:29:05 +13:00
< / div >
2021-01-04 16:44:44 +13:00
< details class = "panel" id = "sidebar" >
2020-12-29 15:42:46 +13:00
< summary id = "sidebar_label" > Sidebar< / summary >
< div id = "sidebar_contents" > {{ sub.info }}< / div >
< / details >
2020-12-24 19:16:04 +13:00
< / aside >
{% endif %}
2020-11-23 13:29:05 +13:00
< / main >
2021-01-12 11:08:12 +13:00
{% endblock %}