2021-12-19 13:01:28 +00:00
{% extends "CHRISTMAS/default.html" %}
2021-12-14 22:48:37 +00:00
{% block pagetype %}userpage{% endblock %}
{% block title %}
<!-- {% if u and u.profilecss and (u.admin_level or not (v and v.admin_level)) %}
< link rel = "stylesheet" href = "/@{{u.username}}/profilecss" >
{% endif %} -->
< title > {{u.username}}'s profile - {{'SITE_NAME' | app_config}}< / title >
{% if u.is_private %}
< meta name = "robots" content = "noindex" >
{% endif %}
< meta property = "og:article:author" content = "@{{u.username}}" >
< meta property = "article:section" content = "{{u.username}}'s profile - {{'SITE_NAME' | app_config}}" >
< meta property = "article:published_time" content = "{{u.created_date}}" >
2021-12-17 20:22:30 +00:00
< meta property = "og:description" name = "description" content = "{{u.coins}} {{'COINS_NAME' | app_config}} - Joined {{u.created_date}} - {% if u.stored_subscriber_count >=1 and not u.is_private and not u.is_nofollow %}{{u.stored_subscriber_count}} Followers - {% endif %}{% if not u.is_private %} {{0 if u.shadowbanned else u.post_count}} Posts - {{0 if u.shadowbanned else u.comment_count}} Comments - {% endif %}{{u.bio}}" >
2021-12-14 22:48:37 +00:00
< meta property = "og:author" name = "author" content = "@{{u.username}}" >
< meta property = "og:title" content = "{{u.username}}" >
< meta property = "og:image" content = "{{u.banner_url}}" >
< meta property = "og:url" content = "{{u.url | full_link}}" >
< meta property = "og:site_name" content = "{{request.host}}" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:site" content = "{{request.host_url}}" >
< meta name = "twitter:title" content = "{{u.username}}'s profile - {{'SITE_NAME' | app_config}}" >
< meta name = "twitter:creator" content = "@{{u.username}}" >
2021-12-17 20:22:30 +00:00
< meta name = "twitter:description" content = "{{u.coins}} {{'COINS_NAME' | app_config}} - Joined {{u.created_date}} - {% if u.stored_subscriber_count >=1 and not u.is_private and not u.is_nofollow %}{{u.stored_subscriber_count}} Followers -{% endif %} {% if not u.is_private %} {{0 if u.shadowbanned else u.post_count}} Posts - {{0 if u.shadowbanned else u.comment_count}} Comments - {% endif %}{{u.bio}}" >
2021-12-14 22:48:37 +00:00
< meta name = "twitter:image" content = "{{u.banner_url}}" >
< meta name = "twitter:url" content = "{{u.url | full_link}}" >
{% endblock %}
{% block subHeader %}
2021-12-19 21:39:50 +00:00
< img src = "{{ u.banner_url }}" class = "-mb-0.5 w-full h-48 lg:h-[28rem] object-cover" / >
2021-12-14 22:48:37 +00:00
< div class = "relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t" >
{% if v %}
< div class = "absolute -top-12 right-3" >
< ul class = "flex flex-wrap space-x-2 items-center mb-0" >
{% if v.admin_level > 1 %}
< li >
2021-12-19 13:01:28 +00:00
{% include 'CHRISTMAS//dropdowns/ProfileAdminDropdown.html' %}
2021-12-14 22:48:37 +00:00
< / li >
{% endif %}
{% if not u.is_suspended %}
< li >
2021-12-19 13:01:28 +00:00
{% include 'CHRISTMAS//dropdowns/ProfileDropdown.html' %}
2021-12-14 22:48:37 +00:00
< / li >
{% if v.id == u.id %}
< li >
< a href = "/settings/profile" class = "btn btn-gray shadow" >
< i class = "fas fa-user-edit fa-fw fa-sm mr-2" > < / i >
Edit profile
< / a >
< / li >
{% endif %}
{% if u.song and v and v.mute and not u.unmutable %}
< li id = "pause2" >
< button class = "btn btn-gray shadow" onclick = "pause()" >
< i class = "fas fa-pause fa-sm fa-fw md:mr-1" > < / i >
< span class = "hidden md:inline-block" > Pause anthem< / span >
< / button >
< / li >
< li id = "play2" >
< button class = "btn btn-gray shadow hidden" onclick = "play()" >
< i class = "fas fa-play fa-sm fa-fw md:mr-1" > < / i >
< span class = "hidden md:inline-block" > Play anthem< / span >
< / button >
< / li >
{% endif %}
{% if v.id != u.id %}
< li >
< button class = "btn btn-gray shadow" data-bs-toggle = "modal" data-bs-target = "#directMessageModal" >
< i class = "fas fa-paper-plane fa-sm fa-fw md:mr-1" > < / i >
< span class = "hidden md:inline-block" > Message< / span >
< / button >
< / li >
{% if u.id != 995 %}
< li id = "button-unsub2" class = "{% if not is_following %}hidden{% endif %}" >
< button class = "btn btn-gray shadow" onclick = "post_toast2('/unfollow/{{u.username}}','button-unsub2','button-sub2')" >
< i class = "fas fa-heart-broken fa-sm fa-fw mr-1" > < / i >
Unfollow
< / button >
< / li >
{% endif %}
< li id = "button-sub2" class = "{% if is_following or u.is_nofollow or u.is_blocked %}hidden{% endif %}" >
< button class = "btn btn-gray shadow" onclick = "post_toast2('/follow/{{u.username}}','button-unsub2','button-sub2')" >
< i class = "far fa-heart fa-sm fa-fw mr-1" > < / i >
Follow
< / button >
< / li >
{% endif %}
{% endif %}
< / ul >
< / div >
{% endif %}
2021-12-20 04:08:30 +00:00
< 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 >
2021-12-14 22:48:37 +00:00
< div class = "relative col-span-full flex items-center" >
< div class = "flex items-center" >
2021-12-20 04:11:47 +00:00
< img class = "h-14 w-14 p-[3px] bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 object-cover" src = "{{ u.profile_url }}" alt = "Your avatar" / >
2021-12-14 22:48:37 +00:00
< div class = "pl-2" >
<!-- <h1 class="font - bold text - 2xl leading - normal mb - 0" style="color: #{{u.namecolor}}">
< span { % if u . patron % } class = "patron" style = "background-color:#{{u.namecolor}};" { % endif % } > {{u.username}}< / span >
< / h1 > -->
< div class = "flex flex-wrap items-center space-x-2" >
< h1 class = "font-bold text-2xl leading-normal mb-0" >
{{ u.username }}
< / h1 >
{% if u.verified %}
< i class = "fas fa-badge-check fa-fw fa-sm" style = "color:{% if u.verifiedcolor %}#{{u.verifiedcolor}}{% else %}#1DA1F2{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "{{u.verified}}" > < / i >
{% endif %}
{% if u.admin_level > 1 or (u.admin_level == 1 and not(v and v.admin_level > 1)) %}
< i class = "fas fa-broom text-admin fa-fw fa-sm" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Admin" > < / i >
{% elif u.admin_level == 1 and v and v.admin_level > 1 %}
< i class = "fas fa-broom text-admin fa-fw fa-sm" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Meme Admin" > < / i >
{% endif %}
{% if v and v.has_follower(u) and not v.is_nofollow %}
< span class = "badge badge-green" > Follows you< / span >
{% endif %}
{% if u.customtitle %}
< p style = "color: #{{u.titlecolor}}" > {% if u.quadrant %}
2021-12-24 23:02:34 +00:00
< img loading = "lazy" height = "20" src = "/assets/CHRISTMAS/images/quadrants/{{u.quadrant}}.webp?a=1" > {% endif %}{{u.customtitle | safe}}
2021-12-14 22:48:37 +00:00
< / p >
{% endif %}
< / div >
< div class = "flex items-center space-x-2 text-sm text-gray-500" >
< div >
rDramanaut since
< span data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "{{u.created_datetime}}" >
{{u.created_date}}
< / span >
< / div >
{% if u.username != u.original_username %}
< div > · < / div >
< div >
a.k.a.
< span data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Original username: @{{u.original_username}}" > @{{u.original_username}}
< / span >
< / div >
{% endif %}
< / div >
< / div >
< / div >
< div class = "ml-auto flex items-center space-x-4" >
2021-12-20 04:10:02 +00:00
< ul class = "hidden xl:flex items-center space-x-4 mb-0 font-bold text-black dark:text-gray-200" >
2021-12-25 00:50:58 +00:00
{% if not u.is_nofollow %}
2021-12-14 22:48:37 +00:00
< li >
2021-12-20 04:10:29 +00:00
< a href = "/@{{ u.username }}/followers" class = "text-black dark:text-gray-200 text-lg mb-0" >
{{ u.stored_subscriber_count }}
< / a >
2021-12-20 04:10:02 +00:00
< small class = "block text-gray-500" > Followers< / small >
2021-12-14 22:48:37 +00:00
< / li >
2021-12-25 00:50:58 +00:00
{% endif %}
2021-12-16 03:37:43 +00:00
< li >
2021-12-20 04:10:02 +00:00
< div class = "text-lg mb-0" > {{ u.coins_spent }}< / div >
< small class = "block text-gray-500" > Dramacoin Spent< / small >
2021-12-16 03:37:43 +00:00
< / li >
2021-12-14 22:48:37 +00:00
< li >
2021-12-20 04:10:02 +00:00
< div class = "text-lg mb-0" > {{ u.coins }}< / div >
2021-12-22 14:21:11 +00:00
< small class = "block text-gray-500" > Dramacoin Balance< / small >
2021-12-14 22:48:37 +00:00
< / li >
{% if u.procoins %}
< li >
2021-12-20 04:10:02 +00:00
< div class = "text-lg mb-0" > {{ u.procoins }}< / div >
< small class = "block text-gray-500" > MarseyBux< / small >
2021-12-14 22:48:37 +00:00
< / li >
{% endif %}
< / ul >
< / div >
< / div >
< div class = "relative col-span-full flex xl:hidden flex-col" >
< div class = "mt-3" >
{% if u.bio_html %}
2021-12-21 15:50:43 +00:00
< div class = "text-break" > {{u.bio_html | safe}}< / div >
2021-12-14 22:48:37 +00:00
{% else %}
< p class = "italic text-gray-500 text-sm" > No bio...< / p >
{% endif %}
< / div >
2021-12-25 00:50:58 +00:00
< ul class = "flex items-center space-x-3 mt-3 mb-0" >
{% if not u.is_nofollow %}
< li >
< a href = "/@{{ u.username }}/followers" class = "text-black dark:text-gray-100 text-lg font-bold mb-0" >
{{ u.stored_subscriber_count }}
< / a >
< small class = "block font-bold text-gray-500" > Followers< / small >
< / li >
{% endif %}
< li >
< div class = "text-lg font-bold mb-0" > {{ u.coins_spent }}< / div >
< small class = "block font-bold text-gray-500" > Dramacoin Spent< / small >
< / li >
< li >
< div class = "text-lg font-bold mb-0" > {{ u.coins }}< / div >
< small class = "block font-bold text-gray-500" > Dramacoin Balance< / small >
< / li >
{% if u.procoins %}
< li >
< div class = "text-lg font-bold mb-0" > {{ u.procoins }}< / div >
< small class = "block font-bold text-gray-500" > MarseyBux< / small >
< / li >
{% endif %}
< / ul >
2021-12-22 13:46:11 +00:00
{% if u.received_awards %}
< ul class = "flex flex-row flex-wrap gap-2 mt-3 mb-0" >
{% for a in u.received_awards %}
< li >
< i class = "{{a['icon']}} {{a['color']}} fa-fw fa-sm" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "{{a['title']}} Awards received" > < / i >
< span class = "text-gray-500 text-sm" > x{{a['count']}}< / span >
< / li >
{% endfor %}
< / ul >
{% endif %}
2021-12-14 22:48:37 +00:00
{% if u.badges %}
< ul class = "flex flex-row flex-wrap gap-2 mt-3 mb-0" >
{% for b in u.badges %}
< li >
{% if b.url %}
< a rel = "nofollow noopener noreferrer" href = "{{b.url}}" >
< img class = "flex-shrink-0 w-8 h-8 object-contain transform transition-100 hover:scale-[1.15]" loading = "lazy" src = "{{b.path}}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "{{b.name}} - {{b.text}}" >
< / a >
{% else %}
< img class = "flex-shrink-0 w-8 h-8 object-contain transform transition-100 hover:scale-[1.15]" loading = "lazy" src = "{{b.path}}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "{{b.name}} - {{b.text}}" >
{% endif %}
< / li >
{% endfor %}
< / ul >
{% endif %}
{% if u.friends_html or u.enemies_html %}
< div class = "mt-3" >
{% if u.friends_html %}
< p class = "label" > Friends< / p >
{{u.friends_html | safe}}
{% endif %}
{% if u.enemies_html %}
< p class = "label" > Enemies< / p >
{{u.enemies_html | safe}}
{% endif %}
< / div >
{% endif %}
2021-12-16 03:49:16 +00:00
{% if v and (v.admin_level > 1 or v.alt) %}
2021-12-16 03:50:43 +00:00
< div class = "mt-3" >
< p class = "label" > Alts:< / p >
< ul class = "mb-0" >
{% for account in u.alts_unique %}
< li >
< a href = "{{account.url}}" > @{{account.username}}< / a > {% if account._is_manual %} [m]{% endif %}
< / li >
{% endfor %}
< / ul >
< / div >
2021-12-16 03:49:16 +00:00
{% endif %}
2021-12-14 22:48:37 +00:00
< / div >
< / div >
{% endblock %}
{% block subHeader2 %}
< div class = "md:px-4 sticky top-0 z-20" >
< div class = "max-w-screen-2xl mx-auto" >
2021-12-20 04:08:02 +00:00
< div class = "px-4 py-2 flex space-x-3 divide-x divide-gray-400 text-xs bg-gray-100 dark:bg-gray-800 md:border-b md:border-gray-300 dark:border-gray-700" >
2021-12-14 22:48:37 +00:00
< ul class = "flex items-center space-x-3 leading-normal mb-0" >
< li >
2021-12-20 04:08:02 +00:00
< a class = "{{ 'font-bold text-primary' if not 'comments' in request.path else 'text-gray-700 dark:text-gray-400' }}" href = "/@{{u.username}}" >
2021-12-17 05:10:11 +00:00
Posts < span class = "text-gray-500 font-normal" > {{0 if u.shadowbanned and not (v and (v.shadowbanned or v.admin_level)) else u.post_count}}< / span >
2021-12-14 22:48:37 +00:00
< / a >
< / li >
< li >
2021-12-20 04:08:02 +00:00
< a class = "{{ 'font-bold text-primary' if 'comments' in request.path else 'text-gray-700 dark:text-gray-400' }}" href = "/@{{u.username}}/comments" >
2021-12-17 05:10:11 +00:00
Comments < span class = "text-gray-500 font-normal" > {{0 if u.shadowbanned and not (v and (v.shadowbanned or v.admin_level)) else u.comment_count}}< / span >
2021-12-14 22:48:37 +00:00
< / a >
< / li >
{% if u.id == v.id %}
< li >
2021-12-20 04:08:02 +00:00
< a class = "{{ 'font-bold text-primary' if 'saved/posts' in request.full_path else 'text-gray-700 dark:text-gray-400' }}" href = "/@{{u.username}}/saved/posts" >
2021-12-14 22:48:37 +00:00
Saved Posts
< / a >
< / li >
< li >
2021-12-20 04:08:02 +00:00
< a class = "{{ 'font-bold text-primary' if 'saved/comments' in request.full_path else 'text-gray-700 dark:text-gray-400' }}" href = "/@{{u.username}}/saved/comments" >
2021-12-14 22:48:37 +00:00
Saved Comments
< / a >
< / li >
{% endif %}
< / ul >
< / div >
< / div >
< / div >
{% endblock %}
{% block content %}
< div class = "col-span-full xl:col-span-9" >
{% if v and v.admin_level > 1 and u.agendaposter %}
<!-- Non - dismissable Alerts -->
< div class = "p-2.5 md:p-0" >
<!-- Banned -->
< div class = "mt-4 mb-0 rounded-lg shadow-lg flex items-center p-3 text-yellow-900 bg-yellow-500 border border-yellow-600 shadow-inset-t-white-10" >
< i class = "fas fa-grin fa-fw mr-1" > < / i >
< div >
{{ u.username }} has Agendaposter theme activated
< / div >
< / div >
< / div >
{% endif %}
{% if u.is_suspended %}
<!-- Non - dismissable Alerts -->
< div class = "p-2.5 md:p-0" >
<!-- Banned -->
< div class = "mt-4 mb-0 rounded-lg shadow-lg flex items-center 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 >
< div >
{{ u.username }} was banned by
< a href = "{{u.banned_by.url}}" class = "text-white hover:underline" > @{{u.banned_by.username}}< / a >
< / div >
{% if u.unban_utc %}
< div class = "ml-auto text-white font-bold text-red-200" > {{u.unban_string}}< / div >
{% endif %}
< / div >
< / div >
{% endif %}
{% if v and v.admin_level > 1 and u.shadowbanned %}
<!-- Non - dismissable Alerts -->
< div class = "p-2.5 md:p-0" >
<!-- Banned -->
< 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-ghost fa-fw mr-1" > < / i >
< span >
{{ u.username }} is shadowbanned
< / span >
< / div >
< / div >
{% endif %}
< 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" >
2021-12-19 13:01:28 +00:00
{% include "CHRISTMAS/dropdowns/SubmissionSorts.html" %}
2021-12-14 22:48:37 +00:00
< / div >
2021-12-20 04:03:48 +00:00
< hr class = "hidden md:block my-4 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05" / >
2021-12-14 22:48:37 +00:00
{% endif %}
< ul >
2021-12-19 13:01:28 +00:00
{% include "CHRISTMAS/submission_listing.html" %}
2021-12-14 22:48:37 +00:00
< / ul >
<!-- Pagination -->
{% if listing %}
< div class = "flex flex-wrap items-center" >
{% if page>1 %}
< a class = "block px-2 py-1 text-sm font-bold text-gray-700 hover:text-gray-900 bg-gray-300 hover:bg-gray-400 active:shadow-inner" href = "?page={{page-1}}&sort={{sort}}&t={{t}}" tabindex = "-1" >
Prev
< / a >
{% else %}
< span class = "block px-2 py-1 text-sm font-bold text-gray-400 bg-gray-300/50 disabled" > Prev< / span >
{% endif %}
{% if next_exists %}
< a class = "block px-2 py-1 text-sm font-bold text-gray-700 hover:text-gray-900 bg-gray-300 hover:bg-gray-400 active:shadow-inner" href = "?page={{page+1}}&sort={{sort}}&t={{t}}" > Next< / a >
{% else %}
< span class = "block px-2 py-1 text-sm font-bold text-gray-400 bg-gray-300/50 disabled" > Next< / span >
{% endif %}
< / div >
{% endif %}
< / div >
< / div >
{% if u.song and v and v.mute and not u.unmutable %}
< a id = "pause1" class = "btn btn-secondary" href = "javascript:void(0)" onclick = "pause()" > Pause anthem< / a >
< a id = "play1" class = "btn btn-secondary hidden" href = "javascript:void(0)" onclick = "play()" > Play anthem< / a >
{% endif %}
{% endblock %}
{% block sidebar %}
2021-12-19 13:01:28 +00:00
{% include "CHRISTMAS/sidebars/ProfileSidebar.html" %}
2021-12-14 22:48:37 +00:00
{% endblock %}
{% block modals %}
{% if v %}
2021-12-19 13:01:28 +00:00
{% include "CHRISTMAS/emoji_modal.html" %}
{% include "CHRISTMAS/gif_modal.html" %}
{% include "CHRISTMAS/modals/ModalDirectMessage.html" %}
{% include "CHRISTMAS/modals/ModalGiftCoins.html" %}
2021-12-14 22:48:37 +00:00
{% if v.admin_level > 1 %}
2021-12-19 13:01:28 +00:00
{% include "CHRISTMAS/modals/ModalAdminManageUser.html" %}
2021-12-14 22:48:37 +00:00
{% endif %}
{% endif %}
{% endblock %}
{% block scripts %}
{% if v %}
< script >
const TRANSFER_TAX = {% if v.patron or u.patron %}0{% else %}0.03{% endif %};
function updateTax() {
let amount = parseInt(document.getElementById("coins-transfer-amount").value);
// let suf = mobile ? "-mobile" : "";
if(isNaN(amount) || amount < 0 ) {
amount = 0;
}
document.getElementById("coins-transfer-taxed").innerText = amount - Math.ceil(amount*TRANSFER_TAX);
}
function transferCoins() {
let t = event.target;
t.disabled = true;
let amount = parseInt(document.getElementById("coins-transfer-amount").value);
let transferred = amount - Math.ceil(amount*TRANSFER_TAX);
post_toast_callback("/@{{u.username}}/transfer_coins",
{"amount": document.getElementById("coins-transfer-amount").value},
(xhr) => {
if(xhr.status == 200) {
document.getElementById("user-coins-amount").innerText = parseInt(document.getElementById("user-coins-amount").innerText) - amount;
// document.getElementById("profile-coins-amount-mobile").innerText = parseInt(document.getElementById("profile-coins-amount-mobile").innerText) + transferred;
document.getElementById("profile-coins-amount").innerText = parseInt(document.getElementById("profile-coins-amount").innerText) + transferred;
}
}
);
setTimeout(_ => t.disabled = false, 2000);
}
< / script >
{% endif %}
{% if u.song %}
< script >
const uid = {{ u.id }}
let audio = new Audio(`/songs/${uid}`);
audio.loop=true;
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();
}, {once : true});
});
< / script >
{% endif %}
2021-12-24 23:02:34 +00:00
< script defer src = "/assets/CHRISTMAS/js/userpage.js?a=1" > < / script >
2021-12-14 22:48:37 +00:00
{% endblock %}