forked from rDrama/rDrama
commit
ead88e1680
|
@ -1,4 +1,65 @@
|
||||||
{% set random = range(1, 11)|random() %}
|
{% set random = range(0,11)|random() %}
|
||||||
|
|
||||||
|
{%
|
||||||
|
set banner = [
|
||||||
|
{
|
||||||
|
'username': 'Bartholomew_1',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-1.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'Yui',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-2.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'Bartholomew_1',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-3.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'chiobu',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-4.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'chiobu',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-5.webp?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-6.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'Bartholomew_1',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-7.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'drama_enthusiast',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-8.webp?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'dramarama',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-9.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-10.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'ThreeLetterAgent',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-11.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-12.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-13.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-14.jpg?a=1'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
%}
|
||||||
|
|
||||||
<div class="hidden xl:block xl:col-start-10 xl:col-end-13 flex-shrink-0 py-4">
|
<div class="hidden xl:block xl:col-start-10 xl:col-end-13 flex-shrink-0 py-4">
|
||||||
<div>
|
<div>
|
||||||
|
@ -57,16 +118,11 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
||||||
<button data-bs-toggle="modal" data-bs-target="#expandImageModal" data-bs-url="/static/assets/CHRISTMAS/banners/banner-1.jpg?a=1" onclick="expandDesktopImage('/static/assets/CHRISTMAS/banners/banner-1.jpg?a=1')" class="w-full h-56 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
<a href="/post/32341/" class="block w-full h-56 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
||||||
<img class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="/static/assets/CHRISTMAS/banners/banner-1.jpg?a=1" alt="new year celebration party with drinks"/>
|
<img class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="{{ banner[random].image }}" alt="artwork featuring an orange and white cat"/>
|
||||||
</button>
|
</a>
|
||||||
<!-- Link to OC post -->
|
<small class="mt-1 block text-gray-500">
|
||||||
<small class="block mt-1 text-right text-gray-500">
|
Artwork by <a href="/@{{ banner[random].username }}" class="font-bold">@{{ banner[random].username }}</a>
|
||||||
<a href="/post/32341/" class="font-bold">Share</a> your artwork to have it featured
|
|
||||||
</small>
|
|
||||||
<!-- Creds -->
|
|
||||||
<small class="hidden mt-1 text-right text-gray-500">
|
|
||||||
Artwork by <a href="/@username-here" class="font-bold">@username-here</a>
|
|
||||||
</small>
|
</small>
|
||||||
{% if v %}
|
{% if v %}
|
||||||
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
||||||
|
|
|
@ -454,9 +454,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if v and (v.id==p.author_id or v.admin_level > 1 and v.admin_level > 2) %}
|
{% if v and (v.id==p.author_id or v.admin_level > 1 and v.admin_level > 2) %}
|
||||||
<div class="py-2">
|
|
||||||
{% include "CHRISTMAS/submission/SubmissionEditForm.html" %}
|
{% include "CHRISTMAS/submission/SubmissionEditForm.html" %}
|
||||||
</div>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if p.embed_url and "http" not in p.embed_url and "<" not in p.embed_url %}
|
{% if p.embed_url and "http" not in p.embed_url and "<" not in p.embed_url %}
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div id="edit-post-body-{{p.id}}" class="hidden">
|
<div id="edit-post-body-{{p.id}}" class="py-2 hidden">
|
||||||
<form id="post-edit-form-{{p.id}}" class="flex flex-col w-full" action="/edit_post/{{p.id}}" method="post">
|
<form id="post-edit-form-{{p.id}}" class="flex flex-col w-full" action="/edit_post/{{p.id}}" method="post">
|
||||||
<input type="hidden" name="formkey" value="{{v.formkey}}">
|
<input type="hidden" name="formkey" value="{{v.formkey}}">
|
||||||
<input type="hidden" name="current_page" value="{{request.path}}">
|
<input type="hidden" name="current_page" value="{{request.path}}">
|
||||||
|
|
|
@ -259,37 +259,33 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="relative z-10 flex flex-row flex-nowrap pl-3 md:pl-5 flex-shrink-0">
|
<div class="relative z-10 flex flex-row flex-nowrap pl-3 md:pl-5 flex-shrink-0">
|
||||||
<div style="z-index: 3;">
|
{% if p.club and not (v and (v.paid_dues or v.id == p.author_id)) %}
|
||||||
{% if p.club and not (v and v.paid_dues) %}
|
|
||||||
<img loading="lazy" src="/assets/images/emojis/marseyglow.webp" class="post-thumbnail shadow-sm p-[3px] w-24 h-16 md:w-32 md:h-20 object-cover bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
<img loading="lazy" src="/assets/images/emojis/marseyglow.webp" class="post-thumbnail shadow-sm p-[3px] w-24 h-16 md:w-32 md:h-20 object-cover bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
||||||
{% elif not p.url %}
|
{% elif not p.url %}
|
||||||
<a {% if v and v.newtab %}target="_blank"{% endif %} {% if v %}href="{{p.permalink}}"{% else %}href="/logged_out{{p.permalink}}"{% endif %}>
|
<a {% if v and v.newtab %}target="_blank"{% endif %} {% if v %}href="{{p.permalink}}"{% else %}href="/logged_out{{p.permalink}}"{% 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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
<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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
||||||
</a>
|
</a>
|
||||||
{% elif p.is_image %}
|
{% elif p.is_image %}
|
||||||
<button data-bs-toggle="modal" data-bs-target="#expandImageModal" data-bs-url="{{p.realurl(v)}}" onclick="expandDesktopImage('{{ p.realurl(v) }}')">
|
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#expandImageModal" data-bs-url="{{p.realurl(v)}}" onclick="expandDesktopImage('{{ p.realurl(v) }}')">
|
||||||
<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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
<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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
||||||
</button>
|
</a>
|
||||||
{% elif (p.url and p.url.lower().endswith('.mp4')) or (p.embed_url and "youtu" in p.domain) or (p.url and "streamable.com/e/" in p.url) %}
|
{% elif p.is_video %}
|
||||||
<button onclick="document.getElementById('video-{{p.id}}').classList.toggle('hidden')">
|
<a href="javascript:void(0)" onclick="toggleVideo({{p.id}})">
|
||||||
<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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
<img alt="post thumnail" 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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
||||||
</button>
|
</a>
|
||||||
|
{% elif p.is_youtube %}
|
||||||
|
<a href="javascript:void(0)" onclick="document.getElementById('video-{{p.id}}').classList.toggle('hidden')">
|
||||||
|
<img alt="post thumnail" 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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
||||||
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}">
|
<a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}">
|
||||||
<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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
<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 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 flex-shrink-0">
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="relative z-10 md:hidden pt-3">
|
|
||||||
{% include "CHRISTMAS/submission/SubmissionActionsMobile.html" %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% include "CHRISTMAS/modals/ModalSubmissionActions.html" %}
|
|
||||||
|
|
||||||
{% if p.is_image and not p.over_18 and ((v and v.cardview) or (not v and environ.get('CARD_VIEW') == '1')) %}
|
{% if p.is_image and not p.over_18 and ((v and v.cardview) or (not v and environ.get('CARD_VIEW') == '1')) %}
|
||||||
<div class="md:ml-[4.5rem] mt-4">
|
<div class="md:ml-[4.5rem] mt-4">
|
||||||
<a target="_blank" rel="nofollow noopener noreferrer" href="{{p.url}}" class="inline-block">
|
<a target="_blank" rel="nofollow noopener noreferrer" href="{{p.url}}" class="inline-block">
|
||||||
|
@ -298,29 +294,28 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if not p.club or v and (v.paid_dues or v.id == p.author_id) %}
|
{% if not p.club or v and (v.paid_dues or v.id == p.author_id) and (p.is_video or p.is_youtube) %}
|
||||||
|
<div class="relative z-10">
|
||||||
{% if p.is_video %}
|
{% if p.is_video %}
|
||||||
<div id="video-{{p.id}}" style="text-align: center" class="{% if p.over_18 or not ((v and v.cardview) or (not v and environ.get('CARD_VIEW') == '1')) %}hidden{% endif %} md:ml-[4.5rem] mt-3">
|
<div id="video-{{p.id}}" class="text-center {% if p.over_18 or not ((v and v.cardview) or (not v and environ.get('CARD_VIEW') == '1')) %}hidden{% endif %} md:ml-[4.5rem] mt-3">
|
||||||
<video controls loop preload="metadata" class="w-full max-h-[20rem]">
|
<video controls loop preload="metadata" class="w-full max-h-[20rem]">
|
||||||
<source src="{{p.realurl(v)}}" type="video/mp4">
|
<source src="{{p.realurl(v)}}" type="video/mp4">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
{% elif p.embed_url and "youtu" in p.domain %}
|
{% elif p.is_youtube %}
|
||||||
<div id="video-{{p.id}}" style="text-align: center" class="{% if p.over_18 or not ((v and v.cardview) or (not v and environ.get('CARD_VIEW') == '1')) %}hidden{% endif %} md:ml-[4.5rem] mt-3">
|
<div id="video-{{p.id}}" class="{% if p.over_18 or not ((v and v.cardview) or (not v and environ.get('CARD_VIEW') == '1')) %}hidden{% endif %} md:ml-[4.5rem] mt-3">
|
||||||
{% if 'lite' in p.embed_url %}
|
|
||||||
{{p.embed_url | safe}}
|
{{p.embed_url | safe}}
|
||||||
{% else %}
|
|
||||||
<iframe loading="lazy" src="{{p.embed_url}}" frameborder="0" class="w-full max-h-[20rem]" width="600" height="337" allow="fullscreen"></iframe>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% elif p.url and "streamable.com/e/" in p.url %}
|
|
||||||
<div id="video-{{p.id}}" style="text-align: center" class="{% if p.over_18 or not ((v and v.cardview) or (not v and environ.get('CARD_VIEW') == '1')) %}hidden{% endif %} md:ml-[4.5rem] mt-3">
|
|
||||||
<iframe loading="lazy" src="{{p.url}}" frameborder="0" class="w-full max-h-[20rem]" width="600" height="337" allow="fullscreen">
|
|
||||||
</iframe>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
<div class="relative z-10 md:hidden pt-3">
|
||||||
|
{% include "CHRISTMAS/submission/SubmissionActionsMobile.html" %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include "CHRISTMAS/modals/ModalSubmissionActions.html" %}
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
@ -393,7 +388,7 @@
|
||||||
{% include "CHRISTMAS/expanded_image_modal.html" %}
|
{% include "CHRISTMAS/expanded_image_modal.html" %}
|
||||||
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/new_comments_count.js?a=1"></script>
|
<script defer src="/assets/CHRISTMAS/js/new_comments_count.js?a=1"></script>
|
||||||
<script defer src="/assets/CHRISTMAS/js/submission_listing.js?a=1"></script>
|
<script defer src="/assets/CHRISTMAS/js/submission_listing.js?a=2"></script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.mod:before {
|
.mod:before {
|
||||||
|
|
Loading…
Reference in New Issue