2021-10-15 14:08:27 +00:00
{% extends "settings.html" %}
{% block pagetitle %}Profile Settings - {{'SITE_NAME' | app_config}}{% endblock %}
{% block content %}
2021-11-24 21:03:40 +00:00
< div class = "flex flex-col space-y-4 sm:py-4 my-2.5 sm:my-0" >
<!-- Avatar section -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Avatar< / h2 >
2021-11-24 21:03:40 +00:00
< div class = "flex flex-col md:flex-row gap-3" >
<!-- Avatar -->
< img loading = "lazy" src = "{{v.profile_url}}" class = "flex-shrink-0 w-14 h-14 rounded object-cover" >
<!-- Form -->
< div >
< div class = "flex space-x-3" >
<!-- Buttons -->
< form action = "/settings/images/profile" method = "post" enctype = "multipart/form-data" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< label class = "block px-4 py-2 bg-gradient-to-t from-gray-700 to-gray-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-200 focus:text-gray-400 focus:outline-none" >
Change avatar
< input { % if request . headers . get ( ' cf-ipcountry ' ) = = " T1 " % } disabled { % endif % } type = "file" accept = "image/*" hidden name = "profile" onchange = "form.submit()" >
< / label >
< / form >
{% if v.profileurl %}
< div >
< form action = "/settings/delete/profile" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
2021-12-04 12:57:35 +00:00
< button type = "submit" value = "Delete" class = "btn btn-red" >
2021-11-24 21:03:40 +00:00
< i class = "fas fa-trash-alt fa-fw mr-1" > < / i >
Delete
< / button >
< / form >
< / div >
2021-10-15 14:08:27 +00:00
{% endif %}
< / div >
2021-11-24 21:03:40 +00:00
<!-- Help text -->
< p class = "mt-2 text-xs text-gray-400 mt-3" >
JPG, PNG, GIF files are supported. Max file size is {% if v and v.patron %}8{% else %}4{% endif %} MB.
< / p >
2021-10-15 14:08:27 +00:00
< / div >
< / div >
< / div >
2021-11-24 21:03:40 +00:00
<!-- Banner section -->
< div class = "px-4 py-4 shadow-inset-t-white-10" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Banner< / h2 >
2021-11-24 21:03:40 +00:00
< div class = "flex flex-col md:flex-row gap-3" >
<!-- Avatar -->
< img loading = "lazy" src = "{{v.profile_url}}" class = "flex-shrink-0 w-48 h-20 rounded object-cover" >
<!-- Form -->
< div >
< div class = "flex space-x-3" >
<!-- Buttons -->
< form action = "/settings/images/banner" method = "post" enctype = "multipart/form-data" >
2021-11-12 17:20:10 +00:00
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
2021-11-24 21:03:40 +00:00
< label class = "block px-4 py-2 bg-gradient-to-t from-gray-700 to-gray-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-200 focus:text-gray-400 focus:outline-none" >
Change banner
< input { % if request . headers . get ( ' cf-ipcountry ' ) = = " T1 " % } disabled { % endif % } type = "file" accept = "image/*" hidden name = "banner" onchange = "form.submit()" >
2021-11-12 17:20:10 +00:00
< / label >
< / form >
2021-11-24 21:03:40 +00:00
{% if v.bannerurl %}
< div >
< form action = "/settings/delete/banner" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
2021-12-04 12:57:35 +00:00
< button type = "submit" value = "Delete" class = "btn btn-red" >
2021-11-24 21:03:40 +00:00
< i class = "fas fa-trash-alt fa-fw mr-1" > < / i >
Delete
< / button >
< / form >
< / div >
{% endif %}
2021-10-15 14:08:27 +00:00
< / div >
2021-11-24 21:03:40 +00:00
<!-- Help text -->
< p class = "mt-2 text-xs text-gray-400 mt-3" >
JPG, PNG, GIF files are supported. Max file size is {% if v and v.patron %}8{% else %}4{% endif %} MB.
< / p >
2021-10-15 14:08:27 +00:00
< / div >
< / div >
< / div >
< / div >
2021-11-24 21:03:40 +00:00
<!-- <div class="settings - section rounded">
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
< div class = "flex" >
2021-10-15 14:08:27 +00:00
< div class = "title w-lg-75 text-md-center" >
2021-11-24 21:03:40 +00:00
< img loading = "lazy" src = "{{v.banner_url}}" class = "banner-pic-135" >
2021-10-15 14:08:27 +00:00
< / div >
< div class = "body w-lg-100 my-auto" >
2021-11-24 21:03:40 +00:00
< div class = "flex" >
2021-10-15 14:08:27 +00:00
2021-11-12 17:20:10 +00:00
< div >
< form action = "/settings/images/banner" method = "post" enctype = "multipart/form-data" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< label class = "btn btn-secondary text-capitalize mr-2 mb-0" >
Update< input type = "file" { % if request . headers . get ( ' cf-ipcountry ' ) = = " T1 " % } disabled { % endif % } accept = "image/*" hidden name = "banner" onchange = "form.submit()" >
< / label >
< / form >
2021-10-15 14:08:27 +00:00
2021-11-12 17:20:10 +00:00
< / div >
2021-10-15 14:08:27 +00:00
< div >
{% if v.bannerurl %}
< form action = "/settings/delete/banner" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< button type = "submit" value = "Delete" class = "btn btn-link fa-lg" > < i class = "far fa-trash-alt text-danger" > < / i > < / button >
< / form > {% endif %}
< / div >
< / div >
2021-11-11 19:30:59 +00:00
< div class = "text-small-extra text-muted mt-3" > JPG, PNG, GIF files are supported. Max file size is {% if v and v.patron %}8{% else %}4{% endif %} MB.< / div >
2021-10-15 14:08:27 +00:00
< / div >
< / div >
2021-11-24 21:03:40 +00:00
< / div > -->
2021-12-04 12:59:28 +00:00
< div class = "rounded-lg bg-gray-100 border border-gray-300 shadow-inset-t-white-10 p-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Linked accounts< / h2 >
2021-12-04 12:59:28 +00:00
< div class = "flex flex-col space-y-2 divide-y divide-y-800" >
< div >
{% if v.discord_id %}
< form action = "/settings/remove_discord" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< input type = "submit" class = "btn btn-red" value = "Disconnect Discord" >
< / form >
< p class = "mt-2 text-xs text-gray-400 mt-3" >
Disconnecting your Discord account will remove you from the {{'SITE_NAME' | app_config}} Discord server.
< / p >
{% else %}
< a href = "/discord" class = "btn btn-gray" >
< i class = "fab fa-discord fa-fw mr-1" > < / i >
Link Discord
< / a >
< p class = "mt-2 text-xs text-gray-400 mt-3" >
Link your Discord account to join the {{'SITE_NAME' | app_config}} Discord server.
< / p >
{% endif %}
< / div >
2021-11-24 21:03:40 +00:00
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
<!-- Referral & RSS -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Referral code< / h2 >
2021-11-24 21:03:40 +00:00
< input type = "text" onclick = "this.select()" value = "{{request.host_url}}signup?ref={{v.username}}" class = "p-0.5 bg-gray-900 border border-gray-900 text-xs text-gray-300 rounded-sm w-72" >
< small class = "block mt-1 text-gray-400" >
You have referred < strong > {{v.referral_count}}< / strong > members.
2021-11-30 21:54:55 +00:00
< a href = "/badges" class = "text-red-500" > Learn more< / a > .
2021-11-24 21:03:40 +00:00
< / small >
< / div >
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > RSS Feed< / h2 >
2021-11-24 21:03:40 +00:00
< input type = "text" onclick = "this.select()" value = "{{('/rss/hot/all') | full_link}}" class = "p-0.5 bg-gray-900 border border-gray-900 text-xs text-gray-300 rounded-sm w-44" >
< small class = "block mt-1 text-gray-400" >
You can change the feed by replacing < strong > hot< / strong > with whatever sorting you want and < strong > all< / strong > with whatever time filter you want.
< / small >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
<!-- Profile Username -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Username< / h2 >
2021-11-24 21:03:40 +00:00
< form action = "/settings/name_change" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< input type = "text" name = "name" class = "block rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" value = "{{v.username}}" >
< small class = "block mt-2 text-gray-400" > 3-25 characters, including letters, numbers, _ , and -< / small >
< small class = "block mt-1 text-gray-400" >
Your original username will always stay reserved for you: < strong > {{v.original_username}}< / strong >
< / small >
< div class = "mt-4" >
2021-12-04 13:00:59 +00:00
< input class = "ml-auto btn btn-gray" type = "submit" value = "Change display name" >
2021-10-15 14:08:27 +00:00
< / div >
2021-11-24 21:03:40 +00:00
< / form >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
<!-- Profile Anthem -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Profile Anthem< / h2 >
2021-11-24 21:03:40 +00:00
< form action = "/settings/song_change" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
2021-12-04 13:03:33 +00:00
< div class = "w-full md:w-80" >
2021-12-04 13:02:42 +00:00
< input type = "text" name = "song" class = "form-input" value = "{% if v.song %}https://youtu.be/{{v.song}}{% endif %}" placeholder = 'Enter a youtube video link here' >
< / div >
2021-11-24 21:03:40 +00:00
< small class = "block mt-2 text-gray-400" > Must be a youtube video link< / small >
< div class = "mt-4" >
2021-12-04 13:01:18 +00:00
< input class = "ml-auto btn btn-gray" type = "submit" value = "Change profile anthem" >
2021-10-15 14:08:27 +00:00
< / div >
2021-11-24 21:03:40 +00:00
< / form >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
<!-- Username Color -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Username Color< / h2 >
2021-11-24 21:03:40 +00:00
< form action = "/settings/namecolor" id = "color-code-form" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
2021-12-04 13:03:33 +00:00
< div class = "w-full md:w-44" >
2021-12-04 13:02:42 +00:00
< input class = "form-input" type = "text" name = "color" id = "color-code" maxlength = "6" value = "{% if v.namecolor %}{{v.namecolor}}{% endif %}" >
< / div >
2021-11-24 21:03:40 +00:00
< div class = "mt-4" >
2021-12-04 13:01:18 +00:00
< input class = "ml-auto btn btn-gray" type = "submit" value = "Change username color" >
2021-11-24 21:03:40 +00:00
< / div >
< / form >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
{% if not v.flairchanged %}
<!-- Flair -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Flair< / h2 >
2021-11-24 21:03:40 +00:00
< form id = "profile-settings" action = "/settings/title_change" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< input id = "customtitlebody" type = "text" name = "title" class = "rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" placeholder = 'Enter a flair here' value = "{% if v.customtitleplain %}{{v.customtitleplain}}{% endif %}" >
< button type = "button" class = "inline-block ml-2 text-gray-500 hover:text-gray-200" onclick = "loadEmojis('customtitlebody')" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Add Emoji" >
< i class = "fas fa-smile-beam" > < / i >
< / button >
< small class = "block mt-2 text-gray-400" > Limit of 100 characters< / small >
< div class = "mt-4" >
2021-12-04 13:01:18 +00:00
< input class = "ml-auto btn btn-gray" type = "submit" value = "Change flair" >
2021-11-24 21:03:40 +00:00
< / div >
< / form >
< / div >
< / div >
{% endif %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
<!-- Title Color -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Flair Color< / h2 >
2021-11-24 21:03:40 +00:00
< form action = "/settings/titlecolor" id = "color-code-form" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< input class = "block rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" type = "text" name = "color" id = "color-code" maxlength = "6" value = "{% if v.titlecolor %}{{v.titlecolor}}{% endif %}" >
< div class = "mt-4" >
2021-12-04 13:01:18 +00:00
< input class = "ml-auto btn btn-gray" type = "submit" value = "Change flair color" >
2021-11-24 21:03:40 +00:00
< / div >
< / form >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
{% if v.verified %}
<!-- Bluecheck Color -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Bluecheck Color< / h2 >
2021-11-24 21:03:40 +00:00
< form action = "/settings/titlecolor" id = "color-code-form" method = "post" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< input class = "block rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" type = "text" name = "color" id = "color-code" maxlength = "6" value = "{% if v.titlecolor %}{{v.titlecolor}}{% endif %}" >
< div class = "mt-4" >
2021-12-04 13:01:18 +00:00
< input class = "ml-auto btn btn-gray" type = "submit" value = "Change flair color" >
2021-11-24 21:03:40 +00:00
< / div >
< / form >
< / div >
< / div >
{% endif %}
2021-10-15 14:08:27 +00:00
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Bio< / h2 >
2021-11-24 21:03:40 +00:00
< form id = "profile-bio" action = "/settings/profile" method = "post" enctype = "multipart/form-data" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< div class = "input-group mb-2" >
2021-12-03 03:13:24 +00:00
< textarea id = "bio-text" class = "form-input rounded" aria-label = "With textarea" placeholder = "Tell the community a bit about yourself." rows = "3" name = "bio" form = "profile-bio" maxlength = "1500" > {% if v.bio %}{{v.bio}}{% endif %}< / textarea >
2021-11-24 21:03:40 +00:00
< / div >
< ul class = "-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-white border-opacity-10" >
< li >
< button type = "button" class = "text-gray-500 hover:text-gray-400" onclick = "makeBold('bio-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Bold" >
< i class = "fas fa-bold fa-fw fa-sm" > < / i >
< / button >
< / li >
< li >
< button type = "button" class = "text-gray-500 hover:text-gray-400" onclick = "makeItalics('bio-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Italicize" >
< i class = "fas fa-italic fa-fw fa-sm" > < / i >
< / button >
< / li >
< li >
< button type = "button" class = "text-gray-500 hover:text-gray-400" onclick = "makeQuote('bio-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Quote" >
< i class = "fas fa-quote-right fa-fw fa-sm" > < / i >
< / button >
< / li >
< li >
< button type = "button" class = "text-gray-500 hover:text-gray-400" onclick = "commentForm('bio-text');getGif()" >
< span class = "font-bold text-sm text-uppercase" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#gifModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Add GIF" > GIF< / span >
< / button >
< / li >
< li >
< button type = "button" class = "text-gray-500 hover:text-gray-400" onclick = "loadEmojis('bio-text')" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Add Emoji" >
< i class = "fas fa-smile-beam fa-fw fa-sm" > < / i >
< / button >
< / li >
< / ul >
<!-- <div class="hidden">
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-bold" aria-hidden = "true" onclick = "makeBold('bio-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Bold" > < / pre >
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-italic" aria-hidden = "true" onclick = "makeItalics('bio-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Italicize" > < / pre >
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-quote-right" aria-hidden = "true" onclick = "makeQuote('bio-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Quote" > < / pre >
< pre style = "padding-top:0.7rem;line-height:1;" class = "btn btn-secondary format d-inline-block m-0 font-weight-bolder text-uppercase" onclick = "commentForm('bio-text');getGif()" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#gifModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Add GIF" > GIF< / pre >
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" onclick = "loadEmojis('bio-text')" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Add Emoji" > < / pre >
< label class = "inline-block ml-2 text-gray-500 hover:text-gray-200" >
< div id = "filename-show" > < i class = "far fa-image" > < / i > < / div >
< input id = "file-upload" type = "file" name = "file" { % if request . headers . get ( ' cf-ipcountry ' ) = = " T1 " % } disabled { % endif % } accept = "image/*" onchange = "document.getElementById('filename-show').innerHTML='image';" hidden >
< / label >
< / div > -->
< small class = "block mt-2 text-gray-400" > Limit of 1500 characters< / small >
< div class = "mt-4" >
2021-12-04 13:01:18 +00:00
< input class = "ml-auto btn btn-gray" type = "submit" value = "Save bio" >
2021-10-15 14:08:27 +00:00
< / div >
2021-11-24 21:03:40 +00:00
< / form >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
<!-- Privacy -->
2021-11-30 21:54:26 +00:00
< div class = "rounded-lg divide-y divide-gray-300 bg-gray-100 border border-gray-300 shadow-inset-t-white-10" >
2021-11-24 21:03:40 +00:00
< div class = "px-4 py-4" >
2021-12-04 13:04:31 +00:00
< h2 class = "label" > Privacy< / h2 >
2021-11-24 21:03:40 +00:00
< div class = "mb-4" >
< input type = "checkbox" id = "privateswitch" name = "private" { % if v . is_private % } checked { % endif % } onchange = "post_toast('/settings/profile?private='+document.getElementById('privateswitch').checked)" >
< label for = "privateswitch" class = "inline-block pl-2 text-gray-400" > Hide my posts and comments from others and search engines.< / label >
2021-10-15 14:08:27 +00:00
< / div >
2021-11-24 21:03:40 +00:00
< div >
< input type = "checkbox" id = "nofollowswitch" name = "nofollow" { % if v . is_nofollow % } checked { % endif % } onchange = "post_toast('/settings/profile?nofollow='+document.getElementById('nofollowswitch').checked)" >
< label for = "nofollowswitch" class = "inline-block pl-2 text-gray-400" > Prevent other users from following you.< / label >
< / div >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
< div class = "settings-section rounded mb-0" >
2021-11-24 21:03:40 +00:00
<!-- <div class="body d - lg - flex border - bottom">
2021-11-04 16:07:13 +00:00
2021-11-24 21:03:40 +00:00
< label class = "text-black w-lg-25" > Friends< / label >
2021-11-04 16:07:13 +00:00
< div class = "w-lg-100" >
< form id = "profile-friends" action = "/settings/profile" method = "post" enctype = "multipart/form-data" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< div class = "input-group mb-2" >
2021-12-03 03:13:24 +00:00
< textarea id = "friends-text" class = "form-input rounded" aria-label = "With textarea" placeholder = "Enter your friends on the site..." rows = "3" name = "friends" form = "profile-friends" maxlength = "1500" > {% if v.friends %}{{v.friends}}{% endif %}< / textarea >
2021-11-04 16:07:13 +00:00
< / div >
< pre > < / pre >
2021-11-24 21:03:40 +00:00
< div class = "flex" >
2021-11-04 16:07:13 +00:00
< small > Limit of 500 characters< / small >
< input class = "btn btn-primary ml-auto" id = "friendsSave" type = "submit" value = "Save Changes" >
< / div >
< / form >
< / div >
2021-11-24 21:03:40 +00:00
< / div > -->
2021-11-04 16:07:13 +00:00
2021-11-24 21:03:40 +00:00
<!-- <div class="body d - lg - flex border - bottom">
2021-11-06 15:21:05 +00:00
< label class = "text-black w-lg-25" > Enemies< / label >
< div class = "w-lg-100" >
< form id = "profile-enemies" action = "/settings/profile" method = "post" enctype = "multipart/form-data" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< div class = "input-group mb-2" >
2021-12-03 03:13:24 +00:00
< textarea id = "enemies-text" class = "form-input rounded" aria-label = "With textarea" placeholder = "Enter your enemies on the site..." rows = "3" name = "enemies" form = "profile-enemies" maxlength = "1500" > {% if v.enemies %}{{v.enemies}}{% endif %}< / textarea >
2021-11-06 15:21:05 +00:00
< / div >
< pre > < / pre >
2021-11-24 21:03:40 +00:00
< div class = "flex" >
2021-11-06 15:21:05 +00:00
< small > Limit of 500 characters< / small >
< input class = "btn btn-primary ml-auto" id = "enemiesSave" type = "submit" value = "Save Changes" >
< / div >
< / form >
< / div >
2021-11-24 21:03:40 +00:00
< / div > -->
2021-11-06 15:21:05 +00:00
2021-11-04 15:47:15 +00:00
{% if v.patron or v.id == 1904 %}
2021-11-04 15:12:17 +00:00
< div class = "body d-lg-flex border-bottom" >
< label class = "text-black w-lg-25" > Signature< / label >
< div class = "w-lg-100" >
< form id = "profile-sig" action = "/settings/profile" method = "post" enctype = "multipart/form-data" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
< div class = "input-group mb-2" >
2021-12-03 03:13:24 +00:00
< textarea id = "sig-text" class = "form-input rounded" aria-label = "With textarea" placeholder = "Enter a signature..." rows = "3" name = "sig" form = "profile-sig" maxlength = "200" > {% if v.sig %}{{v.sig}}{% endif %}< / textarea >
2021-11-04 15:12:17 +00:00
< / div >
2021-11-24 21:03:40 +00:00
< div class = "flex" >
2021-11-04 15:12:17 +00:00
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-bold" aria-hidden = "true" onclick = "makeBold('sig-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Bold" > < / pre >
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-italic" aria-hidden = "true" onclick = "makeItalics('sig-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Italicize" > < / pre >
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-quote-right" aria-hidden = "true" onclick = "makeQuote('sig-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Quote" > < / pre >
< pre style = "padding-top:0.7rem;line-height:1;" class = "btn btn-secondary format d-inline-block m-0 font-weight-bolder text-uppercase" onclick = "commentForm('sig-text');getGif()" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#gifModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Add GIF" > GIF< / pre >
< pre style = "padding-top:0.7rem" class = "btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" onclick = "loadEmojis('sig-text')" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "Add Emoji" > < / pre >
< / div >
< pre > < / pre >
2021-11-24 21:03:40 +00:00
< div class = "flex" >
2021-11-04 15:12:17 +00:00
< small > Limit of 200 characters< / small >
< input class = "btn btn-primary ml-auto" id = "sigSave" type = "submit" value = "Save Changes" >
< / div >
< / form >
< / div >
< / div >
{% endif %}
2021-10-15 14:08:27 +00:00
< / div >
< / div >
2021-11-24 21:03:40 +00:00
{% endblock %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
{% block modals %}
{% include "emoji_modal.html" %}
{% include "gif_modal.html" %}
{% endblock %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
{% block scripts %}
< script src = "/assets/js/settings_profile.js?v=57" > < / script >
2021-10-15 14:08:27 +00:00
2021-11-24 21:03:40 +00:00
< script >
document.onpaste = function(event) {
var focused = document.activeElement;
if (focused.id == 'bio-text') {
f=document.getElementById('file-upload');
files = event.clipboardData.files
filename = files[0].name.toLowerCase()
if (filename.endsWith(".jpg") || filename.endsWith(".jpeg") || filename.endsWith(".png") || filename.endsWith(".webp") || filename.endsWith(".gif"))
{
f.files = files;
document.getElementById('filename-show').textContent = filename;
}
}
}
< / script >
2021-10-15 14:08:27 +00:00
{% endblock %}