Merge branch 'mistletoe' into snow
This commit is contained in:
commit
b29495a3b3
25 changed files with 5857 additions and 113 deletions
5707
files/assets/css/main-deprecated.css
Normal file
5707
files/assets/css/main-deprecated.css
Normal file
File diff suppressed because it is too large
Load diff
|
@ -4746,3 +4746,7 @@ blockquote p {
|
|||
object-fit: cover;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.max-h-12 {
|
||||
max-height: 3rem;
|
||||
}
|
||||
|
|
|
@ -8,13 +8,16 @@ document.getElementsByTagName('body')[0].onscroll = () => {
|
|||
// var navbar = document.getElementById("navbar");
|
||||
|
||||
if (bottomBar != null) {
|
||||
if (currentScrollPos <= 60 || (currentScrollPos >= document.body.offsetHeight)) {
|
||||
if (currentScrollPos <= 60 || ((window.innerHeight + currentScrollPos) < document.body.offsetHeight)) {
|
||||
// console.log('less than 60 greater than offsetHeight');
|
||||
bottomBar.style.transform = "translateY(60px)";
|
||||
}
|
||||
else if (prevScrollpos > currentScrollPos) {
|
||||
// console.log('prev greater than current');
|
||||
bottomBar.style.transform = "translateY(0px)"
|
||||
}
|
||||
else {
|
||||
// console.log('else');
|
||||
bottomBar.style.transform = "translateY(60px)";
|
||||
}
|
||||
}
|
||||
|
|
|
@ -179,7 +179,7 @@ def sanitize(sanitized, noimages=False):
|
|||
classes = 'class="emoji-lg" '
|
||||
remoji = emoji[1:]
|
||||
else:
|
||||
classes = 'height=60 class="emoji-lg" '
|
||||
classes = 'height=60 class="emoji" '
|
||||
remoji = emoji
|
||||
|
||||
if path.isfile(f'./files/assets/images/emojis/{remoji}.webp'):
|
||||
|
|
|
@ -39,8 +39,9 @@
|
|||
.train1 {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
width: 40px;
|
||||
width: 150px;
|
||||
animation: train 3s linear infinite !important;
|
||||
top: 35%
|
||||
}
|
||||
.train2 {
|
||||
display: none !important;
|
||||
|
|
|
@ -222,6 +222,11 @@
|
|||
{% if c.post and c.post.award_count("ghosts") %}
|
||||
<span>👻</span>
|
||||
{% else %}
|
||||
|
||||
{% if c.author.verified %}
|
||||
<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 %}
|
||||
|
||||
<div class="relative md:hidden flex-shrink-0 {{ 'santa' if c.author.patron else 'cap' }}">
|
||||
<img loading="lazy" src="{{ c.author.profile_url }}" class="flex-shrink-0 w-9 h-9 p-[3px] bg-white border border-gray-300 object-cover lozad" alt="{{ c.author.username }} avatar"/>
|
||||
</div>
|
||||
|
@ -250,15 +255,11 @@
|
|||
</bdi>
|
||||
{% endif %}
|
||||
|
||||
{% if c.author.verified %}
|
||||
<i class="fas fa-badge-check align-middle ml-1" 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 %}
|
||||
|
||||
{% if c.bannedfor and c.author.banned_by %}
|
||||
<a href="javascript:void(0)"><i class="fad fa-gavel text-danger" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="User was banned for this comment by @{{c.author.banned_by.username}}"></i></a>
|
||||
{% endif %}
|
||||
{% if c.active_flags %}
|
||||
<a class="btn btn-gray" style="padding:1px 5px; font-size:10px;" href="javascript:void(0)" onclick="document.getElementById('flaggers-{{c.id}}').classList.toggle('hidden')">{{c.active_flags}} Reports</a>
|
||||
<a class="flex-shrink-0 badge badge-red" style="padding:1px 5px; font-size:10px;" href="javascript:void(0)" onclick="document.getElementById('flaggers-{{c.id}}').classList.toggle('hidden')">{{c.active_flags}} Reports</a>
|
||||
{% endif %}
|
||||
{% if c.over_18 %}
|
||||
<span class="badge badge-red">+18</span>
|
||||
|
|
|
@ -45,12 +45,18 @@
|
|||
<i class="fas fa-gift fa-fw mr-2" aria-hidden="true"></i>Gift Award
|
||||
</button>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
<li class="hidden md:block">
|
||||
<button class="copy-link hover:text-gray-400" data-clipboard-text="{% if 'rama' in request.host %}https://dogpill.life{{c.permalink}}{% else %}{{c.permalink | full_link}}{% endif %}?context=10#context">
|
||||
<i class="fas fa-link fa-fw mr-2"></i>Copy link
|
||||
</button>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li class="hidden md:block">
|
||||
<a href="/votes?link={{c.fullname}}" class="text-gray-500 hover:text-gray-400">
|
||||
<i class="fas fa-poll fa-fw mr-2"></i>Votes
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="hidden md:block">
|
||||
<div class="dropdown">
|
||||
|
@ -58,7 +64,7 @@
|
|||
<i class="fas fa-ellipsis-h fa-fw"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu w-56 bg-gray-900 rounded-md shadow-lg" aria-labelledby="dropdownComment-{{c.id}}Actions">
|
||||
<li class="hidden md:block">
|
||||
<li class="hidden">
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/votes?link={{c.fullname}}">
|
||||
<i class="fas fa-poll fa-sm fa-fw mr-4"></i>Votes
|
||||
</a>
|
||||
|
|
|
@ -186,7 +186,7 @@
|
|||
|
||||
{% block stylesheets %}
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/main.css?v=202">
|
||||
<link rel="stylesheet" href="/assets/css/main.css?v=203">
|
||||
|
||||
{% assets 'css' %}
|
||||
<link rel="stylesheet" href="{{ ASSET_URL }}">
|
||||
|
@ -195,7 +195,8 @@
|
|||
<link rel="stylesheet" href="/assets/css/mistletoe.css?v=200">
|
||||
|
||||
{% if v %}
|
||||
<style>:root{--primary:#{{v.themecolor}}}</style>
|
||||
<style>:root{--primary:#dc2626}</style>
|
||||
<!-- <style>:root{--primary:#{{v.themecolor}}}</style> -->
|
||||
<!-- <link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=200"> -->
|
||||
{% if v.agendaposter %}
|
||||
<link rel="stylesheet" href="/assets/css/agendaposter.css?v=200">
|
||||
|
@ -203,7 +204,8 @@
|
|||
<link rel="stylesheet" href="/@{{v.username}}/css">
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<style>:root{--primary:#{{'DEFAULT_COLOR' | app_config}}</style>
|
||||
<style>:root{--primary:#dc2626}</style>
|
||||
<!-- <style>:root{--primary:#{{'DEFAULT_COLOR' | app_config}}}</style> -->
|
||||
<!-- <link rel="stylesheet" href="/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=200"> -->
|
||||
{% endif %}
|
||||
|
||||
|
@ -340,7 +342,7 @@
|
|||
|
||||
<script defer src="/assets/js/popover.js?v=200"></script>
|
||||
|
||||
<script src="/assets/js/mobile_navigation_bar.js?v=200"></script>
|
||||
<script src="/assets/js/mobile_navigation_bar.js?v=204"></script>
|
||||
|
||||
{% if v %}
|
||||
<script>function formkey() {return '{{v.formkey}}';}</script>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<div class="pl-2 text-left">
|
||||
<span class="font-bold text-sm">{{ v.username }}</span>
|
||||
<div class="flex items-center block leading-none text-gray-400">
|
||||
<span class="text-xs pl-1">{{v.coins}} {{'COINS_NAME' | app_config}}</span>
|
||||
<span class="text-xs">{{v.coins}} {{'COINS_NAME' | app_config}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
|
|
|
@ -4,25 +4,25 @@
|
|||
</button>
|
||||
<ul class="dropdown-menu w-56 bg-gray-900 rounded-md shadow-lg" aria-labelledby="dropdownProfile-Actions">
|
||||
<li>
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="@{{ u.username }}/upvoters">
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/@{{ u.username }}/upvoters">
|
||||
<i class="fas fa-kiss-wink-heart fa-sm fa-fw mr-4"></i>
|
||||
Simps
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="@{{ u.username }}/downvoters">
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/@{{ u.username }}/downvoters">
|
||||
<i class="fas fa-tired fa-sm fa-fw mr-4"></i>
|
||||
Haters
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="@{{ u.username }}/upvoting">
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/@{{ u.username }}/upvoting">
|
||||
<i class="fas fa-grin-hearts fa-sm fa-fw mr-4"></i>
|
||||
Simps for
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="@{{ u.username }}/downvoting">
|
||||
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/@{{ u.username }}/downvoting">
|
||||
<i class="fas fa-angry fa-sm fa-fw mr-4"></i>
|
||||
Hates
|
||||
</a>
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
{% extends "default.html" %}
|
||||
{% block content %}
|
||||
<script src="/assets/js/followers.js?v=200"></script>
|
||||
<div class="col-span-full">
|
||||
<pre>
|
||||
|
||||
|
||||
</pre>
|
||||
<h5>@{{u.username}}'s followers</h5>
|
||||
<pre></pre>
|
||||
<table class="table table-striped mb-5">
|
||||
<table class="w-full table table-striped mb-5">
|
||||
<thead class="bg-primary text-white">
|
||||
<tr>
|
||||
<th style="font-weight: bold">#</th>
|
||||
|
@ -23,11 +23,15 @@
|
|||
<td style="font-weight: bold">{{loop.index}}</td>
|
||||
<td><a style="color:#{{user.namecolor}}; font-weight:bold;" href="/@{{user.username}}"><img loading="lazy" src="/uid/{{user.id}}/pic" class="pp20"><span {% if user.patron %}class="patron" style="background-color:#{{user.namecolor}};"{% endif %}>{{user.username}}</span></a></td>
|
||||
{% if v.id == u.id %}
|
||||
<td><div class="btn btn-danger pr-2" onclick="removeFollower(event, '{{user.username}}')">Remove follow</div></td>
|
||||
<td><div class="btn btn-red" onclick="removeFollower(event, '{{user.username}}')">Remove follow</div></td>
|
||||
{% endif %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script src="/assets/js/followers.js?v=200"></script>
|
||||
{% endblock %}
|
|
@ -1,13 +1,9 @@
|
|||
{% extends "default.html" %}
|
||||
{% block content %}
|
||||
<script src="/assets/js/following.js?v=200"></script>
|
||||
<pre>
|
||||
|
||||
|
||||
</pre>
|
||||
<div class="col-span-full my-4">
|
||||
<h5>Users followed by @{{u.username}}</h5>
|
||||
<pre></pre>
|
||||
<table class="table table-striped mb-5">
|
||||
<table class="w-full table table-striped mb-5">
|
||||
<thead class="bg-primary text-white">
|
||||
<tr>
|
||||
<th style="font-weight: bold">#</th>
|
||||
|
@ -29,5 +25,9 @@
|
|||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script src="/assets/js/following.js?v=200"></script>
|
||||
{% endblock %}
|
|
@ -1,4 +1,4 @@
|
|||
{% extends "default.html" %}
|
||||
{% extends "settings2.html" %}
|
||||
{% block title %}
|
||||
<title>{{'SITE_NAME' | app_config}} - Formatting</title>
|
||||
<meta name="description" content="{{'SITE_NAME' | app_config}} Formatting">
|
||||
|
|
|
@ -140,10 +140,10 @@
|
|||
</form>
|
||||
{% if v %}
|
||||
<!-- Submit post link -->
|
||||
<button class="w-full btn btn-red mb-4">
|
||||
<a href="/submit" class="w-full btn btn-red mb-4">
|
||||
<i class="fas fa-pen fa-sm fa-fw mr-2"></i>
|
||||
Create post
|
||||
</button>
|
||||
</a>
|
||||
<!-- Meta links -->
|
||||
<ul class="flex flex-col space-y-3 font-bold text-base text-gray-600">
|
||||
<li>
|
||||
|
@ -199,12 +199,12 @@
|
|||
{% else %}
|
||||
<ul class="flex flex-col space-y-2">
|
||||
<li>
|
||||
<a class="btn btn-gray" href="/login?redirect={{request.path | urlencode}}">
|
||||
<a class="btn btn-gray w-full" href="/login?redirect={{request.path | urlencode}}">
|
||||
Login
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="btn btn-gray" href="/signup?redirect={{request.path | urlencode}}">
|
||||
<a class="btn btn-gray w-full" href="/signup?redirect={{request.path | urlencode}}">
|
||||
Signup
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
@ -54,25 +54,25 @@
|
|||
<div class="col-span-full mb-6">
|
||||
<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
|
||||
<h2 class="text-2xl font-heading font-bold mb-0">
|
||||
rDrama's 20 Greediest Members
|
||||
rDrama's 25 Greediest Members
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-4 flex flex-col bg-gray-100 rounded-lg overflow-hidden">
|
||||
{% for user in users1 %}
|
||||
<div class="flex items-center border-b last:border-b-none border-gray-300 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users1.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
|
||||
<!-- Rank -->
|
||||
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
<h2 class="flex-shrink-0 text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
{{users1.index(user)+1}}
|
||||
</h2>
|
||||
<div class="relative">
|
||||
<img src="{{user.profile_url}}" class="p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
<div class="relative flex-shrink-0">
|
||||
<img src="{{user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
{% if users1.index(user)+1 == 1 %}
|
||||
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="20px" height="12px" class="absolute -top-1 -right-2.5 object-contain"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- User Details -->
|
||||
<div class="ml-3">
|
||||
<a class="block font-heading font-bold text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
{{user.username}}
|
||||
</a>
|
||||
{% if user.customtitle %}
|
||||
|
@ -81,7 +81,7 @@
|
|||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="ml-auto mr-4">
|
||||
<div class="ml-auto mr-4 pl-3">
|
||||
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
|
||||
{{user.coins}}
|
||||
</span>
|
||||
|
@ -100,18 +100,18 @@
|
|||
{% for user in users7 %}
|
||||
<div class="flex items-center border-b last:border-b-none border-gray-300 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users7.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
|
||||
<!-- Rank -->
|
||||
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
<h2 class="flex-shrink-0 text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
{{users7.index(user)+1}}
|
||||
</h2>
|
||||
<div class="relative">
|
||||
<img src="{{user.profile_url}}" class="p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
<div class="relative flex-shrink-0">
|
||||
<img src="{{user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
{% if users7.index(user)+1 == 1 %}
|
||||
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="20px" height="12px" class="absolute -top-1 -right-2.5 object-contain"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- User Details -->
|
||||
<div class="ml-3">
|
||||
<a class="block font-heading font-bold text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
{{user.username}}
|
||||
</a>
|
||||
{% if user.customtitle %}
|
||||
|
@ -120,7 +120,7 @@
|
|||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="ml-auto mr-4">
|
||||
<div class="ml-auto mr-4 pl-3">
|
||||
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
|
||||
{{user.coins_spent}}
|
||||
</span>
|
||||
|
@ -139,18 +139,18 @@
|
|||
{% for user in users2 %}
|
||||
<div class="flex items-center border-b last:border-b-none border-gray-300 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users2.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
|
||||
<!-- Rank -->
|
||||
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
<h2 class="flex-shrink-0 text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
{{users2.index(user)+1}}
|
||||
</h2>
|
||||
<div class="relative">
|
||||
<img src="{{user.profile_url}}" class="p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
<div class="relative flex-shrink-0">
|
||||
<img src="{{user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
{% if users2.index(user)+1 == 1 %}
|
||||
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="20px" height="12px" class="absolute -top-1 -right-2.5 object-contain"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- User Details -->
|
||||
<div class="ml-3">
|
||||
<a class="block font-heading font-bold text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
{{user.username}}
|
||||
</a>
|
||||
{% if user.customtitle %}
|
||||
|
@ -159,7 +159,7 @@
|
|||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="ml-auto mr-4">
|
||||
<div class="ml-auto mr-4 pl-3">
|
||||
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
|
||||
{{user.stored_subscriber_count}}
|
||||
</span>
|
||||
|
@ -178,18 +178,18 @@
|
|||
{% for user in users3 %}
|
||||
<div class="flex items-center border-b last:border-b-none border-gray-300 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users3.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
|
||||
<!-- Rank -->
|
||||
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
<h2 class="flex-shrink-0 text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
{{users3.index(user)+1}}
|
||||
</h2>
|
||||
<div class="relative">
|
||||
<img src="{{user.profile_url}}" class="p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
<div class="relative flex-shrink-0">
|
||||
<img src="{{user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
{% if users3.index(user)+1 == 1 %}
|
||||
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="20px" height="12px" class="absolute -top-1 -right-2.5 object-contain"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- User Details -->
|
||||
<div class="ml-3">
|
||||
<a class="block font-heading font-bold text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
{{user.username}}
|
||||
</a>
|
||||
{% if user.customtitle %}
|
||||
|
@ -198,7 +198,7 @@
|
|||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="ml-auto mr-4">
|
||||
<div class="ml-auto mr-4 pl-3">
|
||||
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
|
||||
{{user.post_count}}
|
||||
</span>
|
||||
|
@ -217,18 +217,18 @@
|
|||
{% for user in users4 %}
|
||||
<div class="flex items-center border-b last:border-b-none border-gray-300 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users4.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
|
||||
<!-- Rank -->
|
||||
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
<h2 class="flex-shrink-0 text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
{{users4.index(user)+1}}
|
||||
</h2>
|
||||
<div class="relative">
|
||||
<img src="{{user.profile_url}}" class="p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
<div class="relative flex-shrink-0">
|
||||
<img src="{{user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
{% if users4.index(user)+1 == 1 %}
|
||||
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="20px" height="12px" class="absolute -top-1 -right-2.5 object-contain"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- User Details -->
|
||||
<div class="ml-3">
|
||||
<a class="block font-heading font-bold text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
{{user.username}}
|
||||
</a>
|
||||
{% if user.customtitle %}
|
||||
|
@ -237,7 +237,7 @@
|
|||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="ml-auto mr-4">
|
||||
<div class="ml-auto mr-4 pl-3">
|
||||
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
|
||||
{{user.comment_count}}
|
||||
</span>
|
||||
|
@ -256,18 +256,18 @@
|
|||
{% for user in users5 %}
|
||||
<div class="flex items-center border-b last:border-b-none border-gray-300 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users5.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
|
||||
<!-- Rank -->
|
||||
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
<h2 class="flex-shrink-0 text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
|
||||
{{users5.index(user)+1}}
|
||||
</h2>
|
||||
<div class="relative">
|
||||
<img src="{{user.profile_url}}" class="p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
<div class="relative flex-shrink-0">
|
||||
<img src="{{user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
|
||||
{% if users5.index(user)+1 == 1 %}
|
||||
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="20px" height="12px" class="absolute -top-1 -right-2.5 object-contain"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- User Details -->
|
||||
<div class="ml-3">
|
||||
<a class="block font-heading font-bold text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
|
||||
{{user.username}}
|
||||
</a>
|
||||
{% if user.customtitle %}
|
||||
|
@ -276,7 +276,7 @@
|
|||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="ml-auto mr-4">
|
||||
<div class="ml-auto mr-4 pl-3">
|
||||
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
|
||||
{{user.received_award_count}}
|
||||
</span>
|
||||
|
|
|
@ -6,11 +6,11 @@
|
|||
{% block content %}
|
||||
{% if v %}
|
||||
<style>:root{--primary:#{{v.themecolor}}}</style>
|
||||
<link rel="stylesheet" href="/assets/css/main.css?v=200"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=200">
|
||||
<link rel="stylesheet" href="/assets/css/main-deprecated.css?v=200"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=200">
|
||||
{% if v.agendaposter %}<link rel="stylesheet" href="/assets/css/agendaposter.css?v=200">{% elif v.css %}<link rel="stylesheet" href="/@{{v.username}}/css">{% endif %}
|
||||
{% else %}
|
||||
<style>:root{--primary:#{{'DEFAULT_COLOR' | app_config}}</style>
|
||||
<link rel="stylesheet" href="/assets/css/main.css?v=200"><link rel="stylesheet" href="/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=200">
|
||||
<link rel="stylesheet" href="/assets/css/main-deprecated.css?v=200"><link rel="stylesheet" href="/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=200">
|
||||
{% endif %}
|
||||
|
||||
<div class="row justify-content-around">
|
||||
|
|
|
@ -5,19 +5,19 @@
|
|||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'; connect-src 'self'; object-src 'none';">
|
||||
|
||||
<script src="/assets/js/bootstrap.js?v=200"></script>
|
||||
<script src="/assets/js/bootstrap.js?v=190"></script>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="thumbnail" content="/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=200">
|
||||
<link rel="icon" type="image/png" href="/assets/images/{{'SITE_NAME' | app_config}}/icon.webp?v=200">
|
||||
<meta name="thumbnail" content="/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=190">
|
||||
<link rel="icon" type="image/png" href="/assets/images/{{'SITE_NAME' | app_config}}/icon.webp?v=190">
|
||||
|
||||
<meta property="og:type" content="article" >
|
||||
<meta property="og:title" content="{{'SITE_NAME' | app_config}}" >
|
||||
<meta property="og:site_name" content="{{request.host}}" >
|
||||
<meta property="og:image" content="{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=200" >
|
||||
<meta property="og:image" content="{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=190" >
|
||||
<meta property="og:url" content="{{request.path | full_link}}">
|
||||
<meta property="og:description" name="description" content="{{'SITE_NAME' | app_config}} - {{'SLOGAN' | app_config}}">
|
||||
<meta property="og:author" name="author" content="{{request.host_url}}" >
|
||||
|
@ -28,7 +28,7 @@
|
|||
<meta name="twitter:title" content="{{'SITE_NAME' | app_config}}" >
|
||||
<meta name="twitter:creator" content="{{request.host_url}}">
|
||||
<meta name="twitter:description" content="{{'SITE_NAME' | app_config}} - {{'SLOGAN' | app_config}}" >
|
||||
<meta name="twitter:image" content="/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=200" >
|
||||
<meta name="twitter:image" content="/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=190" >
|
||||
<meta name="twitter:url" content="{{request.path | full_link}}" >
|
||||
|
||||
|
||||
|
@ -38,13 +38,13 @@
|
|||
|
||||
{% if v %}
|
||||
<style>:root{--primary:#{{v.themecolor}}}</style>
|
||||
<link rel="stylesheet" href="/assets/css/main.css?v=200"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=200">
|
||||
<link rel="stylesheet" href="/assets/css/main-deprecated.css?v=190"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=190">
|
||||
{% else %}
|
||||
<style>:root{--primary:#{{'DEFAULT_COLOR' | app_config}}</style>
|
||||
<link rel="stylesheet" href="/assets/css/main.css?v=200"><link rel="stylesheet" href="/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=200">
|
||||
<link rel="stylesheet" href="/assets/css/main-deprecated.css?v=190"><link rel="stylesheet" href="/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=190">
|
||||
{% endif %}
|
||||
|
||||
<link href="/assets/css/fa.css?v=200" rel="stylesheet">
|
||||
<link href="/assets/css/fa.css?v=190" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body id="settings2" style="overflow-x: hidden; {% if v and v.background %} background:url(/assets/images/backgrounds/{{v.background}}) no-repeat center center fixed !important; background-size: cover!important; background-color: #000!important;{% endif %}">
|
||||
|
@ -149,8 +149,6 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div id="formkey" class="hidden">{{ v.formkey }}</div>
|
||||
|
||||
{% block mobilenavbar %}
|
||||
{% include "mobile_navigation_bar.html" %}
|
||||
{% endblock %}
|
||||
|
|
|
@ -108,7 +108,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap">
|
||||
<td class="px-6 py-4">
|
||||
<div class="text-sm text-gray-700">{{a['description']}}</div>
|
||||
</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap">
|
||||
|
|
|
@ -45,6 +45,19 @@
|
|||
</small>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex">
|
||||
<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">
|
||||
</div>
|
||||
<div class="pl-3 mt-[-1px] truncate">
|
||||
<a href="/post/29916/" class="block font-medium text-black hover:text-red-600 truncate ellipsis">
|
||||
PUBLIC DRAMACOIN MINE
|
||||
</a>
|
||||
<small class="block text-gray-500">
|
||||
posted by <a href="/@SeetheFarmer" class="text-gray-500 hover:text-gray-600">@SeetheFarmer</a>
|
||||
</small>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 shadow-inset-t-white-05"/>
|
||||
|
|
|
@ -66,6 +66,11 @@
|
|||
<i class="fas fa-poll fa-fw mr-2"></i>Votes
|
||||
</a>
|
||||
</li>
|
||||
<li class="hidden md:inline-block">
|
||||
<button class="copy-link hover:text-gray-400" data-clipboard-text="{% if 'rama' in request.host %}https://dogpill.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}">
|
||||
<i class="fas fa-link fa-fw mr-2"></i>Copy link
|
||||
</button>
|
||||
</li>
|
||||
<li class="hidden md:inline-block">
|
||||
<div class="dropdown">
|
||||
<button type="button" id="dropdownPostActions" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
|
||||
|
@ -73,7 +78,7 @@
|
|||
</button>
|
||||
<ul class="dropdown-menu w-56 bg-gray-900 rounded-md shadow-lg" aria-labelledby="dropdownPostActions">
|
||||
<!-- Does not require auth -->
|
||||
<li>
|
||||
<li class="hidden">
|
||||
<button class="copy-link dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" role="button" data-clipboard-text="{% if 'rama' in request.host %}https://dogpill.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}">
|
||||
<i class="fas fa-link fa-sm fa-fw mr-4"></i>Copy link
|
||||
</button>
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
</li>
|
||||
<li class="mr-5">
|
||||
<button class="copy-link" data-clipboard-text="{% if 'rama' in request.host %}https://dogpill.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}">
|
||||
<i class="fas fa-link fa-fw mr-2"></i>Copy link
|
||||
<i class="fas fa-link fa-fw"></i>
|
||||
</button>
|
||||
</li>
|
||||
{% if v %}
|
||||
|
@ -30,7 +30,7 @@
|
|||
</button>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li id="voting-{{p.id}}-mobile" class="voting {% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}">
|
||||
<li id="voting-{{p.id}}-mobile" class="flex-shrink-0 voting {% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}">
|
||||
{% if v %}
|
||||
<button id="post-mobile-{{p.id}}-up" onclick="vote('post-mobile', '{{p.id}}', '1')" class="mx-0 pr-1 arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}">
|
||||
</button>
|
||||
|
@ -40,7 +40,7 @@
|
|||
</button>
|
||||
{% endif %}
|
||||
|
||||
<span id="post-mobile-score-{{p.id}}" class="score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="+{{ups}} | -{{downs}}">
|
||||
<span id="post-mobile-score-{{p.id}}" class="text-base score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="+{{ups}} | -{{downs}}">
|
||||
{{score}}
|
||||
</span>
|
||||
|
||||
|
|
|
@ -225,14 +225,14 @@
|
|||
{% endif %}
|
||||
</ul>
|
||||
|
||||
<h5 class="post-title font-bold font-heading text-lg md:text-xl leading-normal mb-2">
|
||||
<a {% if v and v.newtab %}target="_blank"{% endif %} href="{{p.permalink}}" class="stretched-link text-black hover:text-primary visited:text-gray-700">
|
||||
<h5 class="post-title font-bold font-heading text-lg md:text-xl leading-5 mb-2">
|
||||
<a {% if v and v.newtab %}target="_blank"{% endif %} href="{{p.permalink}}" class="stretched-link text-black hover:text-primary visited:text-gray-700 break-words" style="word-break: break-word;">
|
||||
{{p.realtitle(v) | safe}}
|
||||
</a>
|
||||
</h5>
|
||||
|
||||
{% if p.realbody(v) and not p.over_18 %}
|
||||
<div class="gradient-mask max-h-12 mb-2 overflow-hidden pointer-events-none text-gray-600" id="post-text-{{p.id}}">
|
||||
<div class="relative z-10 gradient-mask max-h-12 mb-2 overflow-hidden pointer-events-none text-gray-600" id="post-text-{{p.id}}">
|
||||
{{p.realbody(v) | safe}}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
@ -126,10 +126,10 @@
|
|||
<a href="/formatting" target="_blank" class="block mt-2 text-xs text-gray-500 hover:text-gray-400">Formatting help</a>
|
||||
</div>
|
||||
|
||||
<div class="btn btn-secondary" onclick="document.getElementById('preview').classList.toggle('d-none');" style="float: right;">
|
||||
<!-- <div class="btn btn-secondary" onclick="document.getElementById('preview').classList.toggle('d-none');" style="float: right;">
|
||||
Toggle preview
|
||||
</div>
|
||||
<div id="preview" class="my-3"></div>
|
||||
</div> -->
|
||||
<div id="preview" class="hidden my-3"></div>
|
||||
|
||||
<!-- User form key (required) -->
|
||||
<input type="hidden" name="formkey" value="{{v.formkey}}" class="hidden">
|
||||
|
|
|
@ -144,16 +144,16 @@
|
|||
{% if u.id == v.id or not u.is_private %}
|
||||
<ul class="hidden xl:flex items-center space-x-3 mb-0">
|
||||
<li>
|
||||
<div class="text-lg font-bold mb-0">{{ u.stored_subscriber_count }}</div>
|
||||
<a href="/@{{ u.username }}/followers" class="text-black text-lg font-bold mb-0">{{ u.stored_subscriber_count }}</a>
|
||||
<small class="block font-bold text-gray-500">Followers</small>
|
||||
</li>
|
||||
<li>
|
||||
<div class="text-lg font-bold mb-0">{{ u.coins }}</div>
|
||||
<div class="text-black text-lg font-bold mb-0">{{ u.coins }}</div>
|
||||
<small class="block font-bold text-gray-500">Dramacoin</small>
|
||||
</li>
|
||||
{% if u.procoins %}
|
||||
<li>
|
||||
<div class="text-lg font-bold mb-0">{{ u.procoins }}</div>
|
||||
<div class="text-black text-lg font-bold mb-0">{{ u.procoins }}</div>
|
||||
<small class="block font-bold text-gray-500">MarseyBux</small>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
@ -172,16 +172,16 @@
|
|||
{% if u.id == v.id or not u.is_private %}
|
||||
<ul class="flex items-center space-x-3 mt-3 mb-0">
|
||||
<li>
|
||||
<div class="text-lg font-bold mb-0">{{ u.stored_subscriber_count }}</div>
|
||||
<a href="/@{{ u.username }}/followers" class="text-black text-lg font-bold mb-0">{{ u.stored_subscriber_count }}</a>
|
||||
<small class="block font-bold text-gray-500">Followers</small>
|
||||
</li>
|
||||
<li>
|
||||
<div class="text-lg font-bold mb-0">{{ u.coins }}</div>
|
||||
<div class="text-black text-lg font-bold mb-0">{{ u.coins }}</div>
|
||||
<small class="block font-bold text-gray-500">Dramacoin</small>
|
||||
</li>
|
||||
{% if u.procoins %}
|
||||
<li>
|
||||
<div class="text-lg font-bold mb-0">{{ u.procoins }}</div>
|
||||
<div class="text-black text-lg font-bold mb-0">{{ u.procoins }}</div>
|
||||
<small class="block font-bold text-gray-500">MarseyBux</small>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
@ -393,28 +393,28 @@
|
|||
|
||||
{% if u.song %}
|
||||
<script>
|
||||
window.addEventListener("load",function(event) {
|
||||
var audio = new Audio('/songs/{{u.id}}');
|
||||
audio.loop=true;
|
||||
const uid = {{ u.id }}
|
||||
|
||||
{% if not u.unmutable %}
|
||||
function pause() {
|
||||
audio.pause();
|
||||
document.getElementById("pause1").classList.toggle("hidden");
|
||||
document.getElementById("play1").classList.toggle("hidden");
|
||||
document.getElementById("pause2").classList.toggle("hidden");
|
||||
document.getElementById("play2").classList.toggle("hidden");
|
||||
}
|
||||
let audio = new Audio(`/songs/${uid}`);
|
||||
audio.loop=true;
|
||||
|
||||
function play() {
|
||||
audio.play();
|
||||
document.getElementById("pause1").classList.toggle("hidden");
|
||||
document.getElementById("play1").classList.toggle("hidden");
|
||||
document.getElementById("pause2").classList.toggle("hidden");
|
||||
document.getElementById("play2").classList.toggle("hidden");
|
||||
}
|
||||
{% endif %}
|
||||
function pause() {
|
||||
audio.pause();
|
||||
document.getElementById("pause1").classList.toggle("hidden");
|
||||
document.getElementById("play1").classList.toggle("hidden");
|
||||
document.getElementById("pause2").classList.toggle("hidden");
|
||||
document.getElementById("play2").classList.toggle("hidden");
|
||||
}
|
||||
|
||||
function play() {
|
||||
audio.play();
|
||||
document.getElementById("pause1").classList.toggle("hidden");
|
||||
document.getElementById("play1").classList.toggle("hidden");
|
||||
document.getElementById("pause2").classList.toggle("hidden");
|
||||
document.getElementById("play2").classList.toggle("hidden");
|
||||
}
|
||||
|
||||
window.addEventListener('load', (e) => {
|
||||
audio.play();
|
||||
document.getElementById('userpage').addEventListener('click', () => {
|
||||
if (audio.paused) audio.play();
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
|
||||
{% block content %}
|
||||
<div class="col-span-full xl:col-span-9">
|
||||
<div class="col-span-full xl:col-span-9 px-2.5 md:px-0">
|
||||
<div class="sm:py-4 my-2.5 sm:my-0">
|
||||
{% if not "saved" in request.full_path %}
|
||||
<div class="flex justify-end md:justify-start mb-3 md:m-0 px-2.5 md:px-0">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue