diff --git a/files/templates/submit.html b/files/templates/submit.html
index f245b3ccd..4a5f5744e 100644
--- a/files/templates/submit.html
+++ b/files/templates/submit.html
@@ -1,187 +1,169 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-		<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="">
-		<link rel="icon" type="image/png" href="/assets/images/{{'SITE_NAME' | app_config}}/icon.webp?v=4">
+{% block title %}
+<title>Create a post - {{'SITE_NAME' | app_config}}</title>
+{% endblock %}
 
-		{% if request.host == 'pcmemes.net' %}
-			{% set cc='Splash Mountain' %}
-		{% else %}
-			{% set cc='Country Club' %}
-		{% endif %}
+{% extends "default.html" %}
 
-		{% block title %}
-		<title>Create a post - {{'SITE_NAME' | app_config}}</title>
-		{% endblock %}
+{% block subHeader %}
+<div class="max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t-md bg-gradient-to-t from-gray-800 to-gray-700 sub-header-shadow">
+	<div class="col-span-full flex items-center">
+		<div>
+			<h1 class="font-bold text-xl font-heading leading-normal">
+				Create a post
+			</h1>
+			<small class="block mt-1 text-gray-400">
+				Share text, hyperlinks, or image macros with the community.
+			</small>
+		</div>
+	</div>
+</div>
+{% endblock %}
 
-		<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet">
+{% block content %}
 
-		
-		{% block stylesheets %}
-		{% if v %}
-			<style>:root{--primary:#{{v.themecolor}}}</style>
-			<link rel="stylesheet" href="/assets/css/main.css?v=133"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=124">
-			{% if v.agendaposter %}<link rel="stylesheet" href="/assets/css/agendaposter.css?v=124">{% 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=133">
-			<link rel="stylesheet" href="/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=124">
-		{% endif %}
-		{% endblock %}
+<div class="submit-grid-view">
+	<form id="submitform" action="/submit" method="post" enctype="multipart/form-data" style="grid-column: 2">
 
-			<link href="/assets/css/fa.css?v=52" rel="stylesheet"> </head>
+		<div class="container">
 
-<body id="submit" 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 %}display: block;">
+			<div class="row justify-content-center mb-5">
 
-				{% include "header.html" %}
+				<div class="col p-3 py-md-0">
 
-		{% block form %}
+					<h1 class="d-none d-md-block mt-3">Create a post</h1>
 
-		
-		<div class="submit-grid-view">
-			<form id="submitform" action="/submit" method="post" enctype="multipart/form-data" style="grid-column: 2">
+					<h2 class="h3 d-md-none mt-5">Create a post</h2>
 
-				<div class="container">
+					<div class="body">
 
-						<div class="row justify-content-center mb-5">
+						<input type="hidden" name="formkey" value="{{v.formkey}}">
 
-								<div class="col p-3 py-md-0">
-
-										<h1 class="d-none d-md-block mt-3">Create a post</h1>
-
-										<h2 class="h3 d-md-none mt-5">Create a post</h2>
-
-										<div class="body">
-
-												<input type="hidden" name="formkey" value="{{v.formkey}}">
-
-												<label for="title">Post Title</label>
+						<label for="title">Post Title</label>
 
 
-												<input class="form-control" id="post-title" aria-describedby="titleHelpRegister" type="text" name="title" placeholder="Required" value="{{title}}" minlength="1" maxlength="500" required oninput="checkForRequired()">
+						<input class="form-control" id="post-title" aria-describedby="titleHelpRegister" type="text" name="title" placeholder="Required" value="{{title}}" minlength="1" maxlength="500" required oninput="checkForRequired()">
 
-												<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn-2">
-													<div id="emoji-reply-btn-2" onclick="loadEmojis('post-title')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
-												</label>
+						<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn-2">
+							<div id="emoji-reply-btn-2" onclick="loadEmojis('post-title')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
+						</label>
 
-												<div id="urlblock">
-														<label for="URL" class="mt-3">URL</label>
-														<input class="form-control" id="post-URL" aria-describedby="URLHelp" name="url" placeholder="Optional if you have text." value="{{request.values.get('url','')}}" required oninput="checkForRequired();autoSuggestTitle();hide_image()">
-														<small class="form-text text-muted">To post an image, use a direct image link such as i.imgur.com</small>
-												</div>
-												<div id="image-upload-block">
-													<div><label class="mt-3">Attachment Upload</label></div>
+						<div id="urlblock">
+							<label for="URL" class="mt-3">URL</label>
+							<input class="form-control" id="post-URL" aria-describedby="URLHelp" name="url" placeholder="Optional if you have text." value="{{request.values.get('url','')}}" required oninput="checkForRequired();autoSuggestTitle();hide_image()">
+							<small class="form-text text-muted">To post an image, use a direct image link such as i.imgur.com</small>
+						</div>
+						<div id="image-upload-block">
+							<div><label class="mt-3">Attachment Upload</label></div>
 
-													<img loading="lazy" id="image-preview" class="w-100">
-													<label class="btn btn-secondary m-0" for="file-upload">
-														<div id="filename-show">Select File</div>
-														<input id="file-upload" type="file" name="file" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} accept="image/*, video/*" hidden>
-													</label>
-													<small class="form-text text-muted">Optional if you have text.</small>
-													<small class="form-text text-muted">You can upload images or videos up to 1 minute long.</small>
-												</div>
-												</div>
+							<img loading="lazy" id="image-preview" class="w-100">
+							<label class="btn btn-secondary m-0" for="file-upload">
+								<div id="filename-show">Select File</div>
+								<input id="file-upload" type="file" name="file" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} accept="image/*, video/*" hidden>
+							</label>
+							<small class="form-text text-muted">Optional if you have text.</small>
+							<small class="form-text text-muted">You can upload images or videos up to 1 minute long.</small>
+						</div>
+					</div>
 
-												<label for="body" class="mt-3">Text<i class="fas fa-info-circle text-gray-400 ml-1" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Uses markdown. Limited to 10000 characters."></i></label>
+					<label for="body" class="mt-3">Text<i class="fas fa-info-circle text-gray-400 ml-1" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Uses markdown. Limited to 10000 characters."></i></label>
 
-												<div>
-													<textarea form="submitform" id="post-text" class="form-control rounded" aria-label="With textarea" placeholder="Optional if you have a link or an image." rows="7" name="body" oninput="markdown();charLimit('post-text','character-count-submit-text-form');checkForRequired()" {% if v.longpost %}minlength="280"{% endif %} maxlength="{% if v.bird %}140{% else %}10000{% endif %}" required></textarea>
-
-													<div class="btn btn-secondary fl-r mt-3" onclick="document.getElementById('preview').classList.toggle('d-none');">
-														Toggle preview
-													</div>
-
-													<div class="text-small font-weight-bold mt-1" id="character-count-submit-text-form" style="right: 1rem; bottom: 0.5rem; z-index: 3;"></div>
-
-													<div id="preview" class="my-3"></div>
-												</div>
-
-												<p></p>
-												<small class="btn btn-secondary format d-inline-block m-0">
-												<i class="fas fa-bold" aria-hidden="true" onclick="makeBold('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Bold"></i>
-												</small>
-												&nbsp; 
-												<small class="btn btn-secondary format d-inline-block m-0">
-												<i class="fas fa-italic" aria-hidden="true" onclick="makeItalics('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Italicize"></i>
-												</small>
-												&nbsp; 
-												<small class="btn btn-secondary format d-inline-block m-0">
-												<i class="fas fa-quote-right" aria-hidden="true" onclick="makeQuote('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Quote"></i>
-												</small>
-												&nbsp;
-												<small class="btn btn-secondary format d-inline-block m-0"><span class="font-weight-bolder text-uppercase" aria-hidden="true" onclick="getGif();commentForm('post-text')" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom"  data-bs-original-title="Add GIF">GIF</span></small>
-												&nbsp;
-												<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn">
-													<div id="emoji-reply-btn" onclick="loadEmojis('post-text')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
-												</label>
-																
-												<label class="format btn btn-secondary m-0 ml-1 {% if v %}d-inline-block{% else %}d-none{% endif %}" for="file-upload-submit">
-													<div id="filename-show-submit"><i class="far fa-image"></i></div>
-													<input id="file-upload-submit" type="file" name="file2" accept="image/*" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} onchange="document.getElementById('filename-show-submit').innerHTML='image';" hidden>
-												</label>		
-
-												<pre></pre>
-												<div class="form-text text-small"><a href="/formatting" target="_blank">Formatting help</a></div>
-												<pre></pre>
-
-												<div class="custom-control custom-checkbox">
-														<input type="checkbox" class="custom-control-input" id="nsfwCheck" name="over_18">
-														<label class="custom-control-label" for="nsfwCheck">+18</label>
-												</div>
-												<div class="custom-control custom-checkbox">
-														<input type="checkbox" class="custom-control-input" id="privateCheck" name="private">
-														<label class="custom-control-label" for="privateCheck">Draft</label>
-												</div>
-
-												{% if v.paid_dues %}
-													<div class="custom-control custom-checkbox">
-														<input type="checkbox" class="custom-control-input" id="clubCheck" name="club">
-														<label class="custom-control-label" for="clubCheck">{{cc}} thread</label>
-													</div>
-												{% endif %}
-												<pre>
-
-
-
-
-
-
-												</pre>
-										</div>
-
-								</div>
+					<div>
+						<textarea form="submitform" id="post-text" class="form-control rounded" aria-label="With textarea" placeholder="Optional if you have a link or an image." rows="7" name="body" oninput="markdown();charLimit('post-text','character-count-submit-text-form');checkForRequired()" {% if v.longpost %}minlength="280"{% endif %} maxlength="{% if v.bird %}140{% else %}10000{% endif %}" required></textarea>
 
+						<div class="btn btn-secondary fl-r mt-3" onclick="document.getElementById('preview').classList.toggle('d-none');">
+							Toggle preview
 						</div>
 
-				<div class="container">
-						<div class="row fixed-bottom bg-white border-top p-3" id="" style="z-index: 100; bottom: 0px; transition: bottom 220ms cubic-bezier(0, 0, 0.2, 1) 0s;">
-								<div class="col">
-										<a href="/" class="btn btn-secondary">Cancel</a>
-								</div>
-								<div class="col text-right">
-										{% if error %}<span class="text-danger mr-2">{{error}}</span>{% endif %}
-										<button class="btn btn-outline-purple" id="create_button" type="submit" disabled>Post</button>
-								</div>
-						</div>
+						<div class="text-small font-weight-bold mt-1" id="character-count-submit-text-form" style="right: 1rem; bottom: 0.5rem; z-index: 3;"></div>
+
+						<div id="preview" class="my-3"></div>
+					</div>
+
+					<p></p>
+					<small class="btn btn-secondary format d-inline-block m-0">
+						<i class="fas fa-bold" aria-hidden="true" onclick="makeBold('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Bold"></i>
+					</small>
+					&nbsp; 
+					<small class="btn btn-secondary format d-inline-block m-0">
+						<i class="fas fa-italic" aria-hidden="true" onclick="makeItalics('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Italicize"></i>
+					</small>
+					&nbsp; 
+					<small class="btn btn-secondary format d-inline-block m-0">
+						<i class="fas fa-quote-right" aria-hidden="true" onclick="makeQuote('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Quote"></i>
+					</small>
+					&nbsp;
+					<small class="btn btn-secondary format d-inline-block m-0"><span class="font-weight-bolder text-uppercase" aria-hidden="true" onclick="getGif();commentForm('post-text')" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom"  data-bs-original-title="Add GIF">GIF</span></small>
+					&nbsp;
+					<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn">
+						<div id="emoji-reply-btn" onclick="loadEmojis('post-text')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
+					</label>
+					
+					<label class="format btn btn-secondary m-0 ml-1 {% if v %}d-inline-block{% else %}d-none{% endif %}" for="file-upload-submit">
+						<div id="filename-show-submit"><i class="far fa-image"></i></div>
+						<input id="file-upload-submit" type="file" name="file2" accept="image/*" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} onchange="document.getElementById('filename-show-submit').innerHTML='image';" hidden>
+					</label>		
+
+					<pre></pre>
+					<div class="form-text text-small"><a href="/formatting" target="_blank">Formatting help</a></div>
+					<pre></pre>
+
+					<div class="custom-control custom-checkbox">
+						<input type="checkbox" class="custom-control-input" id="nsfwCheck" name="over_18">
+						<label class="custom-control-label" for="nsfwCheck">+18</label>
+					</div>
+					<div class="custom-control custom-checkbox">
+						<input type="checkbox" class="custom-control-input" id="privateCheck" name="private">
+						<label class="custom-control-label" for="privateCheck">Draft</label>
+					</div>
+
+					{% if v.paid_dues %}
+					<div class="custom-control custom-checkbox">
+						<input type="checkbox" class="custom-control-input" id="clubCheck" name="club">
+						<label class="custom-control-label" for="clubCheck">{{cc}} thread</label>
+					</div>
+					{% endif %}
+					<pre>
+
+
+
+
+
+
+					</pre>
 				</div>
 
-			</form>
+			</div>
 
 		</div>
-		{% endblock %}
 
-		<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
-		<script defer src="https://cdn.jsdelivr.net/npm/marked@3.0.8/lib/marked.min.js"></script>
+		<div class="container">
+			<div class="row fixed-bottom bg-white border-top p-3" id="" style="z-index: 100; bottom: 0px; transition: bottom 220ms cubic-bezier(0, 0, 0.2, 1) 0s;">
+				<div class="col">
+					<a href="/" class="btn btn-secondary">Cancel</a>
+				</div>
+				<div class="col text-right">
+					{% if error %}<span class="text-danger mr-2">{{error}}</span>{% endif %}
+					<button class="btn btn-outline-purple" id="create_button" type="submit" disabled>Post</button>
+				</div>
+			</div>
+		</div>
 
-		<script defer src="/assets/js/submit.js?v=72"></script>
+	</form>
 
+</div>
+{% endblock %}
 
-		{% include "emoji_modal.html" %}
-		{% include "gif_modal.html" %}
+{% block modals %}
 
-</body>
+{% include "emoji_modal.html" %}
+{% include "gif_modal.html" %}
 
-</html>
\ No newline at end of file
+{% endblock %}
+
+{% block scripts %}
+
+<script defer src="https://cdn.jsdelivr.net/npm/marked@3.0.8/lib/marked.min.js"></script>
+
+<script defer src="/assets/js/submit.js?v=72"></script>
+
+{% endblock %}
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index 3462723ef..190a9af63 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -33,9 +33,9 @@
 
 {% block desktopUserBanner %}
 
-<div class="row d-none d-md-block">
+<div class="row hidden d-md-block">
 	<div class="col px-0">
-		<div class="jumbotron jumbotron-fluid jumbotron-guild d-none d-md-block" style="background-image: url({{u.banner_url}})">
+		<div class="jumbotron jumbotron-fluid jumbotron-guild hidden d-md-block" style="background-image: url({{u.banner_url}})">
 			<div class="jumbotron-overlay"></div>
 			<div class="w-100 my-3">
 				<div class="container-fluid nobackground">
@@ -72,9 +72,9 @@
 								{% if v and v.has_follower(u) %}
 									<span class="followsyou badge badge-secondary text-small align-middle ml-2">Follows you</span>
 								{% endif %}
-								<div class="profile-actions align-middle d-none ml-2">
+								<div class="profile-actions align-middle hidden ml-2">
 								{% if v and v.id != u.id %}
-								<div class="dropdown show d-none">
+								<div class="dropdown show hidden">
 									<a href="javascript:void(0)" role="button" data-bs-toggle="dropdown"
 									aria-haspopup="true" aria-expanded="false">
 									<i class="far fa-ellipsis-h text-lg align-middle text-gray-600"></i>
@@ -82,7 +82,7 @@
 							</div>
 							{% endif %}
 							{% if v and v.id == u.id %}
-							<div class="dropdown show d-none">
+							<div class="dropdown show hidden">
 								<a href="javascript:void(0)" role="button" id="dropdownProfileActionsLink" data-bs-toggle="dropdown"
 								aria-haspopup="true" aria-expanded="false">
 								<i class="far fa-ellipsis-h text-lg align-middle text-gray-600"></i>
@@ -157,26 +157,26 @@
 				<div class="d-flex justify-content-between align-items-center">
 					<div>
 					{% if v and v.id != u.id %}
-						{% if u.id != 995 %}<a id="button-unsub" class="btn btn-secondary {% if not is_following %}d-none{% endif %}" href="javascript:void(0)" onclick="post_toast2('/unfollow/{{u.username}}','button-unsub','button-sub')">Unfollow</a>{% endif %}
-						<a id="button-sub" class="btn btn-primary {% if is_following or u.is_nofollow or u.is_blocked %}d-none{% endif %}" href="javascript:void(0)" onclick="post_toast2('/follow/{{u.username}}','button-unsub','button-sub')">Follow</a>						
+						{% if u.id != 995 %}<a id="button-unsub" class="btn btn-secondary {% if not is_following %}hidden{% endif %}" href="javascript:void(0)" onclick="post_toast2('/unfollow/{{u.username}}','button-unsub','button-sub')">Unfollow</a>{% endif %}
+						<a id="button-sub" class="btn btn-primary {% if is_following or u.is_nofollow or u.is_blocked %}hidden{% endif %}" href="javascript:void(0)" onclick="post_toast2('/follow/{{u.username}}','button-unsub','button-sub')">Follow</a>						
 						<a class="btn btn-primary" href="javascript:void(0)" onclick="toggleElement('profile-toggleable', 'message')">Message</a>
 
 						<a class="btn btn-primary" href="javascript:void(0)" onclick="post_toast('/@{{u.username}}/suicide')">Get them help</a>
 						<a class="btn btn-primary" href="javascript:void(0)" onclick="toggleElement('profile-toggleable', 'coin-transfer')">Gift {{'COINS_NAME' | app_config}}</a>
 
 						{% if v.admin_level > 2 %} 
-							<a id="admin" class="{% if u.admin_level > 1 %}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_admin','admin','unadmin')">Make admin</a>
-							<a id="unadmin" class="{% if u.admin_level < 2 %}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_admin','admin','unadmin')">Remove admin</a>
+							<a id="admin" class="{% if u.admin_level > 1 %}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_admin','admin','unadmin')">Make admin</a>
+							<a id="unadmin" class="{% if u.admin_level < 2 %}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_admin','admin','unadmin')">Remove admin</a>
 
-							<a id="memeadmin" class="{% if u.admin_level == 1%}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_meme_admin','memeadmin','unmemeadmin')">Make meme admin</a>
-							<a id="unmemeadmin" class="{% if u.admin_level != 1 %}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_meme_admin','memeadmin','unmemeadmin')">Remove meme admin</a>
+							<a id="memeadmin" class="{% if u.admin_level == 1%}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_meme_admin','memeadmin','unmemeadmin')">Make meme admin</a>
+							<a id="unmemeadmin" class="{% if u.admin_level != 1 %}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_meme_admin','memeadmin','unmemeadmin')">Remove meme admin</a>
 
 							{% if u.admin_level > 1 %}
 								<a class="btn btn-primary" href="javascript:void(0)" onclick="post_toast('/@{{u.username}}/revert_actions')">Revert admin actions</a>
 							{% endif %}
 						{% endif %}
 
-						<form class="d-none profile-toggleable" id="message" action="/@{{u.username}}/message" method="post">
+						<form class="hidden profile-toggleable" id="message" action="/@{{u.username}}/message" method="post">
 							<pre></pre>
 							<textarea id="input-message" form="message" name="message" rows="3" maxlength="1000" class="form-control b2" required></textarea>
 							<pre></pre>
@@ -191,7 +191,7 @@
 							<input type="submit" value="Submit" class="btn btn-primary mt-3">
 						</form>
 
-						<div class="d-none mt-3 profile-toggleable" id="coin-transfer">
+						<div class="hidden mt-3 profile-toggleable" id="coin-transfer">
 							<input autocomplete="off" id="coins-transfer-amount" class="form-control" name="amount" type="number" oninput="updateTax()">
 							<div>{{u.username}} will receive <span id="coins-transfer-taxed">0</span> {{'COINS_NAME' | app_config}}</div>
 							<button class="btn btn-primary mt-3" onclick="transferCoins()">Gift</button>
@@ -204,7 +204,7 @@
 
 					{% 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 d-none" href="javascript:void(0)" onclick="play()">Play anthem</a>
+						<a id="play1" class="btn btn-secondary hidden" href="javascript:void(0)" onclick="play()">Play anthem</a>
 					{% endif %}
 
 					{% if v and v.id != u.id and v.admin_level > 1 %}
@@ -255,24 +255,24 @@
 						{% endif %}
 						<pre></pre>
 
-						<form id="agendaposter1" class="{% if u.agendaposter %}d-none{% endif %}" action="/agendaposter/{{u.id}}" method="post">
+						<form id="agendaposter1" class="{% if u.agendaposter %}hidden{% endif %}" action="/agendaposter/{{u.id}}" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input type="number" step="any" name="days" class="form-control" placeholder="Days (0 or blank = permanent)" >
 							<input type="submit" class="btn btn-danger" value="Lock Agendaposter Theme" >
 						</form>
-						<a id="unagendaposter" class="{% if not u.agendaposter %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/agendaposter/{{u.id}}','agendaposter1','unagendaposter')">Disable Agendaposter Theme</a>
+						<a id="unagendaposter" class="{% if not u.agendaposter %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/agendaposter/{{u.id}}','agendaposter1','unagendaposter')">Disable Agendaposter Theme</a>
 
 						<pre></pre>
 
-						<a id="shadowban" class="{% if u.shadowbanned %}d-none{% endif %} btn btn-danger" href="javascript:void(0)" onclick="post_toast2('/shadowban/{{u.id}}','shadowban','unshadowban')">Shadowban</a>
+						<a id="shadowban" class="{% if u.shadowbanned %}hidden{% endif %} btn btn-danger" href="javascript:void(0)" onclick="post_toast2('/shadowban/{{u.id}}','shadowban','unshadowban')">Shadowban</a>
 
-						<a id="unshadowban" class="{% if not u.shadowbanned %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/unshadowban/{{u.id}}','shadowban','unshadowban')">Unshadowban</a>
+						<a id="unshadowban" class="{% if not u.shadowbanned %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/unshadowban/{{u.id}}','shadowban','unshadowban')">Unshadowban</a>
 
 
 						<pre></pre>
 
-						<a id="verify" class="{% if u.verified %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/verify/{{u.id}}','verify','unverify')">Verify</a>
-						<a id="unverify" class="{% if not u.verified %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/unverify/{{u.id}}','verify','unverify')">Unverify</a>
+						<a id="verify" class="{% if u.verified %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/verify/{{u.id}}','verify','unverify')">Verify</a>
+						<a id="unverify" class="{% if not u.verified %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/unverify/{{u.id}}','verify','unverify')">Unverify</a>
 
 						<pre></pre>
 						<form action="/admin/unnuke_user" method="post">
@@ -287,8 +287,8 @@
 							<input type="submit" class="btn btn-danger" value="Remove User's Content">
 						</form>
 
-						<button id="grant2" class="{% if u.paid_dues %}d-none{% endif %} btn btn-success" onclick="post_toast2('/@{{u.username}}/club_allow','grant2','bar2')">Grant club access</button>
-						<button id="bar2" class="{% if u.club_banned %}d-none{% endif %} btn btn-danger" onclick="post_toast2('/@{{u.username}}/club_ban','grant2','bar2')">Bar from club</button>
+						<button id="grant2" class="{% if u.paid_dues %}hidden{% endif %} btn btn-success" onclick="post_toast2('/@{{u.username}}/club_allow','grant2','bar2')">Grant club access</button>
+						<button id="bar2" class="{% if u.club_banned %}hidden{% endif %} btn btn-danger" onclick="post_toast2('/@{{u.username}}/club_ban','grant2','bar2')">Bar from club</button>
 						{% endif %}
 					<pre></pre>
 					<p>User ID: {{u.id}}</p>
@@ -334,7 +334,7 @@
 {% endblock %}
 
 {% block mobileUserBanner %}
-<div class="container-fluid text-center bg-white d-md-none" style="margin-top:-4px;border-radius:0!important;">
+<div class="container-fluid text-center bg-white d-mhidden" style="margin-top:-4px;border-radius:0!important;">
 	<div class="row">
 		<div class="col px-0">
 			<a rel="nofollow noopener noreferrer" href="{{u.banner_url}}" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>
@@ -436,29 +436,29 @@
 
 				{% if u.song and v and v.mute and not u.unmutable %}
 					<a id="pause2" class="btn btn-secondary" href="javascript:void(0)" onclick="pause()">Pause anthem</a>
-					<a id="play2" class="btn btn-secondary d-none" href="javascript:void(0)" onclick="play()">Play anthem</a>
+					<a id="play2" class="btn btn-secondary hidden" href="javascript:void(0)" onclick="play()">Play anthem</a>
 				{% endif %}
 
 				{% if v and v.id != u.id %}
-					{% if u.id != 995 %}<a id="button-unsub2" class="btn btn-secondary {% if not is_following %}d-none{% endif %}" href="javascript:void(0)" onclick="post_toast2('/unfollow/{{u.username}}','button-unsub2','button-sub2')">Unfollow</a>{% endif %}
-					<a id="button-sub2" class="btn btn-primary {% if is_following or u.is_nofollow or u.is_blocked %}d-none{% endif %}" href="javascript:void(0)" onclick="post_toast2('/follow/{{u.username}}','button-unsub2','button-sub2')">Follow</a>						
+					{% if u.id != 995 %}<a id="button-unsub2" class="btn btn-secondary {% if not is_following %}hidden{% endif %}" href="javascript:void(0)" onclick="post_toast2('/unfollow/{{u.username}}','button-unsub2','button-sub2')">Unfollow</a>{% endif %}
+					<a id="button-sub2" class="btn btn-primary {% if is_following or u.is_nofollow or u.is_blocked %}hidden{% endif %}" href="javascript:void(0)" onclick="post_toast2('/follow/{{u.username}}','button-unsub2','button-sub2')">Follow</a>						
 					<a class="btn btn-primary" href="javascript:void(0)" onclick="toggleElement('profile-toggleable-mobile', 'message-mobile')">Message</a>
 					<a class="btn btn-primary" href="javascript:void(0)" onclick="post_toast('/@{{u.username}}/suicide')">Get them help</a>
 					<a class="btn btn-primary" href="javascript:void(0)" onclick="toggleElement('profile-toggleable-mobile', 'coin-transfer-mobile')">Gift {{'COINS_NAME' | app_config}}</a>
 
 					{% if v.admin_level > 2 %} 
-						<a id="admin2" class="{% if u.admin_level > 1 %}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_admin','admin2','unadmin2')">Make admin</a>
-						<a id="unadmin2" class="{% if u.admin_level < 2 %}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_admin','admin2','unadmin2')">Remove admin</a>
+						<a id="admin2" class="{% if u.admin_level > 1 %}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_admin','admin2','unadmin2')">Make admin</a>
+						<a id="unadmin2" class="{% if u.admin_level < 2 %}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_admin','admin2','unadmin2')">Remove admin</a>
 
-						<a id="memeadmin2" class="{% if u.admin_level == 1%}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_meme_admin','memeadmin2','unmemeadmin2')">Make meme admin</a>
-						<a id="unmemeadmin2" class="{% if u.admin_level != 1 %}d-none{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_meme_admin','memeadmin2','unmemeadmin2')">Remove meme admin</a>
+						<a id="memeadmin2" class="{% if u.admin_level == 1%}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/make_meme_admin','memeadmin2','unmemeadmin2')">Make meme admin</a>
+						<a id="unmemeadmin2" class="{% if u.admin_level != 1 %}hidden{% endif %} btn btn-primary" href="javascript:void(0)" onclick="post_toast2('/@{{u.username}}/remove_meme_admin','memeadmin2','unmemeadmin2')">Remove meme admin</a>
 
 						{% if u.admin_level > 1 %}
 							<a class="btn btn-primary" href="javascript:void(0)" onclick="post_toast('/@{{u.username}}/revert_actions')">Revert admin actions</a>
 						{% endif %}
 					{% endif %}
 
-					<form class="d-none profile-toggleable-mobile" id='message-mobile' action="/@{{u.username}}/message" method="post">
+					<form class="hidden profile-toggleable-mobile" id='message-mobile' action="/@{{u.username}}/message" method="post">
 						<pre></pre>
 						<textarea id="input-message-mobile" form="message-mobile" name="message" rows="3" maxlength="1000" class="form-control" required></textarea>
 						<pre></pre>
@@ -473,15 +473,15 @@
 						<input type="submit" value="Submit" class="btn btn-primary mt-3">
 					</form>
 
-					<div class="d-none mt-3 profile-toggleable-mobile" id="coin-transfer-mobile">
+					<div class="hidden mt-3 profile-toggleable-mobile" id="coin-transfer-mobile">
 						<input autocomplete="off" id="coins-transfer-amount-mobile" class="form-control" name="amount" type="number" oninput="updateTax(true)">
 						<div>{{u.username}} will receive <span id="coins-transfer-taxed-mobile">0</span> {{'COINS_NAME' | app_config}}</div>
 						<button class="btn btn-primary mt-3" onclick="transferCoins(true)">Gift</button>
 					</div>
 					{% if v.admin_level > 1 %}
 
-					<button id="grant" class="{% if u.paid_dues %}d-none{% endif %} btn btn-success" onclick="post_toast2('/@{{u.username}}/club_allow','grant','bar')">Grant club access</button>
-					<button id="bar" class="{% if u.club_banned %}d-none{% endif %} btn btn-danger" onclick="post_toast2('/@{{u.username}}/club_ban','grant','bar')">Bar from club</button>
+					<button id="grant" class="{% if u.paid_dues %}hidden{% endif %} btn btn-success" onclick="post_toast2('/@{{u.username}}/club_allow','grant','bar')">Grant club access</button>
+					<button id="bar" class="{% if u.club_banned %}hidden{% endif %} btn btn-danger" onclick="post_toast2('/@{{u.username}}/club_ban','grant','bar')">Bar from club</button>
 
 						<br><br>
 						<div class="body d-lg-flex border-bottom">
@@ -535,24 +535,24 @@
 						{% endif %}
 						<pre></pre>
 
-						<form id="agendaposter2" class="{% if u.agendaposter %}d-none{% endif %}" action="/agendaposter/{{u.id}}" method="post">
+						<form id="agendaposter2" class="{% if u.agendaposter %}hidden{% endif %}" action="/agendaposter/{{u.id}}" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input type="number" step="any" name="days" class="form-control" placeholder="Days (0 or blank = permanent)" >
 							<input type="submit" class="btn btn-danger" value="Lock Agendaposter Theme" >
 						</form>
-						<a id="unagendaposter2" class="{% if not u.agendaposter %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/agendaposter/{{u.id}}','agendaposter2','unagendaposter2')">Disable Agendaposter Theme</a>
+						<a id="unagendaposter2" class="{% if not u.agendaposter %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/agendaposter/{{u.id}}','agendaposter2','unagendaposter2')">Disable Agendaposter Theme</a>
 
 						<pre></pre>
 
-						<a id="shadowban2" class="{% if u.shadowbanned %}d-none{% endif %} btn btn-danger" href="javascript:void(0)" onclick="post_toast2('/shadowban/{{u.id}}','shadowban2','unshadowban2')">Shadowban</a>
+						<a id="shadowban2" class="{% if u.shadowbanned %}hidden{% endif %} btn btn-danger" href="javascript:void(0)" onclick="post_toast2('/shadowban/{{u.id}}','shadowban2','unshadowban2')">Shadowban</a>
 
-						<a id="unshadowban2" class="{% if not u.shadowbanned %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/unshadowban/{{u.id}}','shadowban2','unshadowban2')">Unshadowban</a>
+						<a id="unshadowban2" class="{% if not u.shadowbanned %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/unshadowban/{{u.id}}','shadowban2','unshadowban2')">Unshadowban</a>
 
 
 						<pre></pre>
 
-						<a id="verify2" class="{% if u.verified %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/verify/{{u.id}}','verify2','unverify2')">Verify</a>
-						<a id="unverify2" class="{% if not u.verified %}d-none{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/unverify/{{u.id}}','verify2','unverify2')">Unverify</a>
+						<a id="verify2" class="{% if u.verified %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/verify/{{u.id}}','verify2','unverify2')">Verify</a>
+						<a id="unverify2" class="{% if not u.verified %}hidden{% endif %} btn btn-success" href="javascript:void(0)" onclick="post_toast2('/admin/unverify/{{u.id}}','verify2','unverify2')">Unverify</a>
 
 						<pre></pre>
 						<form action="/admin/unnuke_user" method="post">
@@ -763,18 +763,18 @@
 			{% if not u.unmutable %}
 				function pause() {
 					audio.pause();
-					document.getElementById("pause1").classList.toggle("d-none");
-					document.getElementById("play1").classList.toggle("d-none");
-					document.getElementById("pause2").classList.toggle("d-none");
-					document.getElementById("play2").classList.toggle("d-none");
+					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("d-none");
-					document.getElementById("play1").classList.toggle("d-none");
-					document.getElementById("pause2").classList.toggle("d-none");
-					document.getElementById("play2").classList.toggle("d-none");
+					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 %}
 
@@ -786,5 +786,5 @@
 	</script>
 {% endif %}
 
-<script defer src="/assets/js/userpage.js?v=72"></script>
+<script defer src="/assets/js/userpage.js?v=73"></script>
 {% endblock %}
\ No newline at end of file
