forked from rDrama/rDrama
commit
b6b615ae8a
|
@ -912,6 +912,10 @@ video {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
.my-0 {
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
.mx-0 {
|
.mx-0 {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
|
@ -932,10 +936,6 @@ video {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
}
|
}
|
||||||
.my-0 {
|
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
.-mx-4 {
|
.-mx-4 {
|
||||||
margin-left: -1rem;
|
margin-left: -1rem;
|
||||||
margin-right: -1rem;
|
margin-right: -1rem;
|
||||||
|
@ -1321,9 +1321,6 @@ video {
|
||||||
.resize-y {
|
.resize-y {
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
}
|
}
|
||||||
.resize {
|
|
||||||
resize: both;
|
|
||||||
}
|
|
||||||
.list-none {
|
.list-none {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
@ -2091,10 +2088,6 @@ video {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
}
|
}
|
||||||
.px-2 {
|
|
||||||
padding-left: 0.5rem;
|
|
||||||
padding-right: 0.5rem;
|
|
||||||
}
|
|
||||||
.py-4 {
|
.py-4 {
|
||||||
padding-top: 1rem;
|
padding-top: 1rem;
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@ -2107,6 +2100,10 @@ video {
|
||||||
padding-top: 0.5rem;
|
padding-top: 0.5rem;
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
.px-2 {
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
padding-right: 0.5rem;
|
||||||
|
}
|
||||||
.px-0 {
|
.px-0 {
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
|
@ -2170,18 +2167,15 @@ video {
|
||||||
.pl-0 {
|
.pl-0 {
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
}
|
}
|
||||||
.pt-1 {
|
|
||||||
padding-top: 0.25rem;
|
|
||||||
}
|
|
||||||
.pl-2 {
|
|
||||||
padding-left: 0.5rem;
|
|
||||||
}
|
|
||||||
.pr-1 {
|
.pr-1 {
|
||||||
padding-right: 0.25rem;
|
padding-right: 0.25rem;
|
||||||
}
|
}
|
||||||
.pl-1 {
|
.pl-1 {
|
||||||
padding-left: 0.25rem;
|
padding-left: 0.25rem;
|
||||||
}
|
}
|
||||||
|
.pl-2 {
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
}
|
||||||
.pr-2 {
|
.pr-2 {
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
}
|
}
|
||||||
|
@ -2231,7 +2225,7 @@ video {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.font-heading {
|
.font-heading {
|
||||||
font-family: Delius Swash Caps;
|
font-family: Helvetica Neue, -apple-system, BlinkMacSystemFont, Tahoma, Segoe UI, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
||||||
}
|
}
|
||||||
.font-serif {
|
.font-serif {
|
||||||
font-family: Georgia;
|
font-family: Georgia;
|
||||||
|
|
|
@ -182,7 +182,7 @@
|
||||||
|
|
||||||
{% if c.sentto == None %}
|
{% if c.sentto == None %}
|
||||||
<div class="flex flex-col flex-shrink-0 items-center mr-2.5 {{ 'md:mr-4' if not c.parent_comment_id or standalone else 'md:mr-3' }}">
|
<div class="flex flex-col flex-shrink-0 items-center mr-2.5 {{ 'md:mr-4' if not c.parent_comment_id or standalone else 'md:mr-3' }}">
|
||||||
<button class="relative {{ 'santa' if c.author.patron else 'cap' }}" onclick="collapse_comment('{{c.id}}')">
|
<button class="relative" onclick="collapse_comment('{{c.id}}')">
|
||||||
{% if standalone or level==1 %}
|
{% if standalone or level==1 %}
|
||||||
<img loading="lazy" src="{{ c.author.profile_url }}" class="hidden md:block flex-shrink-0 w-14 h-14 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover lozad" alt="{{ c.author.username }} avatar"/>
|
<img loading="lazy" src="{{ c.author.profile_url }}" class="hidden md:block flex-shrink-0 w-14 h-14 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover lozad" alt="{{ c.author.username }} avatar"/>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
@ -195,7 +195,7 @@
|
||||||
|
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
|
|
||||||
<div id="{% if comment_info and comment_info.id == c.id %}context{%else%}comment-{{c.id}}-only{% endif %}" class="comment-anchor relative {% if comment_info and comment_info.id == c.id %}context{%endif%}{% if c.is_banned %} banned{% endif %}{% if c.deleted_utc %} deleted{% endif %} {% if c.award_count("snow") %}snowcaps{% endif %} {% if c.award_count("lights") %}lights{% endif %}">
|
<div id="{% if comment_info and comment_info.id == c.id %}context{%else%}comment-{{c.id}}-only{% endif %}" class="comment-anchor relative {% if comment_info and comment_info.id == c.id %}context{%endif%}{% if c.is_banned %} banned{% endif %}{% if c.deleted_utc %} deleted{% endif %}">
|
||||||
|
|
||||||
<span class="absolute right-4 top-2" id="reddot-{{c.id}}"></span>
|
<span class="absolute right-4 top-2" id="reddot-{{c.id}}"></span>
|
||||||
|
|
||||||
|
@ -221,7 +221,7 @@
|
||||||
<i class="fas fa-badge-check" style="color:{% if c.author.verifiedcolor %}#{{c.author.verifiedcolor}}{% else %}#1DA1F2{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="{{c.author.verified}}"></i>
|
<i class="fas fa-badge-check" style="color:{% if c.author.verifiedcolor %}#{{c.author.verifiedcolor}}{% else %}#1DA1F2{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="{{c.author.verified}}"></i>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="relative md:hidden flex-shrink-0 {{ 'santa' if c.author.patron else 'cap' }}">
|
<div class="relative md:hidden flex-shrink-0">
|
||||||
<img loading="lazy" src="{{ c.author.profile_url }}" class="flex-shrink-0 w-9 h-9 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover lozad" alt="{{ c.author.username }} avatar"/>
|
<img loading="lazy" src="{{ c.author.profile_url }}" class="flex-shrink-0 w-9 h-9 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover lozad" alt="{{ c.author.username }} avatar"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -318,7 +318,7 @@
|
||||||
<div id="comment-banned-warning" class="hidden-on-collapse text-red-600 mb-0">Removed by @{{c.ban_reason}}</div>
|
<div id="comment-banned-warning" class="hidden-on-collapse text-red-600 mb-0">Removed by @{{c.ban_reason}}</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div id="comment-text-{{c.id}}" class="comment-text hidden-on-collapse mt-2 break-words {% if c.award_count("candycane") %}candycane{% endif %} {% if c.sentto != None and v.id==c.author_id %}text-green-700 dark:text-green-400{% endif %}">
|
<div id="comment-text-{{c.id}}" class="comment-text hidden-on-collapse mt-2 break-words {% if c.sentto != None and v.id==c.author_id %}text-green-700 dark:text-green-400{% endif %}">
|
||||||
{{c.realbody(v) | safe}}
|
{{c.realbody(v) | safe}}
|
||||||
{% if c.options %}
|
{% if c.options %}
|
||||||
{% for o in c.options %}
|
{% for o in c.options %}
|
||||||
|
|
|
@ -192,11 +192,9 @@
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=1">
|
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=2">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/static/dist/main.css?a=1">
|
<link rel="stylesheet" href="/static/dist/main.css?a=2">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/CHRISTMAS/css/mistletoe.css?a=1">
|
|
||||||
|
|
||||||
{% if v %}
|
{% if v %}
|
||||||
<style>:root{--primary:#dc2626}</style>
|
<style>:root{--primary:#dc2626}</style>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<!-- This example requires Tailwind CSS v2.0+ -->
|
<!-- This example requires Tailwind CSS v2.0+ -->
|
||||||
<nav class="fixed top-0 w-full bg-gray-700" style="z-index: 1030;">
|
<nav class="fixed top-0 w-full bg-gray-700" style="z-index: 1030;">
|
||||||
<div class="w-full max-w-screen-2xl mx-auto grid grid-cols-12 px-4">
|
<div class="w-full max-w-screen-2xl mx-auto grid grid-cols-12 px-4">
|
||||||
<div class="relative col-span-full flex items-center justify-between h-16 px-4 snowcaps">
|
<div class="relative col-span-full flex items-center justify-between h-16 px-4">
|
||||||
{% if not error %}
|
{% if not error %}
|
||||||
<div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
|
<div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
|
||||||
<!-- Mobile menu button-->
|
<!-- Mobile menu button-->
|
||||||
|
@ -66,7 +66,7 @@
|
||||||
|
|
||||||
<a href="/shop" class="hidden xl:flex items-center relative px-3 py-2.5 rounded text-sm text-yellow-500 leading-normal {{ 'font-bold text-shadow' if request.path == '/shop' else 'font-medium' }}">
|
<a href="/shop" class="hidden xl:flex items-center relative px-3 py-2.5 rounded text-sm text-yellow-500 leading-normal {{ 'font-bold text-shadow' if request.path == '/shop' else 'font-medium' }}">
|
||||||
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="15px" height="12px" class="object-contain mr-2.5"/>
|
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="15px" height="12px" class="object-contain mr-2.5"/>
|
||||||
Holigay Emporium
|
Shop
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -127,7 +127,7 @@
|
||||||
|
|
||||||
<!-- Mobile menu, show/hide based on menu state. -->
|
<!-- Mobile menu, show/hide based on menu state. -->
|
||||||
<div class="offcanvas offcanvas-start bg-gray-200" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
|
<div class="offcanvas offcanvas-start bg-gray-200" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
|
||||||
<div class="relative flex w-full bg-gray-700 h-16 px-4 items-center snowcaps">
|
<div class="relative flex w-full bg-gray-700 h-16 px-4 items-center">
|
||||||
<a class="block" href="{{ '/' if v else '/logged_out'}}">
|
<a class="block" href="{{ '/' if v else '/logged_out'}}">
|
||||||
<img class="block lg:hidden w-32 object-contain" src="/assets/CHRISTMAS/images/logos/winter/logo-{{ random }}.png" alt="logo">
|
<img class="block lg:hidden w-32 object-contain" src="/assets/CHRISTMAS/images/logos/winter/logo-{{ random }}.png" alt="logo">
|
||||||
<img class="hidden lg:block w-32 object-contain" src="/assets/CHRISTMAS/images/logos/winter/logo-{{ random }}.png" alt="logo">
|
<img class="hidden lg:block w-32 object-contain" src="/assets/CHRISTMAS/images/logos/winter/logo-{{ random }}.png" alt="logo">
|
||||||
|
|
|
@ -324,13 +324,4 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block modals %}
|
|
||||||
<div class="frost"></div>
|
|
||||||
{% include 'CHRISTMAS//awards/Christmas/Snow.html' %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block scripts %}
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/snow.js?a=1"></script>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -98,8 +98,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/snow.js?a=1"></script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -34,11 +34,9 @@
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=1">
|
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=2">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/static/dist/main.css?a=1">
|
<link rel="stylesheet" href="/static/dist/main.css?a=2">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/CHRISTMAS/css/mistletoe.css?a=1">
|
|
||||||
|
|
||||||
{% if v %}
|
{% if v %}
|
||||||
<style>:root{--primary:#{{v.themecolor}}}</style>
|
<style>:root{--primary:#{{v.themecolor}}}</style>
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="relative col-span-full flex items-center">
|
<div class="relative col-span-full flex items-center">
|
||||||
<div>
|
<div>
|
||||||
<h1 class="font-bold text-xl font-heading leading-normal mb-0">
|
<h1 class="font-bold text-xl font-heading leading-normal mb-0">
|
||||||
rDrama's Holigay Emporium
|
Shop
|
||||||
</h1>
|
</h1>
|
||||||
<small class="block text-gray-700 dark:text-gray-400">
|
<small class="block text-gray-700 dark:text-gray-400">
|
||||||
Stir drama. Earn coins.
|
Stir drama. Earn coins.
|
||||||
|
@ -143,13 +143,7 @@
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block modals %}
|
|
||||||
<div class="frost"></div>
|
|
||||||
{% include 'CHRISTMAS//awards/Christmas/Snow.html' %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/snow.js?a=1"></script>
|
|
||||||
<style>
|
<style>
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.table th {
|
.table th {
|
||||||
|
|
|
@ -3,12 +3,12 @@
|
||||||
<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>
|
||||||
<h2 class="ml-2 font-bold text-xl text-gray-900 dark:text-gray-300 font-heading leading-normal mb-2">
|
<h2 class="ml-2 font-bold text-xl text-gray-900 dark:text-gray-300 font-heading leading-normal mb-2">
|
||||||
Fistmas Stickies
|
Stickies
|
||||||
</h2>
|
</h2>
|
||||||
<ul class="flex flex-col space-y-2 mb-0">
|
<ul class="flex flex-col space-y-2 mb-0">
|
||||||
<li class="flex">
|
<li class="flex">
|
||||||
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
||||||
<img class="object-contain w-5 h-5" src="/assets/CHRISTMAS/ribbon1.png" alt="ribbon icon">
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
||||||
</div>
|
</div>
|
||||||
<div class="pl-3 mt-[-1px] truncate">
|
<div class="pl-3 mt-[-1px] truncate">
|
||||||
<a href="/post/32231/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
<a href="/post/32231/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="flex">
|
<li class="flex">
|
||||||
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
||||||
<img class="object-contain w-5 h-5" src="/assets/CHRISTMAS/ribbon1.png" alt="ribbon icon">
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
||||||
</div>
|
</div>
|
||||||
<div class="pl-3 mt-[-1px] truncate">
|
<div class="pl-3 mt-[-1px] truncate">
|
||||||
<a href="/post/29748/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
<a href="/post/29748/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
||||||
|
@ -40,7 +40,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="flex">
|
<li class="flex">
|
||||||
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
||||||
<img class="object-contain w-5 h-5" src="/assets/CHRISTMAS/ribbon1.png" alt="ribbon icon">
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
||||||
</div>
|
</div>
|
||||||
<div class="pl-3 mt-[-1px] truncate">
|
<div class="pl-3 mt-[-1px] truncate">
|
||||||
<a href="/post/32180/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
<a href="/post/32180/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
||||||
|
@ -57,11 +57,16 @@
|
||||||
</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="/assets/CHRISTMAS/banners/banner-11.gif" onclick="expandDesktopImage('/assets/CHRISTMAS/banners/banner-11.gif')" class="w-full h-56 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
<button data-bs-toggle="modal" data-bs-target="#expandImageModal" data-bs-url="/assets/CHRISTMAS/banners/banner-1.jpg" onclick="expandDesktopImage('/assets/CHRISTMAS/banners/banner-1.jpg')" class="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="/assets/CHRISTMAS/banners/banner-11.gif" alt="cat in a bar wearing a santa hat"/>
|
<img class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="/assets/CHRISTMAS/banners/banner-1.jpg" alt="new year celebration party with drinks"/>
|
||||||
</button>
|
</button>
|
||||||
|
<!-- Link to OC post -->
|
||||||
<small class="block mt-1 text-right text-gray-500">
|
<small class="block mt-1 text-right text-gray-500">
|
||||||
Artwork by <a href="/@cynic" class="font-bold">@cynic</a> and <a href="/@dramarama" class="font-bold">@dramarama</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"/>
|
||||||
|
|
|
@ -14,8 +14,4 @@
|
||||||
<label class="leading-4 ml-2 inline-block badge badge-yellow select-none" for="clubCheck">Country Club</label>
|
<label class="leading-4 ml-2 inline-block badge badge-yellow select-none" for="clubCheck">Country Club</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr class="my-2 border-t border-gray-300 dark:border-gray-900 h-1 shadow-inset-t-white-10"/>
|
|
||||||
<a href="https://www.youtube.com/watch?v=1" target="_blank">
|
|
||||||
<img src="https://media0.giphy.com/media/3o72FhIuVWddxQHftS/giphy.gif" class="sticky top-4 w-full h-58 object-contain p-[3px] bg-white lozad" alt="cozy fireplace log fire"/>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
|
@ -160,8 +160,6 @@
|
||||||
<script src="/assets/CHRISTMAS/js/hcaptcha.js?a=1"></script>
|
<script src="/assets/CHRISTMAS/js/hcaptcha.js?a=1"></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/snow.js?a=1"></script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -102,7 +102,7 @@
|
||||||
{% block pagetype %}thread{% endblock %}
|
{% block pagetype %}thread{% endblock %}
|
||||||
|
|
||||||
{% block subHeader %}
|
{% block subHeader %}
|
||||||
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t {% if p.award_count("lights") %}lights{% endif %}">
|
<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 dark:bg-none dark:bg-gray-800 rounded-t sub-header-shadow dark:border-b dark:border-gray-700"></div>
|
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 dark:bg-none dark:bg-gray-800 rounded-t sub-header-shadow dark:border-b dark:border-gray-700"></div>
|
||||||
<div class="relative col-span-full flex items-center">
|
<div class="relative col-span-full flex items-center">
|
||||||
<div>
|
<div>
|
||||||
|
@ -295,7 +295,7 @@
|
||||||
<!-- Meta information -->
|
<!-- 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">
|
<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">
|
||||||
|
|
||||||
<div class="relative md:hidden flex-shrink-0 {{ 'santa' if p.author.patron else 'cap' }}">
|
<div class="relative md:hidden flex-shrink-0">
|
||||||
<img loading="lazy" src="{{ p.author.profile_url }}" class="w-9 h-9 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="{{ p.author.username }} avatar"/>
|
<img loading="lazy" src="{{ p.author.profile_url }}" class="w-9 h-9 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="{{ p.author.username }} avatar"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -402,7 +402,7 @@
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div id="post-text" class="post-text text-black dark:text-gray-200 {% if p.award_count("candycane") %}candycane{% endif %}">
|
<div id="post-text" class="post-text text-black dark:text-gray-200">
|
||||||
{% if p.is_image %}
|
{% if p.is_image %}
|
||||||
<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.realurl(v)}}" class="img-fluid" style="max-height:500px;" alt="Unable to load image">
|
<img loading="lazy" src="{{p.realurl(v)}}" class="img-fluid" style="max-height:500px;" alt="Unable to load image">
|
||||||
|
@ -581,7 +581,7 @@
|
||||||
|
|
||||||
{% if v %}
|
{% if v %}
|
||||||
<div id="comment-form-space-{{p.fullname}}" class="comment-write flex px-2.5 md:px-0">
|
<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' }}">
|
<div class="hidden md:block relative flex-shrink-0 mr-4">
|
||||||
<img loading="lazy" src="{{v.profile_url}}" class="w-14 h-14 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="my avatar"/>
|
<img loading="lazy" src="{{v.profile_url}}" class="w-14 h-14 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="my avatar"/>
|
||||||
</div>
|
</div>
|
||||||
{% include "CHRISTMAS/comments/CommentForm.html" %}
|
{% include "CHRISTMAS/comments/CommentForm.html" %}
|
||||||
|
|
|
@ -35,114 +35,3 @@
|
||||||
</script>
|
</script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<!-- Christmas Awards -->
|
|
||||||
|
|
||||||
<!-- Ginger Marsey award -->
|
|
||||||
{% if p.award_count("gingerbread") %}
|
|
||||||
{% include "CHRISTMAS/awards/Christmas/Gingerbread.html" %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Snow award -->
|
|
||||||
{% if p.award_count("snow") %}
|
|
||||||
|
|
||||||
{% include "CHRISTMAS/awards/Christmas/Snow.html" %}
|
|
||||||
{% if p.award_count("snow") > 5 %}
|
|
||||||
<div class="frost"></div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% set snowCount = p.award_count("snow") if p.award_count("snow") < 5 else 5 %}
|
|
||||||
<script defer>
|
|
||||||
document.addEventListener('DOMContentLoaded', function(){
|
|
||||||
var script = document.createElement('script');
|
|
||||||
script.src = 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js';
|
|
||||||
script.onload = function(){
|
|
||||||
particlesJS("snow", {
|
|
||||||
"particles": {
|
|
||||||
"number": {
|
|
||||||
"value": 60 * {{ snowCount }},
|
|
||||||
"density": {
|
|
||||||
"enable": true,
|
|
||||||
"value_area": 800
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"color": {
|
|
||||||
"value": "#ffffff"
|
|
||||||
},
|
|
||||||
"opacity": {
|
|
||||||
"value": 0.7,
|
|
||||||
"random": false,
|
|
||||||
"anim": {
|
|
||||||
"enable": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"size": {
|
|
||||||
"value": 5,
|
|
||||||
"random": true,
|
|
||||||
"anim": {
|
|
||||||
"enable": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"line_linked": {
|
|
||||||
"enable": false
|
|
||||||
},
|
|
||||||
"move": {
|
|
||||||
"enable": true,
|
|
||||||
"speed": 4,
|
|
||||||
"direction": "bottom",
|
|
||||||
"random": true,
|
|
||||||
"straight": false,
|
|
||||||
"out_mode": "out",
|
|
||||||
"bounce": false,
|
|
||||||
"attract": {
|
|
||||||
"enable": true,
|
|
||||||
"rotateX": 300,
|
|
||||||
"rotateY": 1200
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"interactivity": {
|
|
||||||
"events": {
|
|
||||||
"onhover": {
|
|
||||||
"enable": false
|
|
||||||
},
|
|
||||||
"onclick": {
|
|
||||||
"enable": false
|
|
||||||
},
|
|
||||||
"resize": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"retina_detect": true
|
|
||||||
});
|
|
||||||
}
|
|
||||||
document.head.append(script);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Songs & Fireplace awards (logged in) -->
|
|
||||||
{% if v and not v.grincheffect %}
|
|
||||||
{% if p.award_count("snow") and p.award_count("fireplace") %}
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/deanmartin.js?a=1"></script>
|
|
||||||
{% elif p.award_count("fireplace")%}
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/fireplace.js?a=1"></script>
|
|
||||||
{% else %}
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/playlist.js?a=1"></script>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Songs & Fireplace awards (logged out) -->
|
|
||||||
{% if not v %}
|
|
||||||
{% if p.award_count("snow") and p.award_count("fireplace") %}
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/deanmartin.js?a=1"></script>
|
|
||||||
{% elif p.award_count("fireplace")%}
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/fireplace.js?a=1"></script>
|
|
||||||
{% else %}
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/playlist.js?a=1"></script>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Fireplace award -->
|
|
||||||
{% if p.award_count("fireplace")%}
|
|
||||||
{% include "CHRISTMAS/awards/Christmas/Fireplace.html" %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
|
|
@ -45,12 +45,12 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<li id="post-{{p.id}}" class="relative p-2.5 mb-2 md:mb-4 md:pb-4 md:pt-0 md:px-0 border-b border-gray-300 dark:border-gray-700 {% if p.is_banned %}bg-red-200{% elif p.deleted_utc %}bg-yellow-200{% else %} md:bg-transparent bg-gray-200 dark:bg-gray-800 dark:md:bg-transparent{% endif %} {% if p.stickied %} stickied{% endif %}{% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}{% if p.over_18 %} nsfw{% endif %} list-none {% if p.award_count("snow") %}snowcaps{% endif %} {% if p.award_count("lights") %}lights{% endif %}">
|
<li id="post-{{p.id}}" class="relative p-2.5 mb-2 md:mb-4 md:pb-4 md:pt-0 md:px-0 border-b border-gray-300 dark:border-gray-700 {% if p.is_banned %}bg-red-200{% elif p.deleted_utc %}bg-yellow-200{% else %} md:bg-transparent bg-gray-200 dark:bg-gray-800 dark:md:bg-transparent{% endif %} {% if p.stickied %} stickied{% endif %}{% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}{% if p.over_18 %} nsfw{% endif %} list-none">
|
||||||
|
|
||||||
<div class="flex flex-nowrap">
|
<div class="flex flex-nowrap">
|
||||||
|
|
||||||
<div class="relative z-10 hidden md:flex flex-col flex-shrink-0 items-center mr-4">
|
<div class="relative z-10 hidden md:flex flex-col flex-shrink-0 items-center mr-4">
|
||||||
<div class="relative {{ 'santa' if p.author.patron else 'cap' }}">
|
<div class="relative">
|
||||||
<img loading="lazy" src="{{ p.author.profile_url }}" class="hidden md:block flex-shrink-0 w-14 h-14 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="{{ p.author.username }} avatar"/>
|
<img loading="lazy" src="{{ p.author.profile_url }}" class="hidden md:block flex-shrink-0 w-14 h-14 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="{{ p.author.username }} avatar"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -93,7 +93,7 @@
|
||||||
|
|
||||||
<div class="relative z-10 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 {% if p.award_count('ghosts') %}ghosts{% endif %}">
|
<div class="relative z-10 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 {% if p.award_count('ghosts') %}ghosts{% endif %}">
|
||||||
|
|
||||||
<div class="relative md:hidden flex-shrink-0 {{ 'santa' if p.author.patron else 'cap' }}">
|
<div class="relative md:hidden flex-shrink-0">
|
||||||
<img loading="lazy" src="{{ p.author.profile_url }}" class="flex-shrink-0 w-9 h-9 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="{{ p.author.username }} avatar"/>
|
<img loading="lazy" src="{{ p.author.profile_url }}" class="flex-shrink-0 w-9 h-9 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" alt="{{ p.author.username }} avatar"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -174,11 +174,9 @@
|
||||||
{% block modals %}
|
{% block modals %}
|
||||||
{% include "CHRISTMAS/emoji_modal.html" %}
|
{% include "CHRISTMAS/emoji_modal.html" %}
|
||||||
{% include "CHRISTMAS/gif_modal.html" %}
|
{% include "CHRISTMAS/gif_modal.html" %}
|
||||||
{% include 'CHRISTMAS//awards/Christmas/Snow.html' %}
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
<script defer src="/assets/CHRISTMAS/js/marked.js?a=1"></script>
|
<script defer src="/assets/CHRISTMAS/js/marked.js?a=1"></script>
|
||||||
<script defer src="/assets/CHRISTMAS/js/submit.js?a=1"></script>
|
<script defer src="/assets/CHRISTMAS/js/submit.js?a=1"></script>
|
||||||
<script defer src="/assets/CHRISTMAS/js/christmas/snow.js?a=1"></script>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -31,7 +31,7 @@ module.exports = {
|
||||||
},
|
},
|
||||||
fontFamily: {
|
fontFamily: {
|
||||||
'sans-serif': ['Helvetica Neue', '-apple-system', 'BlinkMacSystemFont', 'Tahoma', 'Segoe UI', 'Helvetica', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'],
|
'sans-serif': ['Helvetica Neue', '-apple-system', 'BlinkMacSystemFont', 'Tahoma', 'Segoe UI', 'Helvetica', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'],
|
||||||
'heading': ['Delius Swash Caps'],
|
'heading': ['Helvetica Neue', '-apple-system', 'BlinkMacSystemFont', 'Tahoma', 'Segoe UI', 'Helvetica', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'],
|
||||||
'serif': ['Georgia'],
|
'serif': ['Georgia'],
|
||||||
'mono': 'SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace'
|
'mono': 'SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace'
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue