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-12-11 00:47:52 +00:00
{% set voted=p.voted if p.voted else 0 %}
2021-10-15 14:08:27 +00:00
{% else %}
2021-12-11 00:47:52 +00:00
{% set voted=-2 %}
2021-10-15 14:08:27 +00:00
{% endif %}
{% block title %}
2021-12-11 00:47:52 +00:00
{% if v and (v.id == p.author_id or v.admin_level == 6 and v.id in [1,28,995,2513]) %}
< script defer >
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 >
{% endif %}
{% if 'rama' not in request.host %}
< script defer >
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!";
{% endif %}
}
< / script >
{% if v %}
< script defer src = "/assets/js/comments_v.js?v=70" > < / script >
2021-12-11 00:46:56 +00:00
{% endif %}
{% endif %}
2021-12-11 00:47:52 +00:00
{% if p.award_count("shit") %}
< script defer src = "/assets/js/bugs.js?v=54" > < / script >
{% 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 %}
2021-12-11 00:47:52 +00:00
{% if p.award_count("fireflies") %}
< script defer src = "/assets/js/fireflies.js?v=54" > < / script >
{% 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-12-11 00:47:52 +00:00
{% if p.url and p.url.lower().endswith('.mp4') %}
< 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-12-11 00:47:52 +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-11 00:47:52 +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 >
2021-12-06 19:30:56 +00:00
< / div >
2021-12-11 00:47:52 +00:00
< / 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-12-11 00:47:39 +00:00
2021-12-11 00:47:52 +00:00
{% endblock %}
2021-12-11 00:47:39 +00:00
2021-12-11 00:47:52 +00:00
{% block subHeader %}
< div class = "relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t" >
< 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 >
< div class = "relative col-span-full flex items-center" >
< div >
< h1 class = "font-bold text-xl font-heading leading-normal mb-0" >
Thread
< / h1 >
< ul class = "flex space-x-2 text-xs text-gray-500 leading-normal mb-0" >
< li >
< a href = "/" class = "text-gray-500 hover:underline" > Home< / a >
< / li >
< li >
< i class = "fas fa-arrow-alt-right text-shadow fa-fw fa-sm" > < / i >
< / li >
< li >
< a href = "{{p.permalink}}" class = "text-gray-700 hover:underline" > {{p.author.username}}'s post< / a >
< li >
2021-12-06 19:30:56 +00:00
< / ul >
2021-10-15 14:08:27 +00:00
< / div >
2021-12-06 19:30:56 +00:00
< / div >
< / div >
{% endblock %}
2021-10-15 14:08:27 +00:00
2021-12-06 19:30:56 +00:00
{% block content %}
2021-10-15 14:08:27 +00:00
2021-12-11 00:47:52 +00:00
< div class = "col-span-full xl:col-span-9" >
{% if (p.is_banned and p.ban_reason) or (p.bannedfor and p.author.banned_by) %}
<!-- Non - dismissable Alerts -->
< div class = "p-2.5 md:p-0" >
<!-- 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 %}
< / div >
{% endif %}
{% if p.awards or p.over_18 or p.stickied or p.is_pinned or p.private or p.flair or p.club %}
<!-- Mobile post meta, awards, etc -->
< div class = "px-2.5 mt-2.5 lg:p-0 block xl:hidden" >
< ul class = "flex flex-wrap gap-2 items-center mb-0" >
<!-- Flair -->
{% if p.flair %}
< li >
< span class = "badge badge-purple" >
{{p.flair | safe}}
< / span >
< / li >
{% endif %}
<!-- NSFW -->
{% if p.over_18 %}
< li >
< span class = "badge badge-red" > +18< / span >
< / li >
{% endif %}
<!-- Country Club -->
{% if p.club %}
< li >
< span class = "badge badge-yellow" > Country Club< / span >
< / li >
{% endif %}
<!-- Stickied -->
{% if p.stickied %}
< li >
< span class = "badge badge-pink" >
< i class = "fas fa-thumbtack fa-rotate--45 fa-sm fa-fw" > < / i >
Pinned {% if p.stickied.startswith('t:') %}until {{p.stickied[2:]}}{% else %}by @{{p.stickied}}{%endif%}
< / span >
< / li >
{% endif %}
<!-- Pinned -->
{% if p.is_pinned %}
< li >
< span class = "badge badge-green" >
< i class = "fas fa-thumbtack fa-rotate--45 fa-sm fa-fw" > < / i >
Pinned to profile
< / span >
< / li >
{% endif %}
<!-- Private -->
{% if p.private %}
< li >
< span class = "badge badge-blue" >
< i class = "fas fa-lock-alt fa-sm fa-fw1" > < / i >
Draft
< / span >
< / li >
{% endif %}
<!-- Awards -->
{% if p.awards %}
{% for a in p.awards %}
< li >
< i class = "{{a.class_list}} fa-sm fa-fw" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "{{a.title}} Award given by @{{a.user.username}}" > < / i >
< / li >
{% endfor %}
{% endif %}
< / ul >
< / div >
2021-12-06 19:46:13 +00:00
{% endif %}
2021-12-06 19:44:15 +00:00
2021-12-11 00:47:52 +00:00
<!-- Post -->
< div id = "post-root" class = "sm:py-4 my-2.5 sm:my-0" >
2021-10-15 14:08:27 +00:00
2021-12-11 00:47:52 +00:00
< div id = "post-{{p.id}}" class = "w-full p-2.5 md:p-0 bg-gray-200 {% if voted==1 %}upvoted{% elif voted==-1 %}downvoted{% endif %}" >
< 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-12-11 00:47:52 +00:00
{% if not p.is_image and p.thumb_url and not p.embed_url %}
< div class = "hidden md:block pl-3 flex-shrink-0" >
< a rel = "nofollow noopener noreferrer" href = "{{p.realurl(v)}}" { % if not v or v . newtabexternal % } target = "_blank" { % endif % } >
< img loading = "lazy" src = "{{p.thumb_url}}" class = "post-thumbnail shadow-sm p-[3px] w-24 h-16 md:w-32 md:h-20 object-cover object-cover bg-white border border-gray-300 flex-shrink-0" alt = "post thumbnail" >
< / a >
< / div >
{% endif %}
2021-12-06 19:30:56 +00:00
2021-12-11 00:47:52 +00:00
< div class = "w-full" >
<!-- Content -->
2021-12-06 19:30:56 +00:00
< div id = "post-content" class = "{% if p.deleted_utc > 0 %}deleted {% endif %}card-block w-100 my-md-auto" >
2021-10-15 14:08:27 +00:00
2021-12-06 19:30:56 +00:00
{% if p.active_flags %}
2021-12-11 00:47:52 +00:00
< div id = "flaggers" class = "flaggers hidden" >
2021-12-06 19:30:56 +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-12-11 00:47:52 +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-12-06 19:30:56 +00:00
{% endfor %}
< / ul >
< / div >
2021-10-15 14:08:27 +00:00
{% endif %}
2021-11-24 21:38:34 +00:00
2021-12-11 00:47:52 +00:00
<!-- Meta information -->
< div class = "no-scrollbar overflow-y-hidden overflow-x-auto flex items-center space-x-2 md:-ml-2 mb-1 text-sm text-gray-500 leading-normal" >
2021-11-24 21:38:34 +00:00
2021-12-11 00:47:52 +00:00
< div class = "relative md:hidden flex-shrink-0 {{ 'santa' if p.author.patron else 'cap' }}" >
< 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" / >
< / div >
2021-12-06 19:30:35 +00:00
2021-12-11 00:47:52 +00:00
{% if v and v.admin_level==6 and p.author.shadowbanned %}
< span class = "flex-shrink-0" >
< 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 %}
< / span >
< a class = "user-name" onclick = "userPopover({{p.author.json_popover | tojson}})" data-bs-placement = "bottom" data-bs-toggle = "popover" data-bs-trigger = "focus" data-content-id = "popover-{{p.id}}" href = "javascript:void(0)" tabindex = "0" style = "color: #{{p.author.namecolor}}" data-bs-original-title = "" title = "" >
< span class = "inline-flex flex-shrink-0 items-center font-bold" >
{% 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 >
2021-12-09 21:32:41 +00:00
{% else %}
2021-12-11 00:47:52 +00:00
{{p.author.username}}
2021-12-09 21:32:41 +00:00
{% endif %}
2021-12-11 00:47:52 +00:00
< / span >
< / a >
{% if p.author.customtitle %}
< bdi class = "flex-shrink-0" style = "color: #{{p.author.titlecolor}}" >
{% if p.author.quadrant %}
< img loading = "lazy" height = "20" src = "/assets/images/PCM/quadrants/{{p.author.quadrant}}.gif" >
2021-12-06 19:30:56 +00:00
{% endif %}
2021-12-11 00:47:52 +00:00
{{p.author.customtitle | safe}}
< / bdi >
{% endif %}
< span class = "flex-shrink-0" data-bs-toggle = "tooltip" data-bs-placement = "bottom" id = "timestamp" > {{p.age_string}}< / span >
{% if p.edited_utc %}
Edited
< span class = "flex-shrink-0" data-bs-toggle = "tooltip" data-bs-placement = "bottom" id = "edited_timestamp" > {{p.edited_string}}< / span >
{% endif %}
{% if p.realurl(v) %}
< a class = "flex-shrink-0 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}})
< / a >
{% else %}
< span class = "flex-shrink-0" > (text post)< / span >
{% endif %}
<!-- <span>{{p.views}} views</span> -->
< / div >
<!-- Title -->
< h1 id = "post-title" class = "post-title font-bold font-heading text-lg md:text-3xl leading-normal mb-2" >
{% if p.realurl(v) %}
< a { % if not v or v . newtabexternal % } target = "_blank" { % endif % } rel = "nofollow noopener noreferrer" href = "{{p.realurl(v)}}" class = "text-black hover:text-primary" >
{{p.realtitle(v) | safe}}
< / a >
{% else %}
{{p.realtitle(v) | safe}}
{% endif %}
< / h1 >
<!-- Body content -->
< div id = "post-body" class = "post-body mb-3" >
{% if p.realurl(v) %}
{% 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") %}
2021-11-24 21:38:34 +00:00
{% endif %}
2021-12-11 00:47:52 +00:00
< 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-12-11 00:47:52 +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 = "flex md:hidden justify-between items-center border border-gray-300 rounded p-2{% if p.realbody(v) %} mb-3{% endif %}" >
< span > {{p.domain|truncate(30, True)}}< / span >
< i class = "fas fa-external-link-alt fa-sm fa-fw" > < / i >
< / div >
< / a >
{% endif %}
{% endif %}
< 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-11 00:47:52 +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-11 00:47:52 +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-12-11 00:47:52 +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 %}
2021-12-11 00:47:52 +00:00
< 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 >
2021-12-05 04:54:40 +00:00
{% 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-11 00:47:52 +00:00
{% if p.embed_url %}
{% if p.domain == "twitter.com" %}
{{p.embed_url | safe}}
{% if v and v.theme.split("_")[0] in ["light", "coffee", "4chan"] %}
< script src = "/assets/js/twitterlight.js?v=13" > < / script >
{% else %}
< script src = "/assets/js/twitter.js?v=13" > < / 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 %}
{% 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-07 04:37:51 +00:00
< / div >
2021-12-11 00:47:39 +00:00
2021-12-11 00:47:52 +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 %}
< div class = "py-2" >
{% include "/submission/SubmissionEditForm.html" %}
< / div >
2021-12-05 04:54:40 +00:00
{% endif %}
2021-12-11 00:47:52 +00:00
{% if p.embed_url and "http" not in p.embed_url %}
< div id = "crosspost-embed" class = "p-2.5 rounded-md bg-gray-300 border border-gray-400" >
< div class = "row no-gutters" >
< div id = "frontpage" class = "col-12 pt-0" >
2021-12-05 04:54:40 +00:00
< div class = "posts" id = "posts" >
{{ p.embed_url | post_embed(v) | safe }}
2021-10-15 14:08:27 +00:00
< / div >
2021-12-11 00:47:39 +00:00
< / div >
2021-12-11 00:47:52 +00:00
< / div >
< / div >
{% endif %}
2021-12-06 07:06:40 +00:00
2021-12-11 00:47:52 +00:00
< / div >
2021-12-05 04:54:40 +00:00
2021-12-11 00:47:52 +00:00
<!-- Post actions -->
< div class = "hidden md:block pt-4" >
{% include "/submission/SubmissionActions.html" %}
< / div >
2021-10-15 14:08:27 +00:00
2021-12-11 00:47:52 +00:00
< / div >
2021-12-06 19:30:35 +00:00
2021-12-11 00:47:52 +00:00
<!-- Author avatar, post score, and voting buttons -->
< div class = "hidden md:flex flex-col flex-shrink-0 items-center mr-4" >
2021-12-11 00:47:39 +00:00
2021-12-11 00:47:52 +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-11 00:47:52 +00:00
< div class = "py-2 text-sm text-gray-400 text-center font-bold hidden md:block" >
{% 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 >
2021-11-28 17:58:55 +00:00
{% endif %}
2021-12-11 00:47:52 +00:00
< 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-11-28 17:58:55 +00:00
2021-12-11 00:47:52 +00:00
{% if voted==-1 %}
< div class = "mx-auto arrow-down post-{{p.id}}-down active" > < / div >
2021-11-28 17:58:55 +00:00
{% endif %}
2021-12-11 00:47:52 +00:00
{% elif v %}
2021-11-28 17:58:55 +00:00
2021-12-11 00:47:52 +00:00
< 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 >
2021-11-28 17:58:55 +00:00
2021-12-11 00:47:52 +00:00
< 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-11-28 17:58:55 +00:00
2021-12-11 00:47:52 +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
2021-12-11 00:47:52 +00:00
{% else %}
2021-11-28 17:58:55 +00:00
2021-12-11 00:47:52 +00:00
< 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 >
2021-11-28 17:58:55 +00:00
2021-12-11 00:47:52 +00:00
< 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-11-28 17:58:55 +00:00
2021-12-11 00:47:52 +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 19:30:56 +00:00
< / div >
2021-12-06 19:30:35 +00:00
2021-12-11 00:47:52 +00:00
< / div >
2021-12-06 19:56:02 +00:00
2021-12-11 00:47:52 +00:00
< div class = "md:hidden px-2.5 mt-4" >
{% include "/submission/SubmissionActionsMobile.html" %}
2021-10-15 14:08:27 +00:00
< / div >
2021-12-11 00:47:39 +00:00
2021-12-11 00:47:52 +00:00
< / div >
2021-12-11 00:47:39 +00:00
2021-12-11 00:47:52 +00:00
{% if not p.is_image and not (p.url and p.url.lower().endswith('.mp4')) %}
< 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-12-11 00:47:39 +00:00
< / div >
2021-12-11 00:47:52 +00:00
< / div >
2021-10-15 14:08:27 +00:00
{% endif %}
< / div >
2021-12-11 00:47:52 +00:00
< div class = "shadow-inset-t-white-05 bg-gray-200 md:border-t md:border-gray-300 py-4 mt-3 md:mt-0" >
< div class = "flex justify-between mb-2 px-2.5 md:px-0" >
< div class = "md:ml-20 font-bold text-sm" >
< span class = "text-black" >
{{ p.comment_count }} {{ 'Response' if p.comment_count == 1 else 'Responses' }}
< / span >
<!-- Entire thread link -->
{% if linked_comment and p.comment_count >= 2%}
< a href = "{% if v %}{{ p.permalink }}{% else %}/logged_out/{{p.permalink}}{% endif %}" class = "pl-2 text-red-600 hover:text-red-700" >
View entire thread
2021-12-06 19:30:35 +00:00
< / a >
2021-12-04 12:32:15 +00:00
{% endif %}
2021-11-24 21:38:34 +00:00
< / div >
2021-12-11 00:47:52 +00:00
< ul class = "flex space-x-3 text-sm text-gray-500 leading-normal mb-0" >
< li >
< a href = "?sort=top" class = "{{ 'font-bold text-red-600' if sort == 'top' else 'text-gray-500 hover:text-gray-700'}}" >
Top
< / a >
< / li >
< li >
< a href = "?sort=new" class = "{{ 'font-bold text-red-600' if sort == 'new' else 'text-gray-500 hover:text-gray-700'}}" >
Latest
< / a >
< / li >
< li >
< a href = "?sort=old" class = "{{ 'font-bold text-red-600' if sort == 'old' else 'text-gray-500 hover:text-gray-700'}}" >
Oldest
< / a >
< / li >
< li >
< a href = "?sort=controversial" class = "{{ 'font-bold text-red-600' if sort == 'controversial' else 'text-gray-500 hover:text-gray-700'}}" >
Controversial
< / a >
< / li >
< li >
< a href = "?sort=bottom" class = "{{ 'font-bold text-red-600' if sort == 'bottom' else 'text-gray-500 hover:text-gray-700'}}" >
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-11 00:47:52 +00:00
< div id = "comment-form-space-{{p.fullname}}" class = "comment-write flex px-2.5 md:px-0" >
< div class = "hidden md:block relative flex-shrink-0 mr-4 {{ 'santa' if p.author.patron else 'cap' }}" >
< 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" / >
< / div >
{% include "/comments/CommentForm.html" %}
< / div >
2021-12-06 15:42:51 +00:00
{% endif %}
2021-10-15 14:08:27 +00:00
2021-12-11 00:47:52 +00:00
{% if not v and not p.is_banned %}
< div class = "comment-write flex mb-3 px-2.5 md:px-0" >
< div class = "hidden md:block relative flex-shrink-0 mr-4" >
< div class = "flex items-center justify-center w-14 h-14 p-[3px] bg-transparent border border-dashed border-gray-400 object-cover" >
< i class = "fas fa-user fa-fw text-gray-400" > < / i >
< / div >
< / div >
< div class = "w-full" >
< textarea maxlength = "10000" class = "text-lg sm:text-base appearance-none block w-full rounded shadow-inner p-2 bg-gray-300 border border-gray-400 hover:border-gray-500 focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" name = "body" aria-label = "With textarea" placeholder = "Add your comment..." rows = "3" onclick = "location.href='/login?redirect={{request.path | urlencode}}';" > < / textarea >
< div class = "flex w-full justify-end mt-2" >
< a href = "/login?redirect={{request.path | urlencode}}" class = "btn btn-gray" > Log in to comment< / a >
< / div >
< / div >
2021-11-24 21:38:34 +00:00
< / div >
2021-12-11 00:47:52 +00:00
{% endif %}
2021-10-15 14:08:27 +00:00
2021-12-11 00:47:52 +00:00
{% if p.replies %}
< div class = "comment-section px-2.5 md:px-0" id = "comment-section" >
{% with comments=p.replies %}
{% include "comments.html" %}
{% endwith %}
2021-12-06 19:30:56 +00:00
< / div >
2021-12-11 00:47:52 +00:00
{% elif not p.replies and p.deleted_utc == 0 %}
< div class = "comment-section px-2.5 md:px-0 text-center py-7" >
< 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-11 00:47:52 +00:00
{% if offset %}
< script src = "/assets/js/viewmore.js?v=7" > < / script >
{% endif %}
2021-12-05 03:17:32 +00:00
2021-11-24 21:38:34 +00:00
< / div >
2021-11-25 21:11:27 +00:00
2021-12-11 00:47:52 +00:00
< / div >
2021-11-25 21:11:27 +00:00
2021-12-11 00:47:52 +00:00
{% endblock %}
2021-11-25 21:11:27 +00:00
