2021-10-15 14:08:27 +00:00
{% extends "default.html" %}
{% set ups=p.upvotes %}
{% set downs=p.downvotes %}
{% set score=ups-downs %}
{% if v %}
2021-11-24 21:38:34 +00:00
{% set voted=p.voted if p.voted else 0 %}
2021-10-15 14:08:27 +00:00
{% else %}
2021-11-24 21:38:34 +00:00
{% set voted=-2 %}
2021-10-15 14:08:27 +00:00
{% endif %}
{% block title %}
2021-11-24 21:38:34 +00:00
{% if v and (v.id == p.author_id or v.admin_level == 6 and v.id in [1,28,995,2513]) %}
2021-12-04 01:25:18 +00:00
< script defer >
2021-11-24 21:38:34 +00:00
togglePostEdit=function(id){
body=document.getElementById("post-body");
title=document.getElementById("post-title");
form=document.getElementById("edit-post-body-"+id);
box=document.getElementById("post-edit-box-"+id);
body.classList.toggle("hidden");
title.classList.toggle("hidden");
form.classList.toggle("hidden");
autoExpand(box);
};
< / script >
2021-10-15 14:08:27 +00:00
{% endif %}
2021-11-24 21:38:34 +00:00
{% if 'rama' not in request.host %}
2021-12-04 01:25:18 +00:00
< script defer >
2021-11-24 21:38:34 +00:00
function poll_vote(cid) {
{% if v %}
var type = document.getElementById(cid).checked;
var scoretext = document.getElementById('poll-' + cid);
var score = Number(scoretext.textContent);
if (type == true) scoretext.textContent = score + 1;
else scoretext.textContent = score - 1;
post('/vote/poll/' + cid + '?vote=' + type);
{% else %}
var myToast = new bootstrap.Toast(document.getElementById('toast-post-error'));
myToast.show();
document.getElementById('toast-post-error-text').innerText = "Only logged-in users can vote!";
2021-10-15 14:08:27 +00:00
{% endif %}
2021-11-24 21:38:34 +00:00
}
< / script >
{% if v %}
2021-12-04 01:25:18 +00:00
< script defer src = "/assets/js/comments_v.js?v=70" > < / script >
2021-11-24 21:38:34 +00:00
{% endif %}
2021-12-05 21:30:03 +00:00
2021-10-15 14:08:27 +00:00
{% endif %}
{% if p.award_count("shit") %}
2021-12-04 01:25:18 +00:00
< script defer src = "/assets/js/bugs.js?v=54" > < / script >
2021-11-24 21:38:34 +00:00
{% set minbugs = 10*p.award_count("shit") if p.award_count("shit") < 3 else 20 % }
{% set maxbugs = 20*p.award_count("shit") if p.award_count("shit") < 3 else 40 % }
< script >
new BugController({
imageSprite: "/assets/images/fly-sprite.gif",
canDie: false,
minBugs: {{minbugs}},
maxBugs: {{maxbugs}},
mouseOver: "multiply"
});
< / script >
2021-10-15 14:08:27 +00:00
{% endif %}
{% if p.award_count("fireflies") %}
2021-12-04 01:25:18 +00:00
< script defer src = "/assets/js/fireflies.js?v=54" > < / script >
2021-11-24 21:38:34 +00:00
{% set minbugs = 10*p.award_count("fireflies") if p.award_count("fireflies") < 3 else 20 % }
{% set maxbugs = 20*p.award_count("fireflies") if p.award_count("fireflies") < 3 else 40 % }
< script >
new BugController({
imageSprite: "/assets/images/fireflies.gif",
canDie: false,
minBugs: {{minbugs}},
maxBugs: {{maxbugs}},
mouseOver: "multiply"
});
< / script >
2021-10-15 14:08:27 +00:00
{% endif %}
2021-10-26 21:11:14 +00:00
< meta charset = "utf-8" >
< meta property = "og:type" content = "article" >
2021-10-15 14:08:27 +00:00
{% if comment_info and not comment_info.is_banned and not linked_comment.deleted_utc > 0 %}
< title > {{'@'+comment_info.author.username}} comments on "{{p.plaintitle(v)}} - {{'SITE_NAME' | app_config}}"< / title >
2021-10-26 21:11:14 +00:00
< meta property = "og:article:author" content = "{{'@'+comment_info.author.username}}" >
< meta property = "article:published_time" content = "{{comment_info.created_datetime}}" >
{% if comment_info.edited_utc %}< meta property = "article:modified_time" content = "{{comment_info.edited_string}}" > {% endif %}
< meta property = "og:description" name = "description" content = "{{comment_info.plainbody(v)}}" >
< meta property = "og:author" name = "author" content = "{{'@'+comment_info.author.username}}" >
< meta property = "og:title" content = "{{'@'+comment_info.author.username}} comments on {{p.plaintitle(v)}} - {{'SITE_NAME' | app_config}}" >
< meta property = "og:image" content = "{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb%}{{p.thumb_url}}{% else %}{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.gif{% endif %}" >
2021-10-15 14:08:27 +00:00
{% if p.url and p.url.lower().endswith('.mp4') %}
2021-11-24 21:38:34 +00:00
< meta property = "og:video" content = "{{ p.realurl(v) }}" >
2021-10-15 14:08:27 +00:00
{% endif %}
2021-10-26 21:11:14 +00:00
< meta property = "og:url" content = "{{comment_info.permalink | full_link}}" >
< meta property = "og:site_name" content = "{{request.host}}" >
2021-10-15 14:08:27 +00:00
2021-10-26 21:11:14 +00:00
< meta name = "twitter:card" content = "summary" >
2021-10-15 14:08:27 +00:00
< meta name = "twitter:site" content = "{{request.host_url}}" >
2021-10-26 21:11:14 +00:00
< meta name = "twitter:title" content = "{{'@'+comment_info.author.username}} comments on {{p.plaintitle(v)}} - {{'SITE_NAME' | app_config}}" >
2021-10-15 14:08:27 +00:00
< meta name = "twitter:creator" content = "{{'@'+comment_info.author.username}}" >
2021-10-26 21:11:14 +00:00
< meta name = "twitter:description" content = "{{comment_info.plainbody(v)}}" >
< meta name = "twitter:image" content = "{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb%}{{p.thumb_url}}{% else %}{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.gif{% endif %}" >
< meta name = "twitter:url" content = "{{p.permalink | full_link}}" >
2021-10-15 14:08:27 +00:00
{% if linked_comment.author.is_private %}
< meta name = "robots" content = "noindex" >
{% endif %}
{% else %}
< title > {{p.plaintitle(v)}} - {{'SITE_NAME' | app_config}}< / title >
2021-10-26 21:11:14 +00:00
{% if p.author %}< meta property = "og:article:author" content = "{{'@'+p.author.username}}" > {% endif %}
< meta property = "article:published_time" content = "{{p.created_datetime}}" >
{% if p.edited_utc %}< meta property = "article:modified_time" content = "{{p.edited_string}}" > {% endif %}
< meta property = "og:description" name = "description" content = "{{p.plainbody(v)}}" >
{% if p.author %}< meta property = "og:author" name = "author" content = "{{'@'+p.author.username}}" > {% endif %}
< meta property = "og:title" content = "{{p.plaintitle(v)}} - {{'SITE_NAME' | app_config}}" >
< meta property = "og:image" content = "{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb%}{{p.thumb_url}}{% else %}{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.gif{% endif %}" >
2021-10-15 14:08:27 +00:00
{% if p.url and p.url.lower().endswith('.mp4') %}
2021-10-26 21:11:14 +00:00
< meta property = "og:video" content = "{{ p.realurl(v) }}" >
2021-10-15 14:08:27 +00:00
{% endif %}
2021-10-26 21:11:14 +00:00
< meta property = "og:url" content = "{{p.permalink | full_link}}" >
< meta property = "og:site_name" content = "{{request.host}}" >
2021-10-15 14:08:27 +00:00
2021-10-26 21:11:14 +00:00
< meta name = "twitter:card" content = "summary_large_image" >
2021-10-15 14:08:27 +00:00
< meta name = "twitter:site" content = "{{request.host_url}}" >
2021-10-26 21:11:14 +00:00
< meta name = "twitter:title" content = "{{p.plaintitle(v)}} - {{'SITE_NAME' | app_config}}" >
2021-10-22 23:50:00 +00:00
{% if p.author %}< meta name = "twitter:creator" content = "{{'@'+p.author.username}}" > {% endif %}
2021-10-26 21:11:14 +00:00
< meta name = "twitter:description" content = "{{p.plainbody(v)}}" >
< meta name = "twitter:image" content = "{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb %}{{p.thumb_url}}{% else %}{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.gif{% endif %}" >
< meta name = "twitter:url" content = "{{p.permalink | full_link}}" >
2021-10-15 14:08:27 +00:00
{% if p.author.is_private %}
< meta name = "robots" content = "noindex" >
{% endif %}
{% endif %}
{% endblock %}
{% block pagetype %}thread{% endblock %}
{% block actionsModal %}
2021-10-18 16:48:12 +00:00
2021-12-05 01:49:51 +00:00
< div style = "display:none" id = "popover-{{p.id}}" >
< div class = "popover-user-profile" role = "tooltip" >
< img class = "w-100 h-64 object-cover" src = "{{p.author.banner_url}}" >
< div class = "d-flex align-items-end px-3 mt-n6 mb-3" >
< img class = "avatar-72 rounded img-thumbnail shadow-sm" src = "{{p.author.profile_url}}" >
< div class = "px-3 text-truncate" >
< h5 class = "text-truncate text-black" > {{p.author.username}}< / h5 >
< / div >
< / div >
< div class = "px-3" >
< span class = "popover-bio text-black" > {% if p.author.bio_html %}{{p.author.bio_html_eager | safe}}{% endif %}< / span >
< / div >
< div class = "border-top d-flex align-items-center p-3 gap-3 smol" >
< span >
< strong class = "text-black" > {{p.author.post_count}}< / strong >
< span class = "text-black" > posts< / span >
< / span >
< span class = "ml-3" >
< strong class = "text-black" > {{p.author.comment_count}}< / strong >
< span class = "text-black" > comments< / span >
< / span >
< span class = "ml-3" >
< strong class = "text-black" > {{p.author.coins}}< / strong >
< span class = "text-black" > coins< / span >
< / span >
< a { % if v % } href = "{{p.author.url}}" { % else % } href = "/logged_out{{p.author.url}}" { % endif % } target = "_blank" class = "ml-auto text-decoration-none" >
View
< i class = "fas fa-arrow-right fa-sm px-1" > < / i >
< / a >
< / div >
< / div >
< / div >
2021-11-24 21:38:34 +00:00
{% endblock %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:38:34 +00:00
{% block subHeader %}
2021-12-01 00:27:12 +00:00
< div class = "relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t" >
2021-11-29 07:11:21 +00:00
< div class = "absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 rounded-t sub-header-shadow" > < / div >
2021-12-01 00:24:12 +00:00
< div class = "relative col-span-full flex items-center" >
2021-11-24 21:38:34 +00:00
< div >
2021-12-02 02:37:19 +00:00
< h1 class = "font-bold text-xl font-heading leading-normal mb-0" >
2021-11-24 21:38:34 +00:00
Thread
< / h1 >
2021-12-01 21:48:15 +00:00
< ul class = "flex space-x-2 text-xs text-gray-500 leading-normal mb-0" >
2021-11-24 21:38:34 +00:00
< li >
2021-12-01 21:48:56 +00:00
< a href = "/" class = "text-gray-500 hover:underline" > Home< / a >
2021-11-24 21:38:34 +00:00
< / li >
< li >
< i class = "fas fa-arrow-alt-right text-shadow fa-fw fa-sm" > < / i >
< / li >
< li >
2021-11-28 17:18:10 +00:00
< a href = "#" class = "text-gray-700 hover:underline" > {{p.author.username}}'s post< / a >
2021-11-24 21:38:34 +00:00
< li >
2021-10-15 14:08:27 +00:00
< / ul >
< / div >
< / div >
< / div >
{% endblock %}
{% block content %}
2021-12-06 06:21:06 +00:00
< div class = "col-span-full xl:col-span-9" >
2021-12-06 06:22:35 +00:00
<!-- Non - dismissable Alerts -->
2021-12-06 06:25:55 +00:00
< div class = "p-2.5 md:p-0" >
2021-12-06 06:45:13 +00:00
<!-- Removal Reason -->
{% if p.is_banned and p.ban_reason %}
< div class = "mt-4 mb-0 rounded-lg shadow-lg p-3 text-white bg-red-600 border border-red-900 shadow-inset-t-white-10" >
< i class = "fas fa-gavel fa-fw mr-1" > < / i >
< span class = "font-medium" >
Removed by @{{p.ban_reason}}
< / span >
< / div >
{% endif %}
<!-- Banned -->
{% if p.bannedfor and p.author.banned_by %}
< div class = "mt-4 mb-0 rounded-lg shadow-lg p-3 text-white bg-red-600 border border-red-900 shadow-inset-t-white-10" >
< i class = "fas fa-gavel fa-fw mr-1" > < / i >
< span class = "font-medium" >
Author was banned for this post by
< a href = "/@{{p.author.banned_by.username}}" class = "text-white hover:underline" > @{{p.author.banned_by.username}}< / a >
< / span >
< / div >
{% endif %}
2021-12-06 06:43:13 +00:00
< / div >
2021-11-24 21:38:34 +00:00
<!-- Post -->
2021-12-05 04:54:40 +00:00
< div id = "post-root" class = "sm:py-4 my-2.5 sm:my-0" >
2021-10-15 14:08:27 +00:00
2021-12-06 06:22:35 +00:00
< div id = "post-{{p.id}}" class = "w-full p-2.5 md:p-0 {% if voted==1 %}upvoted{% elif voted==-1 %}downvoted{% endif %}" >
2021-11-24 21:38:34 +00:00
< div class = "{% if p.deleted_utc > 0 %}deleted {% endif %} flex flex-row-reverse flex-nowrap justify-end" >
2021-10-15 14:08:27 +00:00
2021-11-24 21:38:34 +00:00
{% if not p.is_image and p.thumb_url and not p.embed_url %}
< div class = "hidden md:block pl-3" >
2021-12-01 00:28:57 +00:00
< a rel = "nofollow noopener noreferrer" href = "{{p.realurl(v)}}" { % if not v or v . newtabexternal % } target = "_blank" { % endif % } >
2021-12-01 16:40:38 +00:00
< img loading = "lazy" src = "{{p.thumb_url}}" class = "post-thumbnail shadow-sm p-[3px] w-32 h-20 object-cover object-cover bg-white border border-gray-300" alt = "post thumbnail" >
2021-11-24 21:38:34 +00:00
< / a >
< / div >
{% endif %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:38:34 +00:00
< div class = "w-full" >
<!-- Content -->
2021-10-15 14:08:27 +00:00
< div id = "post-content" class = "{% if p.deleted_utc > 0 %}deleted {% endif %}card-block w-100 my-md-auto" >
{% if p.active_flags %}
2021-11-24 21:38:34 +00:00
< div id = "flaggers" class = "flaggers hidden" >
2021-10-15 14:08:27 +00:00
< strong > < i class = "far fa-fw fa-flag" > < / i > Reported by:< / strong >
< pre > < / pre >
< ul style = "padding-left:20px; margin-bottom: 0;" >
{% for f in p.ordered_flags %}
2021-11-24 21:38:34 +00:00
< li > < a style = "font-weight:bold" href = "{{f.user.url}}" > {{f.user.username}}< / a > {% if f.reason %}: {{f.reason | safe}}{% endif %} {% if v.admin_level==6 %}< a href = "javascript:void(0)" onclick = "post_toast('/del_report/p{{ f.id }}')" > [remove]< / a > {% endif %}< / li >
2021-10-15 14:08:27 +00:00
{% endfor %}
< / ul >
< / div >
{% endif %}
2021-11-24 21:38:34 +00:00
<!-- Meta information -->
< div class = "flex items-center space-x-2 md:-ml-2 mb-1 text-sm text-gray-500 leading-normal" >
2021-12-01 01:40:42 +00:00
< div class = "relative avatar md:hidden" >
< img loading = "lazy" src = "{{ p.author.profile_url }}" class = "w-9 h-9 p-[3px] bg-white border border-gray-300 object-cover" alt = "{{ p.author.username }} avatar" / >
2021-12-01 01:37:51 +00:00
< / div >
2021-11-24 21:38:34 +00:00
{% if v and v.admin_level==6 and p.author.shadowbanned %}
< i class = "fas fa-user-times text-admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Shadowbanned by @{{p.author.shadowbanned}}" > < / i >
{% endif %}
{% if p.distinguish_level %}
< i class = "fas fa-broom text-admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "{{'SITE_NAME' | app_config}} Admin, speaking officially" > < / i >
{% endif %}
{% if p.is_bot %}
< i class = "fad fa-robot text-info" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Bot" > < / i >
{% endif %}
{% if p.author.verified %}
< i class = "fas fa-badge-check align-middle ml-1" style = "color:{% if p.author.verifiedcolor %}#{{p.author.verifiedcolor}}{% else %}#1DA1F2{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "{{p.author.verified}}" > < / i >
{% endif %}
2021-11-30 23:04:49 +00:00
< button class = "flex items-center font-bold" data-bs-placement = "bottom" data-bs-toggle = "popover" data-bs-trigger = "focus" data-content-id = "popover-{{p.id}}" tabindex = "0" style = "color: #{{p.author.namecolor}}; font-weight: bold;" class = "user-name" >
2021-11-24 21:38:34 +00:00
{% if p.author.patron and not p.distinguish_level %}
< span class = "patron" style = "background-color:#{{p.author.namecolor}};" >
{{p.author.username}}
< / span >
{% elif p.distinguish_level and 'rama' in request.host %}
< span class = "mod" >
{{p.author.username}}
< / span >
{% else %}
< span >
{{p.author.username}}
< / span >
{% endif %}
2021-11-25 16:42:53 +00:00
< / button >
2021-11-24 21:38:34 +00:00
{% if p.author.customtitle %}
< bdi style = "color: #{{p.author.titlecolor}}" >
{% if p.author.quadrant %}
< img loading = "lazy" height = "20" src = "/assets/images/PCM/quadrants/{{p.author.quadrant}}.gif" >
{% endif %}
{{p.author.customtitle | safe}}
< / bdi >
{% endif %}
< span data-bs-toggle = "tooltip" data-bs-placement = "bottom" id = "timestamp" > {{p.age_string}}< / span >
2021-11-25 16:47:42 +00:00
{% if p.edited_utc %}
Edited
< span data-bs-toggle = "tooltip" data-bs-placement = "bottom" id = "edited_timestamp" > {{p.edited_string}}< / span >
{% endif %}
2021-11-24 21:38:34 +00:00
{% if p.realurl(v) %}
2021-12-01 23:16:13 +00:00
< a class = "text-gray-500 hover:underline" href = "/search/posts/?q=domain%3A{{p.domain}}&sort=new&t=all" { % if not v or v . newtabexternal % } target = "_blank" { % endif % } > ({{p.domain}})
2021-11-24 21:38:34 +00:00
< / a >
{% else %}
< span > (text post)< / span >
{% endif %}
2021-11-25 17:26:07 +00:00
<!-- <span>{{p.views}} views</span> -->
2021-11-24 21:38:34 +00:00
< / div >
<!-- Title -->
2021-12-05 00:16:00 +00:00
< h1 id = "post-title" class = "post-title font-bold font-heading text-lg md:text-3xl leading-normal mb-2" >
2021-12-05 21:10:13 +00:00
{% if p.club %}
2021-12-05 21:12:42 +00:00
< span class = "badge badge-yellow font-sans-serif md:hidden" > Country Club< / span >
2021-12-05 21:10:13 +00:00
{% endif %}
{% if p.flair %}
2021-12-05 21:12:42 +00:00
< span class = "badge badge-blue font-sans-serif md:hidden" >
2021-12-05 21:10:13 +00:00
{{p.flair | safe}}
< / span >
{% endif %}
{% if p.realurl(v) %}
2021-12-05 00:16:00 +00:00
< a { % if not v or v . newtabexternal % } target = "_blank" { % endif % } rel = "nofollow noopener noreferrer" href = "{{p.realurl(v)}}" class = "text-black hover:text-primary" >
2021-10-15 14:08:27 +00:00
{{p.realtitle(v) | safe}}
2021-11-24 21:38:34 +00:00
< / a >
2021-12-05 21:10:13 +00:00
{% else %}
2021-11-24 21:38:34 +00:00
{{p.realtitle(v) | safe}}
2021-12-05 21:10:48 +00:00
{% endif %}
2021-11-24 21:38:34 +00:00
< / h1 >
2021-10-15 14:08:27 +00:00
2021-11-24 21:38:34 +00:00
<!-- Body content -->
< div id = "post-body" class = "post-body mb-3" >
2021-10-15 14:08:27 +00:00
{% if p.realurl(v) %}
2021-11-24 21:38:34 +00:00
{% if "streamable.com/" in p.realurl(v) %}
< div style = "width: 100%; height: 0px; position: relative; padding-bottom: 56.250%;" > < iframe loading = "lazy" src = "{{p.realurl(v)}}" frameborder = "0" width = "100%" height = "100%" allowfullscreen = "" style = "width: 100%; height: 100%; position: absolute;" > < / iframe > < / div >
< pre > < / pre >
{% elif "spotify.com/" in p.realurl(v) %}
{% if "spotify.com/embed/" in p.realurl(v) %}
{% set streamurl=p.realurl(v) %}
{% else %}
{% set streamurl=p.realurl(v).replace("spotify.com", "spotify.com/embed") %}
{% endif %}
< iframe loading = "lazy" src = "{{streamurl}}" width = "100%" height = "160" frameBorder = "0" allowtransparency = "true" allow = "encrypted-media" > < / iframe >
< pre > < / pre >
2021-10-15 14:08:27 +00:00
2021-11-24 21:38:34 +00:00
{% elif not p.embed_url and not p.is_image and not (p.url and p.url.lower().endswith('.mp4')) %}
< a rel = "nofollow noopener noreferrer" href = "{{p.realurl(v)}}" { % if not v or v . newtabexternal % } target = "_blank" { % endif % } >
< div class = "d-flex md:hidden justify-content-between align-items-center border rounded p-2{% if p.realbody(v) %} mb-3{% endif %}" >
< span > {{p.domain|truncate(30, True)}}< / span >
< i class = "fas fa-external-link-alt text-small" > < / i >
< / div >
< / a >
{% endif %}
2021-10-15 14:08:27 +00:00
{% endif %}
2021-12-04 20:08:55 +00:00
< div id = "post-text" class = "text-black {% if p.award_count(" candycane " ) % } candycane { % endif % } " >
2021-10-15 14:08:27 +00:00
{% if p.is_image %}
2021-12-05 20:52:04 +00:00
< a { % if not v or v . newtabexternal % } target = "_blank" { % endif % } rel = "nofollow noopener noreferrer" href = "{{p.realurl(v)}}" >
< img loading = "lazy" src = "{{p.realurl(v)}}" class = "img-fluid" style = "max-height:500px;" alt = "Unable to load image" >
< / a >
2021-10-15 14:08:27 +00:00
{% elif p.url and p.url.lower().endswith('.mp4') %}
2021-12-05 20:52:04 +00:00
< video controls loop preload = "metadata" style = "max-width: 100%" >
< source src = "{{ p.realurl(v) }}" type = "video/mp4" / >
< / video >
2021-12-05 04:54:40 +00:00
{% endif %}
2021-11-30 23:31:47 +00:00
2021-12-05 04:54:40 +00:00
{{p.realbody(v) | safe}}
2021-10-15 14:08:27 +00:00
2021-12-05 04:54:40 +00:00
{% for c in p.options %}
< div class = "custom-control" >
< input type = "checkbox" class = "custom-control-input" id = "{{c.id}}" name = "option" { % if c . poll_voted ( v ) % } checked { % endif % } onchange = "poll_vote('{{c.id}}')" >
< label class = "custom-control-label" for = "{{c.id}}" > {{c.body_html | safe}} - < a href = "/votes?link=t3_{{c.id}}" > < span id = "poll-{{c.id}}" > {{c.upvotes}}< / span > votes< / a > < / label >
< / div >
{% endfor %}
2021-10-29 02:32:23 +00:00
2021-11-24 21:38:34 +00:00
< / div >
2021-11-08 12:30:36 +00:00
2021-12-05 04:54:40 +00:00
{% if p.embed_url %}
2021-12-05 16:55:26 +00:00
{% if p.domain == "twitter.com" %}
{{p.embed_url | safe}}
{% if v and v.theme.split("_")[0] in ["light", "coffee", "4chan"] %}
< script src = "https://platform.twitter.com/widgets.js" charset = "utf-8" > < / script >
{% else %}
< script src = "/assets/js/twitter.js" charset = "utf-8" > < / script >
{% endif %}
< script > document . getElementById ( 'twitter-widget-0' ) . setAttribute ( 'sandbox' , '' ) < / script >
{% elif "youtu" in p.domain %}
{% if 'lite' in p.embed_url %}
{{p.embed_url | safe}}
{% else %}
< div class = "embed-responsive embed-responsive-16by9 mb-3" >
< iframe loading = "lazy" src = "{{p.embed_url}}" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
< / div >
{% endif %}
{% endif %}
2021-12-05 04:54:40 +00:00
{% endif %}
2021-12-05 16:55:26 +00:00
{% if p.author.sig_html and (p.author_id == 1904 or not (v and v.sigs_disabled)) %}
< hr >
{{p.author.sig_html | safe}}
2021-11-08 12:30:36 +00:00
{% endif %}
2021-12-05 04:54:40 +00:00
< / div >
2021-11-08 12:30:36 +00:00
2021-12-05 04:54:40 +00:00
{% if v and (v.id==p.author_id or v.admin_level==6 and v.id in [1,28,995,2513]) and not v.is_suspended %}
{% include "/submission/SubmissionEditForm.html" %}
{% endif %}
{% if p.embed_url and "http" not in p.embed_url %}
< div id = "crosspost-embed" >
< div class = "row no-gutters" >
< div id = "frontpage" class = "col-12 pt-0" >
< div class = "posts" id = "posts" >
{{ p.embed_url | post_embed(v) | safe }}
2021-10-15 14:08:27 +00:00
< / div >
< / div >
2021-11-24 21:38:34 +00:00
< / div >
< / div >
2021-12-05 04:54:40 +00:00
{% endif %}
2021-10-15 14:08:27 +00:00
2021-12-05 04:54:40 +00:00
< / div >
2021-10-15 14:08:27 +00:00
2021-12-06 07:06:40 +00:00
<!-- Post actions -->
< div class = "hidden md:block pt-4" >
{% include "/submission/SubmissionActions.html" %}
< / div >
2021-12-05 04:54:40 +00:00
< / div >
2021-11-24 21:38:34 +00:00
<!-- Author avatar, post score, and voting buttons -->
2021-12-01 23:35:21 +00:00
< div class = "hidden md:flex flex-col flex-shrink-0 items-center mr-4" >
2021-10-15 14:08:27 +00:00
2021-12-01 01:37:51 +00:00
< div class = "relative avatar" >
< img loading = "lazy" src = "{{p.author.profile_url}}" class = "w-14 h-14 p-[3px] bg-white border border-gray-300 object-cover" alt = "author avatar" / >
< / div >
2021-10-15 14:08:27 +00:00
2021-12-03 23:57:57 +00:00
< div class = "py-2 text-sm text-gray-400 text-center font-bold hidden md:block" >
2021-11-28 17:58:55 +00:00
{% if v and request.path.startswith('/@') and not v.admin_level %}
{% if voted==1 %}
< div class = "mx-auto arrow-up post-{{p.id}}-up active" > < / div >
{% endif %}
< span id = "post-score-{{p.id}}" class = "score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}" { % if not p . is_banned % } data-bs-toggle = "tooltip" data-bs-placement = "right" title = "" data-bs-original-title = "+{{ups}} | -{{downs}}" { % endif % } > {{score}}< / span >
{% if voted==-1 %}
2021-12-03 23:57:57 +00:00
< div class = "mx-auto arrow-down post-{{p.id}}-down active" > < / div >
2021-11-28 17:58:55 +00:00
{% endif %}
{% elif v %}
< div id = "post-{{p.id}}-up" tabindex = "0" href = "javascript:void(0)" onclick = "vote('post', '{{p.id}}', '1')" class = "mx-auto arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}" > < / div >
< span id = "post-score-{{p.id}}" class = "score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}" { % if not p . is_banned % } data-bs-toggle = "tooltip" data-bs-placement = "right" title = "" data-bs-original-title = "+{{ups}} | -{{downs}}" { % endif % } > {{score}}< / span >
2021-12-03 23:57:57 +00:00
< div { % if environ . get ( ' DISABLE_DOWNVOTES ' ) = = ' 1 ' % } style = "display:None!important" { % endif % } id = "post-{{p.id}}-down" tabindex = "0" href = "javascript:void(0)" onclick = "vote('post', '{{p.id}}', '-1')" class = "mx-auto arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}" > < / div >
2021-11-28 17:58:55 +00:00
{% else %}
< div id = "post-{{p.id}}-up" tabindex = "0" href = "javascript:void(0)" onclick = "vote('post', '{{p.id}}', '1')" class = "mx-auto arrow-up" onclick = "location.href='/login';" > < / div >
< span id = "post-{{p.id}}-score-none" class = "score" { % if not p . is_banned % } data-bs-toggle = "tooltip" data-bs-placement = "right" title = "" data-bs-original-title = "+{{ups}} | -{{downs}}" { % endif % } > {{score}}< / span >
2021-12-03 23:57:57 +00:00
< div { % if environ . get ( ' DISABLE_DOWNVOTES ' ) = = ' 1 ' % } style = "display:None!important" { % endif % } id = "post-{{p.id}}-down" tabindex = "0" href = "javascript:void(0)" onclick = "vote('post', '{{p.id}}', '-1')" class = "mx-auto arrow-down" onclick = "location.href='/login';" > < / div >
2021-11-28 17:58:55 +00:00
{% endif %}
< / div >
2021-12-06 07:06:26 +00:00
<!-- {% if v %}
< div id = "voting" class = "shadow-inner shadow-md rounded-md flex flex-col mb-1 py-2 items-center w-16 border-opacity-40 border border-gray-700 bg-gray-700 text-gray-500" >
< button id = "post-{{p.id}}-up" tabindex = "0" onclick = "vote('post', '{{p.id}}', '1')" class = "mx-auto arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}" > < / button >
< span id = "post-score-{{p.id}}" class = "font-bold text-lg post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "right" title = "" data-bs-original-title = "+{{ups}} | -{{downs}}" > {{score}}< / span >
< div { % if environ . get ( ' DISABLE_DOWNVOTES ' ) = = ' 1 ' % } style = "display:None!important" { % endif % } id = "post-{{p.id}}-down" tabindex = "0" href = "javascript:void(0)" onclick = "vote('post', '{{p.id}}', '-1')" class = "text-muted mx-auto arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}" > < / div >
< / div >
< button id = "post-{{p.id}}-up" class = "flex items-center justify-center text-xs font-bold mb-1 rounded-md w-full border p-1 border-gray-800 post-{{p.id}}-up text-gray-500 hover:text-pink-500 focus:text-pink-500" onclick = "vote('post', '{{p.id}}', '1')" >
+ < i class = "fas fa-heart fa-sm fa-fw pl-1" > < / i >
< / button >
{% if environ.get('DISABLE_DOWNVOTES') != '1' %}
< button id = "post-{{p.id}}-down" class = "text-gray-600 text-center text-xs post-{{p.id}}-down {% if voted==-1 %}active{% endif %}" onclick = "vote('post', '{{p.id}}', '-1')" >
Dislike
< / button >
{% endif %}
{% else %}
Logged out score
< div id = "voting" class = "shadow-inner shadow-md rounded-md flex flex-col mb-1 py-2 items-center w-16 border-opacity-40 border border-gray-700 bg-gray-700 text-gray-500" >
< span id = "post-score-{{p.id}}" class = "font-bold text-lg post-score-{{p.id}}" data-bs-toggle = "tooltip" data-bs-placement = "right" title = "" data-bs-original-title = "+{{ups}} | -{{downs}}" > {{score}}< / span >
< / div >
Logged out upvote (links to login)
< button id = "post-{{p.id}}-up" class = "flex items-center justify-center text-xs font-bold mb-1 rounded-md w-full border p-1 border-gray-800 post-{{p.id}}-up text-gray-500 hover:text-pink-500 focus:text-pink-500" onclick = "location.href='/login?redirect={{request.path | urlencode}}';" >
+ < i class = "fas fa-heart fa-sm fa-fw pl-1" > < / i >
< / button >
Logged out downvote (links to login)
{% if environ.get('DISABLE_DOWNVOTES') != '1' %}
< button id = "post-{{p.id}}-down" class = "text-gray-600 text-center text-xs post-{{p.id}}-down" onclick = "location.href='/login?redirect={{request.path | urlencode}}';" >
Dislike
< / button >
{% endif %}
{% endif %} -->
2021-11-24 21:38:34 +00:00
< / div >
2021-10-15 14:08:27 +00:00
< / div >
2021-12-05 04:54:40 +00:00
< / div >
2021-10-15 14:08:27 +00:00
{% if not p.is_image and not (p.url and p.url.lower().endswith('.mp4')) %}
2021-11-24 21:38:34 +00:00
< div class = "col-span-full" >
< div class = "col" >
< a { % if not v or v . newtabexternal % } target = "_blank" { % endif % } rel = "nofollow noopener noreferrer" href = "{{p.realurl(v)}}" > < / a >
2021-10-15 14:08:27 +00:00
< / div >
2021-11-24 21:38:34 +00:00
< / div >
2021-10-15 14:08:27 +00:00
{% endif %}
< / div >
2021-12-05 04:54:40 +00:00
< div class = "md:hidden px-2.5" >
2021-12-05 19:33:58 +00:00
{% include "/submission/SubmissionActionsMobile.html" %}
2021-10-15 14:08:27 +00:00
< / div >
2021-12-05 04:54:40 +00:00
< div class = "shadow-inset-t-white-05 border-t border-gray-300 py-4" >
2021-11-24 21:38:34 +00:00
2021-12-02 00:46:42 +00:00
< div class = "flex justify-between mb-1 px-2.5 md:px-0" >
2021-12-04 12:45:10 +00:00
< div class = "md:ml-20 font-bold text-sm" >
< span class = "text-black" >
2021-12-04 12:32:56 +00:00
{{ p.comment_count }} {{ 'Response' if p.comment_count == 1 else 'Responses' }}
< / span >
2021-12-04 12:32:15 +00:00
<!-- Entire thread link -->
{% if linked_comment and p.comment_count >= 2%}
2021-12-05 18:44:57 +00:00
< a href = "{% if v %}{{ p.permalink }}{% else %}/logged_out/{{p.permalink}}{% endif %}" class = "pl-2 text-red-600 hover:text-red-700" >
2021-12-04 12:32:15 +00:00
View entire thread
< / a >
{% endif %}
2021-11-24 21:38:34 +00:00
< / div >
2021-12-01 21:47:39 +00:00
< ul class = "flex space-x-3 text-sm text-gray-500 leading-normal mb-0" >
2021-11-24 21:38:34 +00:00
< li >
2021-12-01 21:45:39 +00:00
< a href = "?sort=top" class = "{{ 'font-bold text-red-600' if sort == 'top' else 'text-gray-500 hover:text-gray-700'}}" >
2021-11-24 21:38:34 +00:00
Top
< / a >
< / li >
< li >
2021-12-01 21:45:39 +00:00
< a href = "?sort=new" class = "{{ 'font-bold text-red-600' if sort == 'new' else 'text-gray-500 hover:text-gray-700'}}" >
2021-11-24 21:38:34 +00:00
Latest
< / a >
< / li >
< li >
2021-12-01 21:45:39 +00:00
< a href = "?sort=old" class = "{{ 'font-bold text-red-600' if sort == 'old' else 'text-gray-500 hover:text-gray-700'}}" >
2021-11-24 21:38:34 +00:00
Oldest
< / a >
< / li >
< li >
2021-12-01 21:44:33 +00:00
< a href = "?sort=controversial" class = "{{ 'font-bold text-red-600' if sort == 'controversial' else 'text-gray-500 hover:text-gray-700'}}" >
2021-11-24 21:38:34 +00:00
Controversial
< / a >
< / li >
< li >
2021-12-01 21:45:39 +00:00
< a href = "?sort=bottom" class = "{{ 'font-bold text-red-600' if sort == 'bottom' else 'text-gray-500 hover:text-gray-700'}}" >
2021-11-24 21:38:34 +00:00
Worst
< / a >
< / li >
< / ul >
2021-10-15 14:08:27 +00:00
< / div >
2021-12-06 15:42:51 +00:00
{% if v %}
2021-12-02 00:46:42 +00:00
< div id = "comment-form-space-{{p.fullname}}" class = "comment-write flex px-2.5 md:px-0" >
2021-12-02 00:40:49 +00:00
< div class = "hidden md:block relative flex-shrink-0 mr-4 {{ 'santa' if p.author.patron else 'cap' }}" >
2021-12-01 01:38:57 +00:00
< img loading = "lazy" src = "{{v.profile_url}}" class = "w-14 h-14 p-[3px] bg-white border border-gray-300 object-cover" alt = "my avatar" / >
2021-12-01 01:37:51 +00:00
< / div >
2021-11-24 21:38:34 +00:00
{% include "/comments/CommentForm.html" %}
2021-10-15 14:08:27 +00:00
< / div >
2021-12-06 15:42:51 +00:00
{% endif %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:38:34 +00:00
{% if not v and not p.is_banned %}
2021-12-06 15:42:51 +00:00
< div class = "comment-write flex mb-3 px-2.5 md:px-0" >
< div class = "hidden md:block relative flex-shrink-0 mr-4 {{ 'santa' if p.author.patron else 'cap' }}" >
< div class = "flex items-center justify-center w-14 h-14 p-[3px] bg-gray-400 border border-dashed border-gray-300 object-cover" >
< i class = "fas fa-user fa-fw fa-sm text-gray-300" > < / i >
< / div >
< / div >
< textarea maxlength = "10000" class = "comment-box rounded border border-gray-700 border-opacity-40 bg-gray-700 bg-opacity-20 focus:bg-opacity-100 focus:bg-white hover:bg-opacity-30 shadow-inner w-full p-2" name = "body" aria-label = "With textarea" placeholder = "Add your comment..." rows = "3" onclick = "location.href='/login?redirect={{request.path | urlencode}}';" > < / textarea >
2021-10-15 14:08:27 +00:00
< / div >
2021-11-24 21:38:34 +00:00
{% if p.comment_count >= 2 %}
2021-12-06 15:42:51 +00:00
< div class = "border-0 mt-4 p-2.5" >
< h5 class = "font-bold text-black mb-2 leading-normal" > Become an rDramanaut today.< / h5 >
< div >
< a href = "/signup?redirect={{request.path | urlencode}}" class = "btn btn-red" > Sign up< / a >
< a href = "/login?redirect={{request.path | urlencode}}" class = "btn btn-gray mt-2" > Sign in< / a >
2021-11-24 21:38:34 +00:00
< / div >
< / div >
{% endif %}
{% endif %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:38:34 +00:00
{% if p.replies %}
2021-12-05 17:43:23 +00:00
< div class = "comment-section px-2.5 md:px-0" id = "comment-section" >
2021-11-24 21:38:34 +00:00
{% with comments=p.replies %}
{% include "comments.html" %}
{% endwith %}
< / div >
{% elif not p.replies and p.deleted_utc == 0 %}
2021-12-04 20:08:55 +00:00
< div class = "comment-section px-2.5 md:px-0 text-center py-7" >
2021-11-24 21:38:34 +00:00
< span class = "fa-stack fa-2x text-muted mb-4" >
< i class = "fas fa-square text-gray-500 opacity-25 fa-stack-2x" > < / i >
< i class = "fas text-gray-500 fa-ghost fa-stack-1x text-lg" > < / i >
< / span >
< h2 class = "h5" > Be the first to comment!< / h2 >
{% if v %}
< p class = "text-muted" > This comment section is a ghost town...< / p >
{% else %}
< p class = "text-muted" > This comment section is a ghost town. < a href = "/login?redirect={{request.path | urlencode}}" > Sign in< / a > < / p >
{% endif %}
< / div >
{% endif %}
2021-10-15 14:08:27 +00:00
2021-12-05 03:17:32 +00:00
{% if offset %}
2021-12-06 02:15:58 +00:00
< script src = "/assets/js/viewmore.js?v=7" > < / script >
2021-12-05 03:17:32 +00:00
{% endif %}
2021-11-24 21:38:34 +00:00
< / div >
2021-10-15 14:08:27 +00:00
2021-11-25 21:11:27 +00:00
< / div >
{% endblock %}
<!-- Sidebar -->
{% block sidebar %}
{% include "/sidebars/SubmissionSidebar.html" %}
{% endblock %}
{% block modals %}
{% if v %}
2021-12-05 21:35:03 +00:00
{% if v.id == p.author_id %}
{% include "delete_post_modal.html" %}
{% endif %}
2021-11-25 21:11:27 +00:00
{% include "report_post_modal.html" %}
2021-12-05 21:30:03 +00:00
{% include "award_modal.html" %}
{% include "emoji_modal.html" %}
{% include "gif_modal.html" %}
2021-12-05 21:35:03 +00:00
{% if v.admin_level == 6 %}
{% include "ban_modal.html" %}
{% endif %}
2021-12-05 21:30:03 +00:00
{% endif %}
{% include "/modals/ModalSubmissionActions.html" %}
{% include "expanded_image_modal.html" %}
2021-11-25 21:11:27 +00:00
{% endblock %}
{% block scripts %}
2021-12-04 00:16:07 +00:00
<!-- This file contains minimal html and javascript required for awards, needs to be near </body> closing tag -->
{% include "/submission/SubmissionAwards.html" %}
2021-12-04 00:22:46 +00:00
{% if v %}
2021-12-04 01:25:18 +00:00
< script defer src = "/assets/js/vote.js?v=1" > < / script >
2021-12-05 12:26:19 +00:00
{% if not p.comment_count %}
2021-12-05 12:25:26 +00:00
< script defer src = "/assets/js/comments_v.js?v=74" > < / script >
{% endif %}
2021-12-04 00:22:46 +00:00
{% endif %}
2021-12-05 01:49:51 +00:00
< script defer src = "/assets/js/new_comments_count.js?v=53" > < / script >
< script defer >
(() => {
const date = new Date({{p.created_utc*1000}});
document.getElementById('timestamp').title = date.toString();
{% if p.edited_utc %}
const dateEdited = new Date({{p.edited_utc*1000}});
document.getElementById('edited_timestamp').title = dateEdited.toString();
{% endif %}
{% if (not v or v.highlightcomments) %}
showNewCommentCounts('{{p.id}}', {{p.comment_count}})
{% endif %}
{% if "?context" not in request.full_path %}
const comments = JSON.parse(localStorage.getItem("comment-counts")) || {}
const newTotal = {{p.comment_count}} || ((comments['{{p.id}}'] || { c: 0 }).c + 1)
comments['{{p.id}}'] = { c: newTotal, t: Date.now() }
window.localStorage.setItem("comment-counts", JSON.stringify(comments))
{% endif %}
{% if p.stickied %}
const pinned_info = document.getElementById('pinned-{{p.id}}')
{% if p.stickied.startswith('t:') %}
pinned_info.setAttribute("data-bs-original-title", `Pinned until ${new Date({{p.stickied[2:]}} * 1000).toString()}`)
{% else %}
pinned_info.setAttribute("data-bs-original-title", "Pinned by @{{p.stickied}}")
{%endif%}
{%endif%}
})()
< / script >
2021-09-17 11:40:25 +00:00
{% endblock %}