From 024da0b1ec782e7155baba232e43ce14701c763a Mon Sep 17 00:00:00 2001
From: Aevann1 <Aevann3@gmail.com>
Date: Sun, 15 Aug 2021 03:03:29 +0200
Subject: [PATCH] fgfg

---
 files/templates/admin/flagged_comments.html |  4 +-
 files/templates/admin/user_award.html       |  4 +-
 files/templates/award_modal.html            | 20 ++---
 files/templates/default.html                | 30 +++----
 files/templates/email/2fa_remove.html       |  2 +-
 files/templates/email/email_change.html     |  2 +-
 files/templates/email/email_verify.html     |  2 +-
 files/templates/email/password_reset.html   |  2 +-
 files/templates/errors/503.html             |  4 +-
 files/templates/header.html                 | 24 ++---
 files/templates/index.html                  | 12 +--
 files/templates/log.html                    | 20 ++---
 files/templates/notifications.html          | 44 +++++-----
 files/templates/seized.html                 |  8 +-
 files/templates/settings.html               |  6 +-
 files/templates/settings2.html              |  4 +-
 files/templates/settings_css.html           |  6 +-
 files/templates/settings_filters.html       | 28 +++---
 files/templates/settings_profile.html       | 97 +++++++++++----------
 files/templates/settings_profilecss.html    |  6 +-
 files/templates/settings_security.html      | 34 ++++----
 files/templates/sign_up.html                | 16 ++--
 files/templates/submission.html             | 50 +++++------
 files/templates/submission_banned.html      |  6 +-
 files/templates/submission_listing.html     | 30 +++----
 files/templates/userpage.html               | 24 ++---
 files/templates/userpage_comments.html      | 12 +--
 files/templates/viewers.html                |  6 +-
 push.sh                                     |  1 +
 29 files changed, 255 insertions(+), 249 deletions(-)

diff --git a/files/templates/admin/flagged_comments.html b/files/templates/admin/flagged_comments.html
index e6ebef5e4..e96a68563 100644
--- a/files/templates/admin/flagged_comments.html
+++ b/files/templates/admin/flagged_comments.html
@@ -10,11 +10,11 @@
 				{% include "comments.html" %}
 			{% endwith %}
 			{% if not listing %}
-			<div class="row no-gutters">	 
+			<div class="row no-gutters">	
 				<div class="col">			
 					<div class="text-center py-7">
 						<div class="h4 p-2">There are no comments here (yet).</div>
-					</div>			 
+					</div>			
 				</div>	
 			</div>
 				{% endif %}
diff --git a/files/templates/admin/user_award.html b/files/templates/admin/user_award.html
index 493159635..158dba1b8 100644
--- a/files/templates/admin/user_award.html
+++ b/files/templates/admin/user_award.html
@@ -54,8 +54,8 @@
 {% for a in awards %}
 <tr>
 	<td><i class="{{a['icon']}} {{a['color']}}" style="font-size: 30px"></i></td>
-    <td style="font-weight: bold">{{a['title']}}</td>
-    <td><input type="number" class="form-control" name="{{a['kind']}}" value="0" placeholder="enter amount" /></td>
+	<td style="font-weight: bold">{{a['title']}}</td>
+	<td><input type="number" class="form-control" name="{{a['kind']}}" value="0" placeholder="enter amount" /></td>
 </tr>
 {% endfor %}
 </table>
diff --git a/files/templates/award_modal.html b/files/templates/award_modal.html
index 824260c95..479c38b11 100644
--- a/files/templates/award_modal.html
+++ b/files/templates/award_modal.html
@@ -42,7 +42,7 @@
 					<h4>Loading...</h4>
 				</div>
 			</div>
-		 <div class="modal-footer">
+		<div class="modal-footer">
 			<button type="button" class="btn btn-link text-muted" data-dismiss="modal">Cancel</button>
 			<button v-if="pending" class="btn btn-warning" type="button" disabled>
   				<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
@@ -81,16 +81,16 @@
 	}
 
 	.awards-wrapper input[type="radio"]:checked+label {
-        /*background-color: rgba(173, 226, 255, 0.9)!important;*/
-        background-color: var(--primary)!important;
-        background-opacity: 0.9;
-    }
+		/*background-color: rgba(173, 226, 255, 0.9)!important;*/
+		background-color: var(--primary)!important;
+		background-opacity: 0.9;
+	}
 
-    .award-desc {
-    	border-radius: 5px;
-    	background-color: rgba(221, 221, 221, 0.23);
-    	display: flex;
-    }
+	.award-desc {
+		border-radius: 5px;
+		background-color: rgba(221, 221, 221, 0.23);
+		display: flex;
+	}
 </style>
 
 <script>
diff --git a/files/templates/default.html b/files/templates/default.html
index e2204b38f..8f6cd6930 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -7,9 +7,9 @@
 	<!--<script src="/assets/js/bug-min.js" type="text/javascript"></script>-->
 	<script type="text/javascript">
 		/*
-		 Bug.js - https://github.com/Auz/Bug
-		 Released under MIT-style license.
-		 Original Screen Bug http://screen-bug.googlecode.com/git/index.html
+		Bug.js - https://github.com/Auz/Bug
+		Released under MIT-style license.
+		Original Screen Bug http://screen-bug.googlecode.com/git/index.html
 		*/
 		var BugDispatch={options:{minDelay:500,maxDelay:1E4,minBugs:2,maxBugs:20,minSpeed:5,maxSpeed:10,maxLargeTurnDeg:150,maxSmallTurnDeg:10,maxWiggleDeg:5,imageSprite:"fly-sprite.png",bugWidth:13,bugHeight:14,num_frames:5,zoom:10,canFly:!0,canDie:!0,numDeathTypes:3,monitorMouseMovement:!1,eventDistanceToBug:40,minTimeBetweenMultipy:1E3,mouseOver:"random"},initialize:function(a){this.options=mergeOptions(this.options,a);this.options.minBugs>this.options.maxBugs&&(this.options.minBugs=this.options.maxBugs);
 		this.modes=["multiply","nothing"];this.options.canFly&&this.modes.push("fly","flyoff");this.options.canDie&&this.modes.push("die");-1==this.modes.indexOf(this.options.mouseOver)&&(this.options.mouseOver="random");this.transform=null;this.transforms={Moz:function(a){this.bug.style.MozTransform=a},webkit:function(a){this.bug.style.webkitTransform=a},O:function(a){this.bug.style.OTransform=a},ms:function(a){this.bug.style.msTransform=a},Khtml:function(a){this.bug.style.KhtmlTransform=a},w3c:function(a){this.bug.style.transform=
@@ -378,15 +378,15 @@
 		})
 	
 		$('.text-expand').click(function(event){
-		  if (event.which != 1) {
+		if (event.which != 1) {
 			return
-		  };
-		  id=$(this).data('id');
+		};
+		id=$(this).data('id');
 
 
-		  $('#post-text-'+id).toggleClass('d-none');
-		  $('.text-expand-icon-'+id).toggleClass('fa-expand-alt');
-		  $('.text-expand-icon-'+id).toggleClass('fa-compress-alt');
+		$('#post-text-'+id).toggleClass('d-none');
+		$('.text-expand-icon-'+id).toggleClass('fa-expand-alt');
+		$('.text-expand-icon-'+id).toggleClass('fa-compress-alt');
 
 		})
 
@@ -617,8 +617,8 @@
 		}
 
 		//mobile prompt
-		if (("standalone" in window.navigator) &&			 // Check if "standalone" property exists
-				window.navigator.standalone){							 // Test if using standalone navigator
+		if (("standalone" in window.navigator) &&			// Check if "standalone" property exists
+				window.navigator.standalone){							// Test if using standalone navigator
 
 				// Web page is loaded via app mode (full-screen mode)
 				// (window.navigator.standalone is TRUE if user accesses website via App Mode)
@@ -1027,10 +1027,10 @@
 
 		<script>
 			function formkey() {
-			 return '{{v.formkey}}';
-		 }
-	 </script>
-	 {% endif %}
+			return '{{v.formkey}}';
+		}
+	</script>
+	{% endif %}
 
  </head>
 
diff --git a/files/templates/email/2fa_remove.html b/files/templates/email/2fa_remove.html
index e54a3474e..06f509cbc 100644
--- a/files/templates/email/2fa_remove.html
+++ b/files/templates/email/2fa_remove.html
@@ -14,7 +14,7 @@
 													<tr>
 														<td align="center">
 															<!-- Border based button
-					 https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
+					https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
 															<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
 																<tr>
 																	<td align="center">
diff --git a/files/templates/email/email_change.html b/files/templates/email/email_change.html
index fa4da193e..f985ee976 100644
--- a/files/templates/email/email_change.html
+++ b/files/templates/email/email_change.html
@@ -11,7 +11,7 @@
 													<tr>
 														<td align="center">
 															<!-- Border based button
-					 https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
+					https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
 															<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
 																<tr>
 																	<td align="center">
diff --git a/files/templates/email/email_verify.html b/files/templates/email/email_verify.html
index cf1ccc720..128969aee 100644
--- a/files/templates/email/email_verify.html
+++ b/files/templates/email/email_verify.html
@@ -9,7 +9,7 @@
 													<tr>
 														<td align="center">
 															<!-- Border based button
-					 https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
+					https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
 															<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
 																<tr>
 																	<td align="center">
diff --git a/files/templates/email/password_reset.html b/files/templates/email/password_reset.html
index 8e7d10e72..c731e8f38 100644
--- a/files/templates/email/password_reset.html
+++ b/files/templates/email/password_reset.html
@@ -10,7 +10,7 @@
 													<tr>
 														<td align="center">
 															<!-- Border based button
-					 https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
+					https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
 															<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
 																<tr>
 																	<td align="center">
diff --git a/files/templates/errors/503.html b/files/templates/errors/503.html
index 652488e54..ee6c44be9 100644
--- a/files/templates/errors/503.html
+++ b/files/templates/errors/503.html
@@ -46,7 +46,7 @@
 	<div class="container">
 		<div class="flex-grow-1"><span class="text-primary navbar-brand">{{"SITE_NAME" | app_config}}</span></div>
 
-	 
+	
 		
 		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
 		aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
@@ -76,7 +76,7 @@
 			<p class="text-muted">r{{"SITE_NAME" | app_config}} is unavailable.</p>
 			<p class="text-muted">HI IT'S CARP AGAIN<BR>I'm like 95% sure this error means Aevann is restarting the server to apply a change. But I think that's also 520/521? What causes a 503? No one knows. Wait like a minute (maybe two) and see if it's still happening. It shouldn't. Good luck!</p>
 			<button class="btn btn-primary" onclick="window.location.reload()">
-			 	Refresh
+				Refresh
 			</button>
 		</div>
 	</div>
diff --git a/files/templates/header.html b/files/templates/header.html
index 3f0fb4f59..10ecc0e5c 100644
--- a/files/templates/header.html
+++ b/files/templates/header.html
@@ -114,20 +114,20 @@
 			</li>
 			{% else %}
 			<li class="nav-item d-flex align-items-center justify-content-center mx-1">
-			 <a class="btn btn-outline-purple" href="/contact">Contact us</a>
-		 </li>
+			<a class="btn btn-outline-purple" href="/contact">Contact us</a>
+		</li>
 			<li class="nav-item d-flex align-items-center justify-content-center mx-1">
-			 <a class="btn btn-outline-purple" href="/login?redirect={{request.path | urlencode}}">Sign in</a>
-		 </li>
-		 <li class="nav-item d-flex align-items-center justify-content-center mx-1">
-			 <a class="btn btn-outline-purple" href="/signup?redirect={{request.path | urlencode}}">Sign up</a>
-		 </li>
-		 {% endif %}
-	 </ul>
+			<a class="btn btn-outline-purple" href="/login?redirect={{request.path | urlencode}}">Sign in</a>
+		</li>
+		<li class="nav-item d-flex align-items-center justify-content-center mx-1">
+			<a class="btn btn-outline-purple" href="/signup?redirect={{request.path | urlencode}}">Sign up</a>
+		</li>
+		{% endif %}
+	</ul>
 
-	 <!-- Mobile Nav Menu -->
-	 <ul class="navbar-nav ml-auto d-flex d-md-none mt-3">
-		 <li class="nav-item pb-3">
+	<!-- Mobile Nav Menu -->
+	<ul class="navbar-nav ml-auto d-flex d-md-none mt-3">
+		<li class="nav-item pb-3">
 			<form id="searchform" class="form-inline search flex-nowrap mx-0 mx-lg-auto" action="/search/posts/" method="get">
 				<input class="form-control form-control-sm w-100" type="search" placeholder="Search" aria-label="Search" name="q">
 				<span class="input-group-append">
diff --git a/files/templates/index.html b/files/templates/index.html
index 3639d7e83..7bc1312cf 100644
--- a/files/templates/index.html
+++ b/files/templates/index.html
@@ -1,8 +1,8 @@
 <body>
-    <div id="vm">
-        <p>{{greeting}}</p>
-        <p>[[ greeting ]]</p>
-    </div>
-    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
-    <script src="{{url_for('static', filename='index.js')}}"></script>
+	<div id="vm">
+		<p>{{greeting}}</p>
+		<p>[[ greeting ]]</p>
+	</div>
+	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+	<script src="{{url_for('static', filename='index.js')}}"></script>
 </body>
\ No newline at end of file
diff --git a/files/templates/log.html b/files/templates/log.html
index 4ebbe706a..9dff235c2 100644
--- a/files/templates/log.html
+++ b/files/templates/log.html
@@ -31,24 +31,24 @@
 
 				<div id="action-{{ma.id}}" class="position-relative d-flex justify-content-between flex-wrap align-items-center h-min-16 px-3 py-3 mb-3 mb-md-2 bg-white{% if loop.index > 1 %} border-top{% endif %}">
 
-				 <div class="d-flex flex-grow-1 align-items-center">
+				<div class="d-flex flex-grow-1 align-items-center">
 					<div class="d-flex align-items-center justify-content-center {{ma.color}} mr-3 rounded-lg flex-shrink-0" style="width: 32px;height: 32px;"><i class="far text-center {{ma.icon}} text-lg text-white fa-fw"></i></div>
 					<div class="d-flex align-items-center">
 						<span class="rounded">
-						 <img src="{{ma.user.profile_url}}" alt="avatar" style="width: 42px;height: 42px;" class="rounded-circle">
-					 </span>
-						 <div class="text-muted pl-3">
+						<img src="{{ma.user.profile_url}}" alt="avatar" style="width: 42px;height: 42px;" class="rounded-circle">
+					</span>
+						<div class="text-muted pl-3">
 							<div>
 								<a href="{{ma.user.url}}" class="font-weight-bold text-black" target="_self">@{{ma.user.username}}</a>
 
-							 <span>{{ma.string | safe}}</span>
-						 </div>
+							<span>{{ma.string | safe}}</span>
+						</div>
 
-						 <div class="text-gray-500">{{ma.age_string}} <a href="{{ma.permalink}}"><i class="far fa-link ml-1 text-muted"></i></a> <a href="javascript:void(0)" class="copy-link" role="button"data-clipboard-text="{{ma.permalink | full_link}}"><i class="far fa-copy ml-1 text-muted"></i></a></div>
+						<div class="text-gray-500">{{ma.age_string}} <a href="{{ma.permalink}}"><i class="far fa-link ml-1 text-muted"></i></a> <a href="javascript:void(0)" class="copy-link" role="button"data-clipboard-text="{{ma.permalink | full_link}}"><i class="far fa-copy ml-1 text-muted"></i></a></div>
 
-					 </div>
-				 </div>
-			 </div>
+					</div>
+				</div>
+			</div>
 			</div>
 
 
diff --git a/files/templates/notifications.html b/files/templates/notifications.html
index 25e21adee..88cf0fbb3 100644
--- a/files/templates/notifications.html
+++ b/files/templates/notifications.html
@@ -14,28 +14,28 @@
 
 <div class="row border-bottom bg-white w-200 pr-0" style="overflow: visible;">
   <div class="col p-0 w-100">
-    <ul class="nav settings-nav" style="padding:0 30px;">
-      <li class="nav-item">
-        <a class="nav-link py-3{% if '/notifications?all=true' in request.full_path %} active{% endif %}" href="/notifications?all=true">
-          All
-        </a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link py-3{% if not '=' in request.full_path %} active{% endif %}" href="/notifications">
-          Unread
-        </a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link py-3{% if '/notifications?posts=true' in request.full_path %} active{% endif %}" href="/notifications?posts=true">
-          Posts{% if v.post_notifications_count %} <span class="text-purple font-weight-bold">({{v.post_notifications_count}})</span>{% endif %}
-        </a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link py-3{% if '/notifications?messages=true' in request.full_path %} active{% endif %}" href="/notifications?messages=true">
-          Messages
-        </a>
-      </li>
-    </ul>
+	<ul class="nav settings-nav" style="padding:0 30px;">
+	<li class="nav-item">
+		<a class="nav-link py-3{% if '/notifications?all=true' in request.full_path %} active{% endif %}" href="/notifications?all=true">
+		All
+		</a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link py-3{% if not '=' in request.full_path %} active{% endif %}" href="/notifications">
+		Unread
+		</a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link py-3{% if '/notifications?posts=true' in request.full_path %} active{% endif %}" href="/notifications?posts=true">
+		Posts{% if v.post_notifications_count %} <span class="text-purple font-weight-bold">({{v.post_notifications_count}})</span>{% endif %}
+		</a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link py-3{% if '/notifications?messages=true' in request.full_path %} active{% endif %}" href="/notifications?messages=true">
+		Messages
+		</a>
+	</li>
+	</ul>
   </div>
 </div>
 
diff --git a/files/templates/seized.html b/files/templates/seized.html
index 59a17fe3d..4ca86fb30 100644
--- a/files/templates/seized.html
+++ b/files/templates/seized.html
@@ -2,9 +2,9 @@
 <!DOCTYPE html>
 <html lang="en">
 <img class="center" src="/assets/images/seized.png" style="
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 70%;">
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	width: 70%;">
 </body>
 </html>
\ No newline at end of file
diff --git a/files/templates/settings.html b/files/templates/settings.html
index af914f64c..c7ade27fd 100644
--- a/files/templates/settings.html
+++ b/files/templates/settings.html
@@ -190,9 +190,9 @@
 
 		</div>
 
-	 {% block content %}
-	 {% endblock %}
-	 
+	{% block content %}
+	{% endblock %}
+	
 	</div>
 </div>
 
diff --git a/files/templates/settings2.html b/files/templates/settings2.html
index bc2cb2991..b438a4ad5 100644
--- a/files/templates/settings2.html
+++ b/files/templates/settings2.html
@@ -155,8 +155,8 @@
 	<!-- Settings content -->
 	<div class="{% if request.path == '/banned' or request.path == '/blocks' %}container-fluid{% else %}container{% endif %} mt-3 {% if request.path in ['/leaderboard', '/patrons'] %}px-0{% endif %}">
 
-	 {% block content %}
-	 {% endblock %}
+	{% block content %}
+	{% endblock %}
 
  </div>
 
diff --git a/files/templates/settings_css.html b/files/templates/settings_css.html
index 0884fd783..931ac8697 100644
--- a/files/templates/settings_css.html
+++ b/files/templates/settings_css.html
@@ -8,9 +8,9 @@
 
 	<div class="col col-md-8">
 
-	  <div class="settings">
+	<div class="settings">
 
-	    <div id="description">
+		<div id="description">
 
 		<p class="text-small text-muted">Edit your custom CSS for the site.</p>
 
@@ -30,7 +30,7 @@
 
 			</div>
 
-	  </div>
+	</div>
 
 	</div>
 
diff --git a/files/templates/settings_filters.html b/files/templates/settings_filters.html
index 3bdc9595d..7cafd0a51 100644
--- a/files/templates/settings_filters.html
+++ b/files/templates/settings_filters.html
@@ -24,15 +24,15 @@
 							<p>Change the default sorting for comments.</p>
 							<div class="input-group mb2">
 								<select id='defaultsortingcomments' class="form-control" form="profile-settings" name="defaultsortingcomments" onchange="post_toast('/settings/profile?defaultsortingcomments='+document.getElementById('defaultsortingcomments').value)">
-								 {% for entry in ["new", "old", "top", "bottom", "controversial", "random"] %}
-								 <option value="{{entry}}"{{' selected' if v.defaultsortingcomments==entry else ''}}>{{entry}}</option>
-								 {% endfor %}
-							 </select>
+								{% for entry in ["new", "old", "top", "bottom", "controversial", "random"] %}
+								<option value="{{entry}}"{{' selected' if v.defaultsortingcomments==entry else ''}}>{{entry}}</option>
+								{% endfor %}
+							</select>
 							</div>
 
 						</div>
 
-				 </div>
+				</div>
 
 					<div class="d-lg-flex border-bottom">
 						<div class="title w-lg-25">
@@ -43,15 +43,15 @@
 							<p>Change the default sorting for posts.</p>
 							<div class="input-group mb2">
 								<select id='defaultsorting' class="form-control" form="profile-settings" name="defaultsorting" onchange="post_toast('/settings/profile?defaultsorting='+document.getElementById('defaultsorting').value)">
-								 {% for entry in ["hot", "new", "old", "top", "bottom", "controversial", "comments", "random"] %}
-								 <option value="{{entry}}"{{' selected' if v.defaultsorting==entry else ''}}>{{entry}}</option>
-								 {% endfor %}
-							 </select>
+								{% for entry in ["hot", "new", "old", "top", "bottom", "controversial", "comments", "random"] %}
+								<option value="{{entry}}"{{' selected' if v.defaultsorting==entry else ''}}>{{entry}}</option>
+								{% endfor %}
+							</select>
 							</div>
 
 						</div>
 
-				 </div>
+				</div>
 
 					<div class="d-lg-flex border-bottom">
 						<div class="title w-lg-25">
@@ -62,10 +62,10 @@
 							<p>Change the default time filter for posts.</p>
 							<div class="input-group mb2">
 								<select id='defaulttime' class="form-control" form="profile-settings" name="defaulttime" onchange="post_toast('/settings/profile?defaulttime='+document.getElementById('defaulttime').value)">
-								 {% for entry in ["hour", "day", "week", "month", "year", "all"] %}
-								 <option value="{{entry}}"{{' selected' if v.defaulttime==entry else ''}}>{{entry}}</option>
-								 {% endfor %}
-							 </select>
+								{% for entry in ["hour", "day", "week", "month", "year", "all"] %}
+								<option value="{{entry}}"{{' selected' if v.defaulttime==entry else ''}}>{{entry}}</option>
+								{% endfor %}
+							</select>
 							</div>
 
 						</div>
diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index 418ec49a5..6d6ba5f48 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -25,25 +25,30 @@
 							<p>Change the theme for the website.</p>
 							<div class="input-group mb2">
 								<select id='theme' class="form-control" form="profile-settings" name="theme" onchange="post('/settings/profile?theme='+document.getElementById('theme').value, function(){window.location.reload(true);})">
-								 {% for entry in ["dark", "light", "coffee", "tron", "4chan", "midnight"] %}
-									 <option value="{{entry}}" {% if v.theme==entry %} selected {% endif %}>
+								{% if v.background %}
+									{% set entries = ["transparent", "dark", "light", "coffee", "tron", "4chan", "midnight"] %}
+								{% else %}
+									{% set entries = ["dark", "light", "coffee", "tron", "4chan", "midnight"] %}
+								{% endif %}
+								{% for entry in entries %}
+									<option value="{{entry}}" {% if v.theme==entry %} selected {% endif %}>
 										{{entry}}
 									</option>
-								 {% endfor %}
-							 </select>
+								{% endfor %}
+							</select>
 							</div>
 
 						</div>
 
-				 </div>
-				 
+				</div>
+				
 				<div class="body d-lg-flex border-bottom">
 
 				<label for="bio" class="text-black w-lg-25">Theme Color</label>
 
 				<div class="d-flex">
 
-					 <form action="/settings/themecolor" id="themecolor-form" method="post" class="color-picker" style="line-height: 0">
+					<form action="/settings/themecolor" id="themecolor-form" method="post" class="color-picker" style="line-height: 0">
 							<input type="hidden" name="formkey" value="{{v.formkey}}">
 
 							{% for themecolor in ['ff66ac','805ad5','62ca56','38a169','80ffff','2a96f3','eb4963','ff0000','f39731','30409f','3e98a7','e4432d','7b9ae4','ec72de','7f8fa6', 'f8db58'] %}
@@ -64,16 +69,16 @@
 				</div>
 
 				<!-- <p class="text-small mb-2">Or type a color code:</p>
-              
+			
 				<div class="d-flex">
 				
-				  <form action="/settings/themecolor" id="color-code-form" method="post">
-					 <input type="hidden" name="formkey" value="{{v.formkey}}">
+				<form action="/settings/themecolor" id="color-code-form" method="post">
+					<input type="hidden" name="formkey" value="{{v.formkey}}">
   
-					 <input class="form-control" type="text" name="themecolor" id="color-code" value="{% if v.themecolor %}{{v.themecolor}}{% endif %}">
-					 <label class="btn btn-secondary text-capitalize mr-2 mt-2 mb-0">Update<input type="text" for="color-code" onclick="form.submit()" hidden=""></label>
-				  </form>
-				  
+					<input class="form-control" type="text" name="themecolor" id="color-code" value="{% if v.themecolor %}{{v.themecolor}}{% endif %}">
+					<label class="btn btn-secondary text-capitalize mr-2 mt-2 mb-0">Update<input type="text" for="color-code" onclick="form.submit()" hidden=""></label>
+				</form>
+				
 				</div> -->
 
 			</div>
@@ -291,24 +296,24 @@
 					</div>
 
 
-					  <h2 class="h5" name="referral">Linked Accounts</h2>
+					<h2 class="h5" name="referral">Linked Accounts</h2>
 
-					  <p class="text-small text-muted">Manage your connections to other services.</p>
+					<p class="text-small text-muted">Manage your connections to other services.</p>
 
-					  <div class="settings-section rounded">
+					<div class="settings-section rounded">
 
 						<div class="d-lg-flex">
 
-						  <div class="title w-lg-25">
+						<div class="title w-lg-25">
 							<label>Discord</label>
-						  </div>
+						</div>
 
-						  <div class="body w-lg-100">
+						<div class="body w-lg-100">
 
 							{% 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-secondary text-capitalize mr-2 mb-0 mt-2" value="Disconnect Discord">
+							<input type="hidden" name="formkey" value="{{v.formkey}}">
+							<input type="submit" class="btn btn-secondary text-capitalize mr-2 mb-0 mt-2" value="Disconnect Discord">
 							</form>
 
 							<div class="text-small-extra text-muted mt-3">Disconnecting your Discord account will remove you from the {{"SITE_NAME" | app_config}} Discord server.</div>
@@ -317,11 +322,11 @@
 							<div class="text-small-extra text-muted mt-3">Link your Discord account to join the {{"SITE_NAME" | app_config}} Discord server.</div>
 							{% endif %}
 
-						  </div>
+						</div>
 
 						</div>
 
-					  </div>
+					</div>
 
 
 					<h2 class="h5" name="referral">RSS Feed</h2>
@@ -415,16 +420,16 @@
 								</div>
 
 								<p class="text-small mb-2">Or type a color code:</p>
-              
+			
 								<div class="d-flex">
 								
-								  <form action="/settings/namecolor" id="color-code-form" method="post">
-									 <input type="hidden" name="formkey" value="{{v.formkey}}">
-				  
-									 <input class="form-control" type="text" name="color" id="color-code" value="{% if v.namecolor %}{{v.namecolor}}{% endif %}">
-									 <label class="btn btn-secondary text-capitalize mr-2 mt-2 mb-0">Update<input type="text" for="color-code" onclick="form.submit()" hidden=""></label>
-								  </form>
-								  
+								<form action="/settings/namecolor" id="color-code-form" method="post">
+									<input type="hidden" name="formkey" value="{{v.formkey}}">
+				
+									<input class="form-control" type="text" name="color" id="color-code" value="{% if v.namecolor %}{{v.namecolor}}{% endif %}">
+									<label class="btn btn-secondary text-capitalize mr-2 mt-2 mb-0">Update<input type="text" for="color-code" onclick="form.submit()" hidden=""></label>
+								</form>
+								
 								</div>
 							
 							</div>							
@@ -453,11 +458,11 @@
 
 							<div class="body d-lg-flex border-bottom">
 
-							 <label for="bio" class="text-black w-lg-25">Flair Color</label>
+							<label for="bio" class="text-black w-lg-25">Flair Color</label>
 
 							<div class="d-flex">
 
-								 <form action="/settings/titlecolor" id="titlecolor-form" method="post" class="color-picker" style="line-height: 0">
+								<form action="/settings/titlecolor" id="titlecolor-form" method="post" class="color-picker" style="line-height: 0">
 										<input type="hidden" name="formkey" value="{{v.formkey}}">
 
 										{% for titlecolor in ['ff66ac','805ad5','62ca56','38a169','80ffff','2a96f3','eb4963','ff0000','f39731','30409f','3e98a7','e4432d','7b9ae4','ec72de','7f8fa6', 'f8db58'] %}
@@ -478,16 +483,16 @@
 							</div>
 
 							<p class="text-small mb-2">Or type a color code:</p>
-              
+			
 							<div class="d-flex">
 							
-							  <form action="/settings/titlecolor" id="color-code-form" method="post">
-								 <input type="hidden" name="formkey" value="{{v.formkey}}">
-			  
-								 <input class="form-control" type="text" name="titlecolor" id="color-code" value="{% if v.titlecolor %}{{v.titlecolor}}{% endif %}">
-								 <label class="btn btn-secondary text-capitalize mr-2 mt-2 mb-0">Update<input type="text" for="color-code" onclick="form.submit()" hidden=""></label>
-							  </form>
-							  
+							<form action="/settings/titlecolor" id="color-code-form" method="post">
+								<input type="hidden" name="formkey" value="{{v.formkey}}">
+			
+								<input class="form-control" type="text" name="titlecolor" id="color-code" value="{% if v.titlecolor %}{{v.titlecolor}}{% endif %}">
+								<label class="btn btn-secondary text-capitalize mr-2 mt-2 mb-0">Update<input type="text" for="color-code" onclick="form.submit()" hidden=""></label>
+							</form>
+							
 							</div>
 
 							</div>
@@ -540,11 +545,11 @@
 										<a class="btn btn-primary ml-auto" id="badgeUpdate" href="javascript:void(0)" onclick="post_toast('/settings/badges')">Refresh badges</a>
 									</div>
 
-							 </div>
+							</div>
 
-						 </div>
+						</div>
 
-						 <div class="d-lg-flex border-bottom">
+						<div class="d-lg-flex border-bottom">
 
 							<div class="title w-lg-25">
 								<label for="privateswitch">Private Mode</label>
@@ -562,7 +567,7 @@
 							</div>
 
 						</div>
-						 <div class="d-lg-flex border-bottom">
+						<div class="d-lg-flex border-bottom">
 
 							<div class="title w-lg-25">
 								<label for="nofollowswitch">Disable Subscriptions</label>
diff --git a/files/templates/settings_profilecss.html b/files/templates/settings_profilecss.html
index f189471ff..c3f3a7f63 100644
--- a/files/templates/settings_profilecss.html
+++ b/files/templates/settings_profilecss.html
@@ -8,9 +8,9 @@
 
 	<div class="col col-md-8">
 
-	  <div class="settings">
+	<div class="settings">
 
-	    <div id="description">
+		<div id="description">
 
 		<p class="text-small text-muted">Edit your profile css.</p>
 
@@ -30,7 +30,7 @@
 
 			</div>
 
-	  </div>
+	</div>
 
 	</div>
 
diff --git a/files/templates/settings_security.html b/files/templates/settings_security.html
index ad0f98216..f51f603cd 100644
--- a/files/templates/settings_security.html
+++ b/files/templates/settings_security.html
@@ -119,23 +119,23 @@
 
 						<div class="d-lg-flex mt-3">
 
-						 <label for="email-password" class="w-lg-25 d-none" id="email-password-label">Password</label>
+						<label for="email-password" class="w-lg-25 d-none" id="email-password-label">Password</label>
 
-						 <div class="w-lg-100">
+						<div class="w-lg-100">
 
-							 <input autocomplete="new-password" type="password" class="form-control mb-2 d-none" id="email-password" name="password" autocomplete="off" required>
+							<input autocomplete="new-password" type="password" class="form-control mb-2 d-none" id="email-password" name="password" autocomplete="off" required>
 
-							 <small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
+							<small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
 
-						 </div>
+						</div>
 
-					 </div>
+					</div>
 
-					 <small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
+					<small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
 
-				 </div>
+				</div>
 
-				 <div class="footer">
+				<div class="footer">
 
 					<div class="d-flex">
 
@@ -196,21 +196,21 @@
 
 				<div class="d-lg-flex">
 
-				 <label for="forcelog-password" class="w-lg-25" id="email-password-label">Password</label>
+				<label for="forcelog-password" class="w-lg-25" id="email-password-label">Password</label>
 
-				 <div class="w-lg-100">
+				<div class="w-lg-100">
 
-					 <input autocomplete="new-password" type="password" class="form-control mb-2" id="forcelog-password" name="password" autocomplete="off" required>
+					<input autocomplete="new-password" type="password" class="form-control mb-2" id="forcelog-password" name="password" autocomplete="off" required>
 
-				 </div>
+				</div>
 
-			 </div>
+			</div>
 
-			 <small id="emailpasswordRequired" class="form-text mt-1">This will also invalidate any existing recovery links associated with this account.</small>
+			<small id="emailpasswordRequired" class="form-text mt-1">This will also invalidate any existing recovery links associated with this account.</small>
 
-		 </div>
+		</div>
 
-		 <div class="footer">
+		<div class="footer">
 
 			<div class="d-flex">
 
diff --git a/files/templates/sign_up.html b/files/templates/sign_up.html
index d40c8c306..b8028620b 100644
--- a/files/templates/sign_up.html
+++ b/files/templates/sign_up.html
@@ -134,15 +134,15 @@
 
 										<div id="register-form" class="">
 
-											 {% if ref_user %}
-											 <h1 class="h2">@{{ref_user.username}} has invited you!</h1>
-											 <p class="text-muted mb-md-2">Looks like someone wants you to join {{"SITE_NAME" | app_config}}.</p>
-											 {% else %}
-											 <h1 class="h2">Create your account.</h1>
-											 <p class="text-muted mb-md-2">No email address required.</p>
-											 {% endif %}
+											{% if ref_user %}
+											<h1 class="h2">@{{ref_user.username}} has invited you!</h1>
+											<p class="text-muted mb-md-2">Looks like someone wants you to join {{"SITE_NAME" | app_config}}.</p>
+											{% else %}
+											<h1 class="h2">Create your account.</h1>
+											<p class="text-muted mb-md-2">No email address required.</p>
+											{% endif %}
 
-											 <form action="/signup" method="post" class="mt-md-3" id="signup">
+											<form action="/signup" method="post" class="mt-md-3" id="signup">
 
 														{% if error %}<span class="text-danger">{{error}}</span><br>{% endif %}
 
diff --git a/files/templates/submission.html b/files/templates/submission.html
index 687ca905a..1ac874000 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -112,10 +112,10 @@
 						{% endif %}
 					{% endif %}
 
-					 <button class="btn btn-link btn-block btn-lg text-left text-muted"><a href="/votes?link={{p.fullname}}"><i class="fas fa-arrows-v text-center text-muted mr-3"></i>Votes</a></button>
+					<button class="btn btn-link btn-block btn-lg text-left text-muted"><a href="/votes?link={{p.fullname}}"><i class="fas fa-arrows-v text-center text-muted mr-3"></i>Votes</a></button>
 
 					{% if v and v.id!=p.author_id %}
-					  <button class="btn btn-link btn-block btn-lg text-left text-muted" data-toggle="modal" data-dismiss="modal" data-target="#awardModal" onclick="awardModal('/post/{{p.id}}/awards')"><i class="fas fa-gift text-center text-muted mr-3"></i>Give Award</button>
+					<button class="btn btn-link btn-block btn-lg text-left text-muted" data-toggle="modal" data-dismiss="modal" data-target="#awardModal" onclick="awardModal('/post/{{p.id}}/awards')"><i class="fas fa-gift text-center text-muted mr-3"></i>Give Award</button>
 					{% endif %}
 
 					{% if v and p.id in v.subscribed_idlist() %}
@@ -282,7 +282,7 @@
 						<form id="post-edit-form-{{p.id}}" class="d-flex flex-column" action="/edit_post/{{p.id}}" method="post" class="input-group">
 							<input type="hidden" name="formkey" value="{{v.formkey}}">
 							<input type="hidden" name="current_page" value="{{request.path}}">
-                            <input name="title" required placeholder="title" value="{{p.title}}" />
+							<input name="title" required placeholder="title" value="{{p.title}}" />
 							<textarea name="body" id="post-edit-box-{{p.id}}" form="post-edit-form-{{p.id}}" class="comment-box form-control rounded" aria-label="With textarea" placeholder="Add text to your post..." rows="10">{{p.body}}</textarea> 
 							<div class="comment-format"> 
 								<small class="format pl-0"><i class="fas fa-bold" aria-hidden="true" onclick="makeBold('post-edit-box-{{p.id}}')" data-toggle="tooltip" data-placement="bottom" title="Bold"></i></small> 
@@ -298,16 +298,16 @@
 
 							{% if p.embed_url and "http" not in p.embed_url %}
 							<div id="crosspost-embed">
-							  <div class="row no-gutters">
+							<div class="row no-gutters">
 								<div id="frontpage" class="col-12 pt-0">
-								  <div class="posts" id="posts">
+								<div class="posts" id="posts">
 									{{ p.embed_url | post_embed(v) | safe }}
-								  </div>
 								</div>
-							  </div>
+								</div>
+							</div>
 							</div>
 							{% endif %}
-				  
+				
 							<div class="d-none d-md-flex justify-content-between align-items-center mt-2">
 								<div class="post-actions mt-2">
 				<ul class="list-inline text-right d-flex">
@@ -441,12 +441,12 @@
 
 		<div class="row no-gutters d-block d-md-none">
 			<div class="col">
-			 <a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="noopener noreferrer" href="{{p.realurl(v)}}">{% if p.is_image %}<img src="{{p.realurl(v)}}" class="img-fluid" alt="Unable to anonymously load image">
-				 <div class="post-img-overlay d-block d-md-none">{{p.domain}}<i class="fas fa-external-link-alt text-small ml-2"></i></div>
-				 {% endif %}
-			 </a>
-		 </div>
-	 </div>
+			<a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="noopener noreferrer" href="{{p.realurl(v)}}">{% if p.is_image %}<img src="{{p.realurl(v)}}" class="img-fluid" alt="Unable to anonymously load image">
+				<div class="post-img-overlay d-block d-md-none">{{p.domain}}<i class="fas fa-external-link-alt text-small ml-2"></i></div>
+				{% endif %}
+			</a>
+		</div>
+	</div>
 
  </div>
 
@@ -495,15 +495,15 @@
 </div>
 
 {% if p.active_flags %}
-    <div id="flaggers" class="flaggers d-none">
-        <strong><i class="far fa-fw fa-flag"></i> Reported by:</strong>
+	<div id="flaggers" class="flaggers d-none">
+		<strong><i class="far fa-fw fa-flag"></i> Reported by:</strong>
 		<pre></pre>
-        <ul style="padding-left:20px; margin-bottom: 0;">
-            {% for f in p.ordered_flags %}
-            	<li><a style="font-weight:bold" href="{{f.user.url}}">@{{f.user.username}}</a>{% if f.reason %}: {{f.reason | safe}}{% endif %}</li>
-            {% endfor %}
-        </ul>
-    </div>
+		<ul style="padding-left:20px; margin-bottom: 0;">
+			{% for f in p.ordered_flags %}
+				<li><a style="font-weight:bold" href="{{f.user.url}}">@{{f.user.username}}</a>{% if f.reason %}: {{f.reason | safe}}{% endif %}</li>
+			{% endfor %}
+		</ul>
+	</div>
 {% endif %}
 
 <div class="row border-md-0 comment-section pb-3">
@@ -589,9 +589,9 @@
 
 	{% if p.replies %}
 	<div class="comment-section">
-	 {% with comments=p.replies %}
-	 {% include "comments.html" %}
-	 {% endwith %}
+	{% with comments=p.replies %}
+	{% include "comments.html" %}
+	{% endwith %}
  </div>
  {% elif not p.replies and p.deleted_utc == 0 %}
  <div class="comment-section text-center py-7">
diff --git a/files/templates/submission_banned.html b/files/templates/submission_banned.html
index 29d8ae90d..572dc2a40 100644
--- a/files/templates/submission_banned.html
+++ b/files/templates/submission_banned.html
@@ -103,10 +103,10 @@
 								</div>
 
 		<div class="comment-section">
-		 {% with comments=p.replies %}
+		{% with comments=p.replies %}
 			{% include "comments.html" %}
-		 {% endwith %}
-	 </div>
+		{% endwith %}
+	</div>
 
 
 
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 6fc0a49f9..46d4b3538 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -312,10 +312,10 @@
 						{% endif %}
 					{% endif %}
 
-					 <button class="btn btn-link btn-block btn-lg text-left text-muted"><a href="/votes?link={{p.fullname}}"><i class="fas fa-arrows-v text-center text-muted mr-3"></i>Votes</a></button>
+					<button class="btn btn-link btn-block btn-lg text-left text-muted"><a href="/votes?link={{p.fullname}}"><i class="fas fa-arrows-v text-center text-muted mr-3"></i>Votes</a></button>
 
 					{% if v and v.id!=p.author_id %}
-					  <button class="btn btn-link btn-block btn-lg text-left text-muted" data-toggle="modal" data-dismiss="modal" data-target="#awardModal" onclick="awardModal('/post/{{p.id}}/awards')"><i class="fas fa-gift text-center text-muted mr-3"></i>Give Award</button>
+					<button class="btn btn-link btn-block btn-lg text-left text-muted" data-toggle="modal" data-dismiss="modal" data-target="#awardModal" onclick="awardModal('/post/{{p.id}}/awards')"><i class="fas fa-gift text-center text-muted mr-3"></i>Give Award</button>
 					{% endif %}
 
 					{% if v and p.id in v.subscribed_idlist() %}
@@ -375,33 +375,33 @@
 </div>
 
 {% if p.active_flags %}
-    <div id="flaggers-{{p.id}}" class="flaggers d-none">
-        <strong><i class="far fa-fw fa-flag"></i> Reported by:</strong>
+	<div id="flaggers-{{p.id}}" class="flaggers d-none">
+		<strong><i class="far fa-fw fa-flag"></i> Reported by:</strong>
 		<pre></pre>
-        <ul style="padding-left:20px; margin-bottom: 0;">
-            {% for f in p.ordered_flags %}
-            	<li><a style="font-weight:bold" href="{{f.user.url}}">@{{f.user.username}}</a>{% if f.reason %}: {{f.reason | safe}}{% endif %}</li>
-            {% endfor %}
-        </ul>
-    </div>
+		<ul style="padding-left:20px; margin-bottom: 0;">
+			{% for f in p.ordered_flags %}
+				<li><a style="font-weight:bold" href="{{f.user.url}}">@{{f.user.username}}</a>{% if f.reason %}: {{f.reason | safe}}{% endif %}</li>
+			{% endfor %}
+		</ul>
+	</div>
 {% endif %}
 
 {% else %}
 
 {% if request.path.endswith('/admin/queue') %}
 
-<div class="row no-gutters">	 
+<div class="row no-gutters">	
 	<div class="col">			
 		<div class="text-center py-7">
 			<div class="h4 p-2">This queue is empty. (That's a good thing.)</div>
-		</div>			 
+		</div>			
 	</div>	
 </div>
 
 
 {% elif u %}
 {% if v and v.id == u.id %}
-<div class="row no-gutters">	 
+<div class="row no-gutters">	
 	<div class="col">			
 		<div class="text-center px-3 my-3">
 			<span class="fa-stack fa-2x text-muted mb-4">
@@ -417,7 +417,7 @@
 
 
 {% else %}
-<div class="row no-gutters">	 
+<div class="row no-gutters">	
 	<div class="col">			
 		<div class="text-center px-3 my-3">
 			<span class="fa-stack fa-2x text-muted mb-4">
@@ -435,7 +435,7 @@
 {% endif %}
 
 {% else %}
-<div class="row no-gutters">	 
+<div class="row no-gutters">	
 	<div class="col">			
 		<div class="text-center px-3 my-3">
 			<span class="fa-stack fa-2x text-muted mb-4">
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index fa81c9122..343a3fc24 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -127,8 +127,8 @@
 									<span class="text-primary badge badge-secondary text-small align-middle ml-2">Follows you</span>
 								{% endif %}
 								<div class="profile-actions align-middle d-none ml-2">
-								 {% if v and v.id != u.id %}
-								 <div class="dropdown show d-none">
+								{% if v and v.id != u.id %}
+								<div class="dropdown show d-none">
 									<a href="#" role="button" data-toggle="dropdown"
 									aria-haspopup="true" aria-expanded="false">
 									<i class="far fa-ellipsis-h text-lg align-middle text-gray-600"></i>
@@ -180,7 +180,7 @@
 
 				<div class="d-flex justify-content-between align-items-center">
 					<div>
-					 {% if v and v.id != u.id %}
+					{% if v and v.id != u.id %}
 						<a id="button-unsub" class="btn btn-secondary {% if not is_following %}d-none{% endif %}" href="javascript:void(0)" onclick="post_toast('/unfollow/{{u.username}}', callback=function(){document.getElementById('button-unsub').classList.toggle('d-none');document.getElementById('button-sub').classList.toggle('d-none');})">Unfollow</a>
 						<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_toast('/follow/{{u.username}}', callback=function(){document.getElementById('button-sub').classList.toggle('d-none');document.getElementById('button-unsub').classList.toggle('d-none');})">Follow</a>						
 						
@@ -210,11 +210,11 @@
 							<button class="btn btn-primary mt-3" onclick="transferCoins()">Gift</button>
 						</div>
 
-					 {% elif v and v.id == u.id %}
+					{% elif v and v.id == u.id %}
 						<a href="/settings/profile" class="btn btn-secondary">Edit profile</a>
 						<a href="/views" class="btn btn-secondary">Profile views</a>
-					 {% endif %}
-					 {% if v and v.id != u.id and v.admin_level > 1 and u.admin_level <= 1 %}
+					{% endif %}
+					{% if v and v.id != u.id and v.admin_level > 1 and u.admin_level <= 1 %}
 						<br><br>
 						<div class="body d-lg-flex border-bottom">
 							<div class="w-lg-100">
@@ -308,7 +308,7 @@
 					{% if u.is_suspended %}
 						<p>Banned by: <a href="{{u.banned_by.url}}">@{{u.banned_by.username}}</a></p>
 					{% endif %}
-				 </div>
+				</div>
 
 					<div>
 						{% for b in u.badges %}
@@ -320,10 +320,10 @@
 						{% endfor %}
 					</div>
 
-			 </div>
+			</div>
 
-		 </div>
-	 </div>
+		</div>
+	</div>
  </div>
 </div>
 </div>
@@ -398,8 +398,8 @@
 					{% endfor %}
 				</div>
 				{% if v and v.id == u.id %}
-					 <a href="/settings/profile" class="btn btn-secondary btn-sm">Edit profile</a>
-					 <a href="/views" class="btn btn-secondary btn-sm">Profile views</a>
+					<a href="/settings/profile" class="btn btn-secondary btn-sm">Edit profile</a>
+					<a href="/views" class="btn btn-secondary btn-sm">Profile views</a>
 				{% endif %}
 				{% if v and v.id != u.id %}
 					<a id="button-unsub2" class="btn btn-secondary {% if not is_following %}d-none{% endif %}" href="javascript:void(0)" onclick="post_toast('/unfollow/{{u.username}}', callback=function(){document.getElementById('button-unsub2').classList.toggle('d-none');document.getElementById('button-sub2').classList.toggle('d-none');})">Unfollow</a>
diff --git a/files/templates/userpage_comments.html b/files/templates/userpage_comments.html
index b1521ccec..f808590fc 100644
--- a/files/templates/userpage_comments.html
+++ b/files/templates/userpage_comments.html
@@ -77,12 +77,12 @@
 
 		{% if listing %}
 		<div class="posts p-3 p-md-0">
-		 {% with comments=listing %}
-		 {% include "comments.html" %}
-		 {% endwith %}
-	 </div>
-	 {% else %}
-	 <div class="text-center px-3 my-3">
+		{% with comments=listing %}
+		{% include "comments.html" %}
+		{% endwith %}
+	</div>
+	{% else %}
+	<div class="text-center px-3 my-3">
 			<span class="fa-stack fa-2x text-muted mb-4">
 				<i class="fas fa-square text-gray-500 opacity-25 fa-stack-2x"></i>
 				<i class="fas text-gray-500 fa-scroll-old fa-stack-1x text-lg"></i>
diff --git a/files/templates/viewers.html b/files/templates/viewers.html
index e44be5a3e..fb180d42f 100644
--- a/files/templates/viewers.html
+++ b/files/templates/viewers.html
@@ -7,13 +7,13 @@
 <thead class="bg-primary text-white">
 	<tr>
 		<th style="font-weight: bold">Name</th>
-        <th style="font-weight: bold">Last visit</th>
+		<th style="font-weight: bold">Last visit</th>
 	</tr>
 </thead>
 {% for view in viewers %}
 	<tr>
-        <td style="font-weight: bold"><a style="color: #{{view.viewer.namecolor}}" href="/@{{view.viewer.username}}"><img src="/uid/{{view.viewer.id}}/pic/profile" class="profile-pic-20 mr-1"><span {% if view.viewer.patron %}class="patron" style="background-color:#{{view.viewer.namecolor}};"{% endif %}>{{view.viewer.username}}</span></a></td>
-        <td style="font-weight: bold">{{view.last_view_string}}</td>
+		<td style="font-weight: bold"><a style="color: #{{view.viewer.namecolor}}" href="/@{{view.viewer.username}}"><img src="/uid/{{view.viewer.id}}/pic/profile" class="profile-pic-20 mr-1"><span {% if view.viewer.patron %}class="patron" style="background-color:#{{view.viewer.namecolor}};"{% endif %}>{{view.viewer.username}}</span></a></td>
+		<td style="font-weight: bold">{{view.last_view_string}}</td>
 	</tr>
 {% endfor %}
 </table>
diff --git a/push.sh b/push.sh
index 31ecb3c41..fc964f11f 100644
--- a/push.sh
+++ b/push.sh
@@ -5,6 +5,7 @@ git push
 
 npm install -g sass
 apt install ruby-sass
+sass ./files/assets/style/transparent.scss ./files/assets/style/transparent_ff66ac.css
 sass ./files/assets/style/midnight.scss ./files/assets/style/midnight_ff66ac.css
 sass ./files/assets/style/dark.scss ./files/assets/style/dark_ff66ac.css
 sass ./files/assets/style/light.scss ./files/assets/style/light_ff66ac.css