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 == '/' %}
2023-04-25 14:34:09 +00:00
{% if IS_DKD() %}
< title > Kongrama< / title >
{% else %}
< title > {{SITE_NAME}}{% if TAGLINES %}: {{TAGLINES|random()}}{% endif %}< / title >
{% endif %}
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 %}
2023-02-10 05:54:15 +00:00
{%- set search_placeholder = "Search" -%}
{%- if sub -%}
{%- set search_placeholder = "Search (try '" ~ HOLE_NAME ~ ":" ~ sub.name ~ "')" -%}
{%- endif -%}
2022-05-04 23:09:46 +00:00
< div class = "row" style = "overflow: visible;padding-top:5px;" >
< div class = "col" >
2023-02-06 05:10:42 +00:00
< form id = "searchform" class = "form-inline d-md-none search flex-nowrap mt-2" action = "/search/posts" method = "get" >
< input autocomplete = "off" class = "form-control form-control-sm w-100" type = "search" placeholder = "{{search_placeholder}}" name = "q" >
< span class = "input-group-append" >
< span class = "input-group-text border-0 bg-transparent" style = "margin-left: -2.5rem" data-nonce = "{{g.nonce}}" onclick_submit >
< i class = "fa fa-search" > < / i >
< / span >
< / span >
< / form >
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 %}
2023-02-27 17:29:43 +00:00
< div class = "d-flex justify-content-between align-items-center pt-3 pb-2 sorting fl-r" >
2022-09-16 20:18:24 +00:00
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" %}
2023-04-27 14:30:35 +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" %}
2023-04-27 14:30:35 +00:00
< 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-30 11:40:52 +00:00
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" >
2023-04-27 14:30:35 +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 >
2022-05-04 23:09:46 +00:00
{% 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;" >
2023-04-27 14:30:35 +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" >
2023-04-27 14:30:35 +00:00
{% if sort=="hot" %}< i class = "fas fa-fire mr-1" > < / i > {% endif %}
{% if sort=="views" %}< i class = "fas fa-eye mr-1" > < / i > {% endif %}
{% if sort=="bump" %}< i class = "fas fa-arrow-up mr-1" > < / i > {% endif %}
{% if sort=="top" %}< i class = "fas fa-arrow-alt-circle-up mr-1" > < / i > {% endif %}
{% if sort=="bottom" %}< i class = "fas fa-arrow-alt-circle-down mr-1" > < / i > {% endif %}
{% if sort=="new" %}< i class = "fas fa-sparkles mr-1" > < / i > {% endif %}
{% if sort=="old" %}< i class = "fas fa-book mr-1" > < / i > {% endif %}
{% if sort=="controversial" %}< i class = "fas fa-bullhorn mr-1" > < / i > {% endif %}
{% if sort=="comments" %}< i class = "fas fa-comments mr-1" > < / i > {% endif %}
2023-04-29 15:45:05 +00:00
{% if sort=="subscriptions" %}< i class = "fas fa-bell mr-1" > < / i > {% endif %}
{% if sort=="saves" %}< i class = "fas fa-save mr-1" > < / i > {% endif %}
2022-05-04 23:09:46 +00:00
{{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;" >
2023-04-27 14:30:35 +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 != "views" %}< a class = "dropdown-item" href = "?sort=views&t={{t}}" > < i class = "fas fa-eye mr-2" > < / i > Views< / 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 %}
2023-04-29 15:45:05 +00:00
{% if sort != "subscriptions" %}< a class = "dropdown-item" href = "?sort=subscriptions&t={{t}}" > < i class = "fas fa-bell mr-2" > < / i > Subscriptions< / a > {% endif %}
{% if sort != "saves" %}< a class = "dropdown-item" href = "?sort=saves&t={{t}}" > < i class = "fas fa-save mr-2" > < / i > Saves< / 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 >
2023-05-02 13:08:17 +00:00
< ul class = "pagination pagination-sm mb-0 mt-4 pl-1" >
2023-05-01 19:50:32 +00:00
{% set num_pages = (next_exists / size) | round(0, 'ceil') | int %}
{% set start_point = page - 2 %}
{% if start_point < 1 % }
{% set start_point = 1 %}
2022-05-04 23:09:46 +00:00
{% endif %}
2023-05-01 19:50:32 +00:00
{% set end_point = start_point+4 %}
{% if end_point > num_pages %}
{% set start_point = start_point-(end_point-num_pages) %}
{% set end_point = num_pages %}
{% endif %}
2023-05-02 17:55:03 +00:00
{% if start_point < 1 % }
{% set start_point = 1 %}
{% endif %}
2023-05-01 19:50:32 +00:00
{% if start_point > 1 %}
< li class = "page-item" >
< small > < a class = "page-link" href = "?sort={{sort}}&page=1&t={{t}}" > 1< / a > < / small >
< / li >
2023-05-01 22:23:20 +00:00
{% if start_point == 3 %}
< li class = "page-item" >
< small > < a class = "page-link" href = "?sort={{sort}}&page=2&t={{t}}" > 2< / a > < / small >
< / li >
{% elif start_point != 2 %}
2023-05-01 19:50:32 +00:00
< li class = "page-item" >
< small > < a class = "page-link dots" > ...< / a > < / small >
< / li >
{% endif %}
{% endif %}
{% for x in range(start_point, end_point+1) %}
< li class = "page-item" >
< small > < a class = "page-link {% if x == page %}active{% endif %}" href = "?sort={{sort}}&page={{x}}&t={{t}}" > {{x}}< / a > < / small >
< / li >
{% endfor %}
{% if end_point < num_pages % }
2023-05-01 22:23:20 +00:00
{% if end_point == num_pages-2 %}
< li class = "page-item" >
< small > < a class = "page-link" href = "?sort={{sort}}&page={{num_pages-1}}&t={{t}}" > {{num_pages-1}}< / a > < / small >
< / li >
{% elif end_point != num_pages-1 %}
2023-05-01 19:50:32 +00:00
< li class = "page-item" >
< small > < a class = "page-link dots" > ...< / a > < / small >
< / li >
{% endif %}
2023-05-01 22:23:20 +00:00
2023-05-01 19:50:32 +00:00
< li class = "page-item" >
< small > < a class = "page-link" href = "?sort={{sort}}&page={{num_pages}}&t={{t}}" > {{num_pages}}< / a > < / small >
< / li >
2022-05-04 23:09:46 +00:00
{% 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 %}