2021-10-15 14:08:27 +00:00
{% extends "default.html" %}
2021-12-14 22:48:37 +00:00
{% block desktopBanner %}
{% if v %}
{% if not v.fp %}
< script >
function fp(fp) {
var xhr = new XMLHttpRequest();
xhr.open("POST", '{{request.host_url}}fp/'+fp, true);
var form = new FormData()
form.append("formkey", formkey());
xhr.withCredentials=true;
xhr.send(form);
};
const fpPromise = new Promise((resolve, reject) => {
const script = document.createElement('script');
script.onload = resolve;
script.onerror = reject;
script.async = true;
2021-12-18 19:54:54 +00:00
script.src = '/assets/js/fp.js?v=4';
2021-12-14 22:48:37 +00:00
document.head.appendChild(script);
})
.then(() => FingerprintJS.load({token: '{{environ.get("FP")}}'}));
fpPromise
.then(fp => fp.get())
.then(result => {if (result.visitorId != '{{v.fp}}') fp(result.visitorId);})
< / script >
{% endif %}
{% endif %}
< div class = "row" style = "overflow: visible;padding-top:5px;" >
< div class = "col" >
< div class = "d-flex justify-content-between align-items-center mr-2" >
{% block navbar %}
< div class = "font-weight-bold py-3" > < / div >
< div class = "d-flex align-items-center sortingbarmargin" >
< div class = "text-small font-weight-bold mr-2" > < / div >
< div class = "dropdown dropdown-actions" >
< button class = "btn btn-secondary dropdown-toggle" type = "button" id = "dropdownMenuButton" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
2021-12-15 19:30:26 +00:00
{% if t=="hour" %}< i class = "fas fa-clock mr-1" > < / i >
{% elif t=="day" %}< i class = "fas fa-calendar-day mr-1" > < / i >
{% elif t=="week" %}< i class = "fas fa-calendar-week mr-1" > < / i >
{% elif t=="month" %}< i class = "fas fa-calendar-alt mr-1" > < / i >
{% elif t=="year" %}< i class = "fas fa-calendar mr-1" > < / i >
{% elif t=="all" %}< i class = "fas fa-infinity mr-1" > < / i >
{% endif %}
2021-12-14 22:48:37 +00:00
{{t | capitalize}}
< / button >
< div class = "dropdown-menu" aria-labelledby = "dropdownMenuButton" x-placement = "bottom-start" style = "position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px);" >
{% if not t=="hour" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=hour" > < i class = "fas fa-clock mr-2" > < / i > Hour< / a > {% endif %}
{% if not t=="day" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=day" > < i class = "fas fa-calendar-day mr-2" > < / i > Day< / a > {% endif %}
{% if not t=="week" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=week" > < i class = "fas fa-calendar-week mr-2" > < / i > Week< / a > {% endif %}
{% if not t=="month" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=month" > < i class = "fas fa-calendar-alt mr-2" > < / i > Month< / a > {% endif %}
{% if not t=="year" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=year" > < i class = "fas fa-calendar mr-2" > < / i > Year< / a > {% endif %}
{% if not t=="all" %}< a class = "dropdown-item" href = "?sort={{sort}}&t=all" > < i class = "fas fa-infinity mr-2" > < / i > All< / a > {% endif %}
< / div >
< / div >
< div class = "text-small font-weight-bold ml-3 mr-2" > < / div >
< div class = "dropdown dropdown-actions" >
< button class = "btn btn-secondary dropdown-toggle" type = "button" id = "dropdownMenuButton2" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
{% if sort=="hot" %}< i class = "fas fa-fire 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 %}
{{sort | capitalize}}
< / button >
< div class = "dropdown-menu" aria-labelledby = "dropdownMenuButton2" x-placement = "bottom-start" style = "position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px);" >
{% 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 != "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 %}
< / div >
< / div >
2021-10-15 14:08:27 +00:00
< / div >
2021-12-14 22:48:37 +00:00
{% endblock %}
2021-10-15 14:08:27 +00:00
< / div >
< / div >
2021-12-14 22:48:37 +00:00
< / div >
2021-10-15 14:08:27 +00:00
2021-12-06 07:02:52 +00:00
{% endblock %}
2021-12-14 22:48:37 +00:00
{% block PseudoSubmitForm %}
2021-10-15 14:08:27 +00:00
2021-12-14 22:48:37 +00:00
< div class = "row no-gutters d-none d-lg-flex mt-3 {% if not v %}mb-3{% endif %}" >
2021-10-15 14:08:27 +00:00
2021-12-14 22:48:37 +00:00
< div class = "col" >
< div class = "card pseudo-submit-form border" >
< div class = "card-header bg-gray-100" >
< div class = "mb-0" > Create post< / div >
< ul class = "list-inline no-bullets mb-0 d-none" >
< li class = "list-inline-item active mr-4" > < i class = "fas fa-align-left text-gray-400" > < / i > < / li >
< li class = "list-inline-item" > < i class = "fas fa-link text-gray-400" > < / i > < / li >
< / ul >
< / div >
< div class = "card-body" >
{% if v %}
< a href = "/submit" >
< input type = "text" class = "form-control"
placeholder="Post..." aria-label="Username"
aria-describedby="basic-addon1">
< / a >
{% else %}
< a href = "/signup" >
< input type = "text" class = "form-control"
placeholder="Post..." aria-label="Username"
aria-describedby="basic-addon1">
< / a >
{% endif %}
< / div >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-25 04:00:29 +00:00
< / div >
2021-11-24 16:48:06 +00:00
{% endblock %}
2021-10-15 14:08:27 +00:00
2021-12-14 22:48:37 +00:00
{% block content %}
2021-10-15 14:08:27 +00:00
2021-12-14 22:48:37 +00:00
< div class = "row no-gutters {% if listing %}mt-md-3{% elif not listing %}my-md-3{% endif %}" >
< div class = "col-12" >
< div class = "posts" id = "posts" >
{% include "submission_listing.html" %}
< / div >
< / div >
< / div >
2021-11-24 20:35:20 +00:00
2021-11-24 16:48:06 +00:00
{% endblock %}
2021-12-14 22:48:37 +00:00
{% block pagenav %}
{% if listing %}
< nav aria-label = "Page navigation" >
< ul class = "pagination pagination-sm mb-0" >
{% if page>1 %}
< li class = "page-item" >
< small > < a class = "page-link" href = "?sort={{sort}}&page={{page-1}}&t={{t}}{% if only %}&only={{only}}{% endif %}" tabindex = "-1" > Prev< / a > < / small >
< / li >
{% else %}
< li class = "page-item disabled" > < span class = "page-link" > Prev< / span > < / li >
{% endif %}
{% if next_exists %}
< li class = "page-item" >
< small > < a class = "page-link" href = "?sort={{sort}}&page={{page+1}}&t={{t}}{% if only %}&only={{only}}{% endif %}" > Next< / a > < / small >
< / li >
{% else %}
< li class = "page-item disabled" > < span class = "page-link" > Next< / span > < / li >
{% endif %}
< / ul >
< / nav >
{% endif %}
{% if request.path == '/' and g.system and g.timestamp > session.get('tooltip_last_dismissed',0)+60*60*24 and (not g.system.endswith('/chrome') and not g.system.endswith('/other')) and not g.system.endswith('/webview') %}
< div id = "mobile-prompt-container" class = "fixed-bottom" >
< div id = "mobile-prompt" href = "javascript:void(0)" data-bs-toggle = "tooltip" data-bs-container = "#mobile-prompt-container" data-bs-placement = "top" data-bs-trigger = "click" data-bs-original-title = "Install the {{'SITE_NAME' | app_config}} webapp by saving this page to your home screen!" > < / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-12-14 22:48:37 +00:00
< script src = "/assets/js/home.js?v=190" > < / script >
2021-10-15 14:08:27 +00:00
{% endif %}
2021-12-14 22:48:37 +00:00
{% if v %}
< div class = "d-none" id = "strid" > {{v.strid}}< / div >
< script src = "/assets/js/pusher.js?v=190" > < / script >
2021-12-04 23:31:44 +00:00
{% endif %}
2021-12-04 02:08:01 +00:00
2021-07-21 01:12:26 +00:00
{% endblock %}