2022-05-04 23:09:46 +00:00
{% extends "default.html" %}
2022-08-05 23:16:44 +00:00
{% block title %}
{% if sub %}
2022-11-21 22:52:38 +00:00
< title > /h/{{sub.name}}< / title >
2022-11-21 08:52:22 +00:00
{% elif request.path == '/' %}
2022-12-24 23:12:05 +00:00
< title > {{SITE_NAME}}{% if TAGLINES %}: {{TAGLINES|random()}}{% endif %}< / title >
2022-08-05 23:16:44 +00:00
{% else %}
{{super()}}
{% endif %}
{% endblock %}
2022-11-21 22:52:38 +00:00
{% block pagetitle %}{{SITE_NAME if not sub else '/h/' ~ sub.name}}{% endblock %}
2022-08-05 22:28:22 +00:00
2022-11-21 08:52:22 +00:00
{% block head_final %}
{% set preview = sub.siderbarurl if sub and sub.sidebarurl else sub.bannerurl %}
2022-11-21 20:02:42 +00:00
{% if sub %}
2022-11-21 08:52:22 +00:00
< meta property = "og:type" content = "article" >
< meta property = "og:title" content = "/h/{{sub}}" >
< meta property = "og:site_name" content = "{{SITE}}" >
< meta property = "og:image" content = "{{preview}}" >
< meta property = "og:url" content = "{{request.full_path}}" >
< meta property = "og:author" name = "author" content = "{{SITE_FULL}}" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:site" content = "{{SITE_FULL}}" >
2022-11-21 22:52:38 +00:00
< meta name = "twitter:title" content = "/h/{{sub.name}}" >
2022-11-21 08:52:22 +00:00
< meta name = "twitter:creator" content = "{{SITE_FULL}}" >
< meta name = "twitter:image" content = "{{preview}}" >
< meta name = "twitter:url" content = "{{request.full_path}}" >
2022-11-21 20:02:42 +00:00
{% endif %}
2022-11-21 08:52:22 +00:00
{% if sub.sidebar %}
< meta property = "og:description" name = "description" content = "{{sub.sidebar}}" >
< meta name = "twitter:description" content = "{{sub.sidebar}}" >
{% endif %}
{% endblock %}
2022-05-04 23:09:46 +00:00
{% block desktopBanner %}
< div class = "row" style = "overflow: visible;padding-top:5px;" >
< div class = "col" >
2023-01-20 21:49:29 +00:00
< a class = "btn btn-primary btn-block mt-3" href = "/submit" > < i class = "fas fa-feather-alt mr-2" > < / i > Create Post< / a >
2022-09-16 20:18:24 +00:00
2022-08-24 21:11:54 +00:00
{% if sub %}
{% if v %}
{% if sub.stealth %}
2023-01-23 07:51:00 +00:00
< button type = "button" id = "subscribe-sub" class = "btn btn-primary btn-block {% if v.subscribes(sub.name) %}d-none{% endif %}" data-nonce = "{{g.nonce}}" data-onclick = "postToastSwitch(this,'/h/{{sub.name}}/subscribe','subscribe-sub','unsubscribe-sub','d-none')" > < i class = "fas fa-eye mr-2" > < / i > Unblock /h/{{sub.name}}< / button >
< button type = "button" id = "unsubscribe-sub" class = "btn btn-primary btn-block {% if not v.subscribes(sub.name) %}d-none{% endif %}" data-nonce = "{{g.nonce}}" data-onclick = "postToastSwitch(this,'/h/{{sub.name}}/unsubscribe','subscribe-sub','unsubscribe-sub','d-none')" > < i class = "fas fa-eye-slash mr-2" > < / i > Block /h/{{sub.name}}< / button >
2022-05-04 23:09:46 +00:00
{% else %}
2023-01-23 07:51:00 +00:00
< button type = "button" id = "block-sub" class = "btn btn-primary btn-block mt-3 {% if v.blocks(sub.name) %}d-none{% endif %}" data-nonce = "{{g.nonce}}" data-onclick = "postToastSwitch(this,'/h/{{sub.name}}/block','block-sub','unblock-sub','d-none')" > < i class = "fas fa-eye-slash mr-2" > < / i > Block /h/{{sub.name}}< / button >
< button type = "button" id = "unblock-sub" class = "btn btn-primary btn-block mt-3 {% if not v.blocks(sub.name) %}d-none{% endif %}" data-nonce = "{{g.nonce}}" data-onclick = "postToastSwitch(this,'/h/{{sub.name}}/unblock','block-sub','unblock-sub','d-none')" > < i class = "fas fa-eye mr-2" > < / i > Unblock /h/{{sub.name}}< / button >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-08-24 21:11:54 +00:00
2023-01-23 07:51:00 +00:00
< button type = "button" id = "follow-sub" class = "btn btn-primary btn-follow {% if v.follows(sub.name) %}d-none{% endif %}" data-nonce = "{{g.nonce}}" data-onclick = "postToastSwitch(this,'/h/{{sub.name}}/follow','follow-sub','unfollow-sub','d-none')" > < i class = "fas fa-bell mr-2" > < / i > Follow /h/{{sub.name}}< / button >
< button type = "button" id = "unfollow-sub" class = "btn btn-primary btn-follow {% if not v.follows(sub.name) %}d-none{% endif %}" data-nonce = "{{g.nonce}}" data-onclick = "postToastSwitch(this,'/h/{{sub.name}}/unfollow','follow-sub','unfollow-sub','d-none')" > < i class = "fas fa-bell-slash mr-2" > < / i > Unfollow /h/{{sub.name}}< / button >
2022-08-24 21:11:54 +00:00
{% else %}
2023-01-23 07:51:00 +00:00
< a class = "btn btn-primary btn-block" href = "/login?redirect={{request.full_path | urlencode}}" > < i class = "fas fa-eye-slash mr-2" > < / i > Block /h/{{sub.name}}< / a >
< a class = "btn btn-primary btn-block" href = "/login?redirect={{request.full_path | urlencode}}" > < i class = "fas fa-bell mr-2" > < / i > Follow /h/{{sub.name}}< / a >
2022-08-24 21:11:54 +00:00
{% endif %}
2022-05-04 23:09:46 +00:00
{% endif %}
2022-09-16 20:18:24 +00:00
< div class = "d-flex justify-content-between align-items-center pt-3 pb-2 sorting" style = "float:right" >
2022-05-04 23:09:46 +00:00
{% block navbar %}
< div class = "d-flex align-items-center" >
2022-11-07 00:44:31 +00:00
{% if SITE_NAME != 'WPD' and not sub %}
2022-12-29 14:20:27 +00:00
< link rel = "stylesheet" href = "{{('css/smolfp.css') | asset}}" >
{% set hcolor = "primary" if holes else "secondary" %}
2022-11-07 02:01:13 +00:00
< a class = "btn btn-{{hcolor}} text-{{hcolor}} mx-2 smol-fp" href = "/toggle_holes" > < i class = "fas fas fa-manhole mr-2 " > < / i > Holes< / a >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-11-30 11:40:52 +00:00
{% set pcolor = "primary" if pins else "secondary" %}
< a class = "btn btn-{{pcolor}} text-{{pcolor}} mx-2 smol-fp" href = "/toggle_pins/{{sort}}" > < i class = "fas fas fa-thumbtack fa-rotate--45 mr-2 " > < / i > Pins< / a >
2022-11-07 02:01:13 +00:00
< div class = "dropdown dropdown-actions mx-2" >
2022-12-25 02:10:56 +00:00
< button type = "button" class = "btn btn-secondary dropdown-toggle smol-fp" id = "dropdownMenuButton" data-bs-toggle = "dropdown" >
2022-05-04 23:09:46 +00:00
{% if t=="hour" %}< i class = "fas fa-clock mr-2 " > < / i >
{% elif t=="day" %}< i class = "fas fa-calendar-day mr-2 " > < / i >
{% elif t=="week" %}< i class = "fas fa-calendar-week mr-2 " > < / i >
{% elif t=="month" %}< i class = "fas fa-calendar-alt mr-2 " > < / i >
{% elif t=="year" %}< i class = "fas fa-calendar mr-2 " > < / i >
{% elif t=="all" %}< i class = "fas fa-infinity mr-2 " > < / i >
{% endif %}
{{t | capitalize}}
< / button >
2022-12-25 02:10:56 +00:00
< div class = "dropdown-menu smol-fp" x-placement = "bottom-start" style = "position: absolute; will-change: transform; top: 0px; left: 0px;" >
2022-11-07 00:44:31 +00:00
{% if t != "hour" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=hour" > < i class = "fas fa-clock mr-2 " > < / i > Hour< / a > {% endif %}
{% if t != "day" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=day" > < i class = "fas fa-calendar-day mr-2 " > < / i > Day< / a > {% endif %}
{% if t != "week" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=week" > < i class = "fas fa-calendar-week mr-2 " > < / i > Week< / a > {% endif %}
{% if t != "month" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=month" > < i class = "fas fa-calendar-alt mr-2 " > < / i > Month< / a > {% endif %}
{% if t != "year" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=year" > < i class = "fas fa-calendar mr-2 " > < / i > Year< / a > {% endif %}
{% if t != "all" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=all" > < i class = "fas fa-infinity mr-2 " > < / i > All< / a > {% endif %}
2022-05-04 23:09:46 +00:00
< / div >
< / div >
2022-11-07 02:01:13 +00:00
< div class = "dropdown dropdown-actions ml-2" >
2022-12-25 02:10:56 +00:00
< button type = "button" class = "btn btn-secondary dropdown-toggle smol-fp" id = "dropdownMenuButton2" data-bs-toggle = "dropdown" >
2022-05-04 23:09:46 +00:00
{% if sort=="hot" %}< i class = "fas fa-fire mr-2 " > < / i > {% endif %}
{% if sort=="bump" %}< i class = "fas fa-arrow-up mr-2 " > < / i > {% endif %}
{% if sort=="top" %}< i class = "fas fa-arrow-alt-circle-up mr-2 " > < / i > {% endif %}
{% if sort=="bottom" %}< i class = "fas fa-arrow-alt-circle-down mr-2 " > < / i > {% endif %}
{% if sort=="new" %}< i class = "fas fa-sparkles mr-2 " > < / i > {% endif %}
{% if sort=="old" %}< i class = "fas fa-book mr-2 " > < / i > {% endif %}
{% if sort=="controversial" %}< i class = "fas fa-bullhorn mr-2 " > < / i > {% endif %}
{% if sort=="comments" %}< i class = "fas fa-comments mr-2 " > < / i > {% endif %}
{{sort | capitalize}}
< / button >
2022-12-25 02:10:56 +00:00
< div class = "dropdown-menu smol-fp" x-placement = "bottom-start" style = "position: absolute; will-change: transform; top: 0px; left: 0px;" >
2022-11-07 00:44:31 +00:00
{% if sort != "hot" %}< a class = "dropdown-item" href = "?sort=hot&t={{t}}" > < i class = "fas fa-fire mr-2 " > < / i > Hot< / a > {% endif %}
{% if sort != "bump" %}< a class = "dropdown-item" href = "?sort=bump&t={{t}}" > < i class = "fas fa-arrow-up mr-2 " > < / i > Bump< / a > {% endif %}
{% if sort != "top" %}< a class = "dropdown-item" href = "?sort=top&t={{t}}" > < i class = "fas fa-arrow-alt-circle-up mr-2 " > < / i > Top< / a > {% endif %}
{% if sort != "bottom" %}< a class = "dropdown-item" href = "?sort=bottom&t={{t}}" > < i class = "fas fa-arrow-alt-circle-down mr-2 " > < / i > Bottom< / a > {% endif %}
{% if sort != "new" %}< a class = "dropdown-item" href = "?sort=new&t={{t}}" > < i class = "fas fa-sparkles mr-2 " > < / i > New< / a > {% endif %}
{% if sort != "old" %}< a class = "dropdown-item" href = "?sort=old&t={{t}}" > < i class = "fas fa-book mr-2 " > < / i > Old< / a > {% endif %}
{% if sort != "controversial" %}< a class = "dropdown-item" href = "?sort=controversial&t={{t}}" > < i class = "fas fa-bullhorn mr-2 " > < / i > Controversial< / a > {% endif %}
{% if sort != "comments" %}< a class = "dropdown-item" href = "?sort=comments&t={{t}}" > < i class = "fas fa-comments mr-2 " > < / i > Comments< / a > {% endif %}
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / div >
{% endblock %}
< / div >
< / div >
< / div >
{% endblock %}
2022-11-21 08:52:22 +00:00
{% block PseudoSubmitForm %}{% endblock %}
2022-05-04 23:09:46 +00:00
{% block content %}
< div class = "row no-gutters {% if listing %}mt-md-3{% elif not listing %}my-md-3{% endif %}" >
2022-11-08 00:59:28 +00:00
< div class = "col-12" >
2022-05-04 23:09:46 +00:00
< div class = "posts" id = "posts" >
{% include "submission_listing.html" %}
< / div >
< / div >
< / div >
{% endblock %}
{% block pagenav %}
{% if listing %}
2022-12-25 02:10:56 +00:00
< nav >
2022-05-04 23:09:46 +00:00
< ul class = "pagination pagination-sm mb-0" >
{% if page>1 %}
< li class = "page-item" >
2022-11-07 00:44:31 +00:00
< small > < a class = "page-link" href = "?sort={{sort}}&page={{page-1}}&t={{t}}" tabindex = "-1" > Prev< / a > < / small >
2022-05-04 23:09:46 +00:00
< / li >
{% else %}
< li class = "page-item disabled" > < span class = "page-link" > Prev< / span > < / li >
{% endif %}
{% if next_exists %}
< li class = "page-item" >
2022-11-07 00:44:31 +00:00
< small > < a class = "page-link" href = "?sort={{sort}}&page={{page+1}}&t={{t}}" > Next< / a > < / small >
2022-05-04 23:09:46 +00:00
< / li >
{% else %}
< li class = "page-item disabled" > < span class = "page-link" > Next< / span > < / li >
{% endif %}
< / ul >
< / nav >
{% endif %}
2022-12-02 22:21:18 +00:00
{% if request.path == '/' and v %}
2022-12-29 14:20:27 +00:00
< script defer src = "{{'js/register_service_worker.js' | asset}}" > < / script >
< input hidden id = "VAPID_PUBLIC_KEY" value = "{{VAPID_PUBLIC_KEY}}" >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-12-04 19:02:22 +00:00
{% if request.path == '/' and g.browser != 'webview' and time.time() > session.get('tooltip_last_dismissed',0)+86400*30 %}
2022-05-04 23:09:46 +00:00
< div id = "mobile-prompt-container" class = "fixed-top" >
2022-11-21 18:52:08 +00:00
< div id = "mobile-prompt" data-bs-toggle = "tooltip" data-bs-container = "#mobile-prompt-container" data-bs-placement = "top" data-bs-trigger = "click" data-bs-html = "true" title = "<i class='dismiss-beg fas fa-x'></i>Click me to install the {{SITE_NAME}} mobile app!" > < / div >
2022-05-04 23:09:46 +00:00
< / div >
2022-12-29 14:20:27 +00:00
< script defer src = "{{'js/mobile_prompt.js' | asset}}" > < / script >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-12-29 14:20:27 +00:00
{% if FP and request.path == '/' and v and not v.fp %}
< input hidden id = "fp_token" value = "{{FP}}" >
< script defer src = "{{'js/fp.js' | asset}}" > < / script >
2022-07-09 08:35:47 +00:00
{% endif %}
2022-05-29 02:11:04 +00:00
{% endblock %}