From 3ca67cff7ae50ec8bbcb1d9fb2125842f501a4cd Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Wed, 1 Dec 2021 14:25:00 +0200
Subject: [PATCH] dsffds

---
 files/assets/js/mobile_navigation_bar.js   |   4 +-
 files/assets/js/popover.js                 |   4 +-
 files/templates/admin/image_posts.html     |  41 ++++---
 files/templates/admin/reported_posts.html  |  41 ++++---
 files/templates/ban_modal.html             |   4 +-
 files/templates/comments.html              |  50 ++++----
 files/templates/default.html               |  99 ++++++++--------
 files/templates/embeds/twitter.html        |   7 +-
 files/templates/embeds/twitterlight.html   |   7 +-
 files/templates/followers.html             |  15 ++-
 files/templates/following.html             |  15 ++-
 files/templates/home.html                  |  97 ++++++++-------
 files/templates/mobile_navigation_bar.html |   2 +-
 files/templates/settings_blocks.html       |  53 +++++----
 files/templates/settings_css.html          |  14 +--
 files/templates/settings_profile.html      |  27 +++--
 files/templates/settings_security.html     |  17 ++-
 files/templates/submission.html            | 130 ++++++++++-----------
 files/templates/submission_listing.html    |  45 ++++---
 files/templates/userpage.html              |  48 ++++----
 files/templates/userpage_blocked.html      |  41 ++++---
 files/templates/userpage_blocking.html     |  41 ++++---
 files/templates/userpage_reserved.html     |  41 ++++---
 23 files changed, 408 insertions(+), 435 deletions(-)

diff --git a/files/assets/js/mobile_navigation_bar.js b/files/assets/js/mobile_navigation_bar.js
index 8494d58c5..38409d9b6 100644
--- a/files/assets/js/mobile_navigation_bar.js
+++ b/files/assets/js/mobile_navigation_bar.js
@@ -1,4 +1,4 @@
-window.onload = function () {
+window.addEventListener("load",function(event) {
 	var prevScrollpos = window.pageYOffset;
 	window.onscroll = function () {
 		var currentScrollPos = window.pageYOffset;
@@ -43,4 +43,4 @@ window.onload = function () {
 		}
 		prevScrollpos = currentScrollPos;
 	}
-}
\ No newline at end of file
+})
\ No newline at end of file
diff --git a/files/assets/js/popover.js b/files/assets/js/popover.js
index 07be6fc4e..c2e7bfd48 100644
--- a/files/assets/js/popover.js
+++ b/files/assets/js/popover.js
@@ -1,4 +1,4 @@
-window.onload = function() {
+window.addEventListener("load",function(event) {
   function eventasdf(value){
       var content_id = value.getAttributeNode("data-content-id").value;
       value.addEventListener("click", function(){jhkj(content_id)});
@@ -33,4 +33,4 @@ window.onload = function() {
     usernames.forEach(eventasdf);
     
     document.addEventListener("click", function(e){dfgh(e)});
-  };
\ No newline at end of file
+});
\ No newline at end of file
diff --git a/files/templates/admin/image_posts.html b/files/templates/admin/image_posts.html
index a8aa14756..c248b3667 100644
--- a/files/templates/admin/image_posts.html
+++ b/files/templates/admin/image_posts.html
@@ -12,28 +12,27 @@
 
 {% block fixedMobileBarJS %}
 <script>
-window.onload = function() {
-	var prevScrollpos = window.pageYOffset;
-	window.onscroll = function () {
-		var currentScrollPos = window.pageYOffset;
-		if (prevScrollpos > currentScrollPos) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
-		} 
-		else if (currentScrollPos <= 125) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
+	window.addEventListener("load",function(event) {
+		var prevScrollpos = window.pageYOffset;
+		window.onscroll = function () {
+			var currentScrollPos = window.pageYOffset;
+			if (prevScrollpos > currentScrollPos) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			} 
+			else if (currentScrollPos <= 125) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			}
+			else {
+				document.getElementById("fixed-bar-mobile").style.top = "-48px";
+				document.getElementById("dropdownMenuSortBy").classList.remove('show');
+				document.getElementById("dropdownMenuFrom").classList.remove('show');
+				document.getElementById("navbar").classList.add("shadow");
+			}
+			prevScrollpos = currentScrollPos;
 		}
-		else {
-			document.getElementById("fixed-bar-mobile").style.top = "-48px";
-			document.getElementById("dropdownMenuSortBy").classList.remove('show');
-			document.getElementById("dropdownMenuFrom").classList.remove('show');
-			document.getElementById("navbar").classList.add("shadow");
-		}
-		prevScrollpos = currentScrollPos;
-	}
-
-};
+	});
 </script>
 {% endblock %}
 
diff --git a/files/templates/admin/reported_posts.html b/files/templates/admin/reported_posts.html
index a748c65bc..08c3a0c53 100644
--- a/files/templates/admin/reported_posts.html
+++ b/files/templates/admin/reported_posts.html
@@ -40,28 +40,27 @@
 
 {% block fixedMobileBarJS %}
 <script>
-window.onload = function() {
-	var prevScrollpos = window.pageYOffset;
-	window.onscroll = function () {
-		var currentScrollPos = window.pageYOffset;
-		if (prevScrollpos > currentScrollPos) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
-		} 
-		else if (currentScrollPos <= 125) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
+	window.addEventListener("load",function(event) {
+		var prevScrollpos = window.pageYOffset;
+		window.onscroll = function () {
+			var currentScrollPos = window.pageYOffset;
+			if (prevScrollpos > currentScrollPos) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			} 
+			else if (currentScrollPos <= 125) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			}
+			else {
+				document.getElementById("fixed-bar-mobile").style.top = "-48px";
+				document.getElementById("dropdownMenuSortBy").classList.remove('show');
+				document.getElementById("dropdownMenuFrom").classList.remove('show');
+				document.getElementById("navbar").classList.add("shadow");
+			}
+			prevScrollpos = currentScrollPos;
 		}
-		else {
-			document.getElementById("fixed-bar-mobile").style.top = "-48px";
-			document.getElementById("dropdownMenuSortBy").classList.remove('show');
-			document.getElementById("dropdownMenuFrom").classList.remove('show');
-			document.getElementById("navbar").classList.add("shadow");
-		}
-		prevScrollpos = currentScrollPos;
-	}
-
-};
+	});
 </script>
 {% endblock %}
 
diff --git a/files/templates/ban_modal.html b/files/templates/ban_modal.html
index 9b0739a22..8d2059c60 100644
--- a/files/templates/ban_modal.html
+++ b/files/templates/ban_modal.html
@@ -1,6 +1,6 @@
 
 <script>
-window.onload = function() {
+	window.addEventListener("load",function(event) {
 		const banModal = function(link, id, name) {
 			document.getElementById("banModalTitle").innerHTML = `Ban @${name}`;
 			document.getElementById("ban-modal-link").value = link;
@@ -24,7 +24,7 @@ window.onload = function() {
 			}
 		};
 
-};
+	});
 </script>
 
 <div class="modal fade" id="banModal" tabindex="-1" role="dialog" aria-labelledby="banModalTitle" aria-hidden="true">
diff --git a/files/templates/comments.html b/files/templates/comments.html
index f3ead7149..82e7f14ef 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -28,34 +28,32 @@
 
 {% if p and not (v and v.id==c.author_id) and (not v or v.highlightcomments) %}
 	<script>
-window.onload = function() {
-		comments = JSON.parse(localStorage.getItem("comment-counts")) || {}
-		lastCount = comments['{{p.id}}']
-		if (lastCount && {{c.created_utc*1000}} > lastCount.t) {
-			document.getElementById("reddot-{{c.id}}").innerHTML = '<i style="color:red !important" class="text-admin fas fa-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Unread"></i>'
-		}
-	
-};
-</script>
+		window.addEventListener("load",function(event) {
+			comments = JSON.parse(localStorage.getItem("comment-counts")) || {}
+			lastCount = comments['{{p.id}}']
+			if (lastCount && {{c.created_utc*1000}} > lastCount.t) {
+				document.getElementById("reddot-{{c.id}}").innerHTML = '<i style="color:red !important" class="text-admin fas fa-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Unread"></i>'
+			}
+		});
+	</script>
 {% endif %}
 
 <script>
-window.onload = function() {
-	(() => {
-		const date = new Date({{c.created_utc*1000}});
-		document.getElementById('timestamp-{{c.id}}').title = date.toString();
+	window.addEventListener("load",function(event) {
+		(() => {
+			const date = new Date({{c.created_utc*1000}});
+			document.getElementById('timestamp-{{c.id}}').title = date.toString();
 
-		{% if c.is_pinned %}
-			const pinned_info = document.getElementById('pinned-{{c.id}}')
-			{% if c.is_pinned.startswith('t:') %}
-				pinned_info.setAttribute("data-bs-original-title", `Pinned until ${new Date({{c.is_pinned[2:]}} * 1000).toString()}`)
-			{% else %}
-				pinned_info.setAttribute("data-bs-original-title", "Pinned by @{{c.is_pinned}}")
+			{% if c.is_pinned %}
+				const pinned_info = document.getElementById('pinned-{{c.id}}')
+				{% if c.is_pinned.startswith('t:') %}
+					pinned_info.setAttribute("data-bs-original-title", `Pinned until ${new Date({{c.is_pinned[2:]}} * 1000).toString()}`)
+				{% else %}
+					pinned_info.setAttribute("data-bs-original-title", "Pinned by @{{c.is_pinned}}")
+				{%endif%}
 			{%endif%}
-		{%endif%}
-	})()
-
-};
+		})()
+	});
 </script>
 
 <div style="display:none" id="popover-{{c.id}}">
@@ -817,7 +815,7 @@ window.onload = function() {
 {% include "expanded_image_modal.html" %}
 
 <script>
-	window.onload = function() {
+	window.addEventListener("load",function(event) {
 		function poll_vote(cid, parentid) {
 			{% if v %}
 				for(let el of document.getElementsByClassName('presult-'+parentid)) {
@@ -838,7 +836,7 @@ window.onload = function() {
 				document.getElementById('toast-post-error-text').innerText = "Only logged-in users can vote!";
 			{% endif %}
 		}
-	};
+	});
 
 	const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
 
@@ -852,6 +850,6 @@ window.onload = function() {
 	})
 </script>
 
-<script defer src="/assets/js/popover.js?v=8"></script>
+<script defer src="/assets/js/popover.js?v=9"></script>
 
 </body>
\ No newline at end of file
diff --git a/files/templates/default.html b/files/templates/default.html
index 10313bd3f..dc60d9c09 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -292,56 +292,55 @@
 
 {% if v and v.agendaposter %}
 	<script>
-	window.onload = function() {
-		var BugDispatch={options:{minDelay:500,maxDelay:1E4,minBugs:2,maxBugs:20,minSpeed:5,maxSpeed:10,maxLargeTurnDeg:150,maxSmallTurnDeg:10,maxWiggleDeg:5,imageSprite:"fly-sprite.webp",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=
-		a}};if("transform"in document.documentElement.style)this.transform=this.transforms.w3c;else{var b=["Moz","webkit","O","ms","Khtml"],c=0;for(c=0;c<b.length;c++)if(b[c]+"Transform"in document.documentElement.style){this.transform=this.transforms[b[c]];break}}if(this.transform){this.bugs=[];b="multiply"===this.options.mouseOver?this.options.minBugs:this.random(this.options.minBugs,this.options.maxBugs,!0);c=0;var d=this;for(c=0;c<b;c++){a=JSON.parse(JSON.stringify(this.options));var e=SpawnBug();a.wingsOpen=
-		this.options.canFly?.5<Math.random()?!0:!1:!0;a.walkSpeed=this.random(this.options.minSpeed,this.options.maxSpeed);e.initialize(this.transform,a);this.bugs.push(e)}this.spawnDelay=[];for(c=0;c<b;c++)a=this.random(this.options.minDelay,this.options.maxDelay,!0),e=this.bugs[c],this.spawnDelay[c]=setTimeout(function(a){return function(){d.options.canFly?a.flyIn():a.walkIn()}}(e),a),d.add_events_to_bug(e);this.options.monitorMouseMovement&&(window.onmousemove=function(){d.check_if_mouse_close_to_bug()})}},
-		stop:function(){for(var a=0;a<this.bugs.length;a++)this.spawnDelay[a]&&clearTimeout(this.spawnDelay[a]),this.bugs[a].stop()},end:function(){for(var a=0;a<this.bugs.length;a++)this.spawnDelay[a]&&clearTimeout(this.spawnDelay[a]),this.bugs[a].stop(),this.bugs[a].remove()},reset:function(){this.stop();for(var a=0;a<this.bugs.length;a++)this.bugs[a].reset(),this.bugs[a].walkIn()},killAll:function(){for(var a=0;a<this.bugs.length;a++)this.spawnDelay[a]&&clearTimeout(this.spawnDelay[a]),this.bugs[a].die()},
-		add_events_to_bug:function(a){var b=this;a.bug&&(a.bug.addEventListener?a.bug.addEventListener("mouseover",function(c){b.on_bug(a)}):a.bug.attachEvent&&a.bug.attachEvent("onmouseover",function(c){b.on_bug(a)}))},check_if_mouse_close_to_bug:function(a){if(a=a||window.event){var b=0,c=0;a.client&&a.client.x?(b=a.client.x,c=a.client.y):a.clientX?(b=a.clientX,c=a.clientY):a.page&&a.page.x?(b=a.page.x-(document.body.scrollLeft+document.documentElement.scrollLeft),c=a.page.y-(document.body.scrollTop+document.documentElement.scrollTop)):
-		a.pageX&&(b=a.pageX-(document.body.scrollLeft+document.documentElement.scrollLeft),c=a.pageY-(document.body.scrollTop+document.documentElement.scrollTop));a=this.bugs.length;var d;for(d=0;d<a;d++){var e=this.bugs[d].getPos();e&&Math.abs(e.top-c)+Math.abs(e.left-b)<this.options.eventDistanceToBug&&!this.bugs[d].flyperiodical&&this.near_bug(this.bugs[d])}}},near_bug:function(a){this.on_bug(a)},on_bug:function(a){if(a.alive){var b=this.options.mouseOver;"random"===b&&(b=this.modes[this.random(0,this.modes.length-
-		1,!0)]);if("fly"===b)a.stop(),a.flyRand();else if("nothing"!==b)if("flyoff"===b)a.stop(),a.flyOff();else if("die"===b)a.die();else if("multiply"===b&&!this.multiplyDelay&&this.bugs.length<this.options.maxBugs){var c=SpawnBug();b=JSON.parse(JSON.stringify(this.options));var d=a.getPos(),e=this;b.wingsOpen=this.options.canFly?.5<Math.random()?!0:!1:!0;b.walkSpeed=this.random(this.options.minSpeed,this.options.maxSpeed);c.initialize(this.transform,b);c.drawBug(d.top,d.left);b.canFly?(c.flyRand(),a.flyRand()):
-		(c.go(),a.go());this.bugs.push(c);this.multiplyDelay=!0;setTimeout(function(){e.add_events_to_bug(c);e.multiplyDelay=!1},this.options.minTimeBetweenMultipy)}}},random:function(a,b,c){if(a==b)return c?Math.round(a):a;var d=a-.5+Math.random()*(b-a+1);d>b?d=b:d<a&&(d=a);return c?Math.round(d):d}},BugController=function(){this.initialize.apply(this,arguments)};BugController.prototype=BugDispatch;
-		var SpiderController=function(){this.options=mergeOptions(this.options,{imageSprite:"spider-sprite.webp",bugWidth:69,bugHeight:90,num_frames:7,canFly:!1,canDie:!0,numDeathTypes:2,zoom:6,minDelay:200,maxDelay:3E3,minSpeed:6,maxSpeed:13,minBugs:3,maxBugs:10});this.initialize.apply(this,arguments)};SpiderController.prototype=BugDispatch;
-		var Bug={options:{wingsOpen:!1,walkSpeed:2,flySpeed:40,edge_resistance:50,zoom:10},initialize:function(a,b){this.options=mergeOptions(this.options,b);this.NEAR_TOP_EDGE=1;this.NEAR_BOTTOM_EDGE=2;this.NEAR_LEFT_EDGE=4;this.NEAR_RIGHT_EDGE=8;this.directions={};this.directions[this.NEAR_TOP_EDGE]=270;this.directions[this.NEAR_BOTTOM_EDGE]=90;this.directions[this.NEAR_LEFT_EDGE]=0;this.directions[this.NEAR_RIGHT_EDGE]=180;this.directions[this.NEAR_TOP_EDGE+this.NEAR_LEFT_EDGE]=315;this.directions[this.NEAR_TOP_EDGE+
-		this.NEAR_RIGHT_EDGE]=225;this.directions[this.NEAR_BOTTOM_EDGE+this.NEAR_LEFT_EDGE]=45;this.directions[this.NEAR_BOTTOM_EDGE+this.NEAR_RIGHT_EDGE]=135;this.large_turn_angle_deg=this.angle_rad=this.angle_deg=0;this.near_edge=!1;this.edge_test_counter=10;this.fly_counter=this.large_turn_counter=this.small_turn_counter=0;this.toggle_stationary_counter=50*Math.random();this.zoom=this.random(this.options.zoom,10)/10;this.stationary=!1;this.bug=null;this.active=!0;this.wingsOpen=this.options.wingsOpen;
-		this.transform=a;this.flyIndex=this.walkIndex=0;this.alive=!0;this.twitchTimer=null;this.rad2deg_k=180/Math.PI;this.deg2rad_k=Math.PI/180;this.makeBug();this.angle_rad=this.deg2rad(this.angle_deg);this.angle_deg=this.random(0,360,!0)},go:function(){if(this.transform){this.drawBug();var a=this;this.animating=!0;this.going=requestAnimFrame(function(b){a.animate(b)})}},stop:function(){this.animating=!1;this.going&&(clearTimeout(this.going),this.going=null);this.flyperiodical&&(clearTimeout(this.flyperiodical),
-		this.flyperiodical=null);this.twitchTimer&&(clearTimeout(this.twitchTimer),this.twitchTimer=null)},remove:function(){this.active=!1;this.inserted&&this.bug.parentNode&&(this.bug.parentNode.removeChild(this.bug),this.inserted=!1)},reset:function(){this.active=this.alive=!0;this.bug.style.bottom="";this.bug.style.top=0;this.bug.style.left=0;this.bug.classList.remove("bug-dead")},animate:function(a){if(this.animating&&this.alive&&this.active){var b=this;this.going=requestAnimFrame(function(a){b.animate(a)});
-		"_lastTimestamp"in this||(this._lastTimestamp=a);var c=a-this._lastTimestamp;if(!(40>c||(200<c&&(c=200),this._lastTimestamp=a,0>=--this.toggle_stationary_counter&&this.toggleStationary(),this.stationary))){if(0>=--this.edge_test_counter&&this.bug_near_window_edge()&&(this.angle_deg%=360,0>this.angle_deg&&(this.angle_deg+=360),15<Math.abs(this.directions[this.near_edge]-this.angle_deg))){a=this.directions[this.near_edge]-this.angle_deg;var d=360-this.angle_deg+this.directions[this.near_edge];this.large_turn_angle_deg=
-		Math.abs(a)<Math.abs(d)?a:d;this.edge_test_counter=10;this.large_turn_counter=100;this.small_turn_counter=30}0>=--this.large_turn_counter&&(this.large_turn_angle_deg=this.random(1,this.options.maxLargeTurnDeg,!0),this.next_large_turn());if(0>=--this.small_turn_counter)this.angle_deg+=this.random(1,this.options.maxSmallTurnDeg),this.next_small_turn();else{a=this.random(1,this.options.maxWiggleDeg,!0);if(0<this.large_turn_angle_deg&&0>a||0>this.large_turn_angle_deg&&0<a)a=-a;this.large_turn_angle_deg-=
-		a;this.angle_deg+=a}this.angle_rad=this.deg2rad(this.angle_deg);this.moveBug(this.bug.left+c/100*this.options.walkSpeed*Math.cos(this.angle_rad),this.bug.top+c/100*this.options.walkSpeed*-Math.sin(this.angle_rad),90-this.angle_deg);this.walkFrame()}}},makeBug:function(){if(!this.bug&&this.active){var a=this.wingsOpen?"0":"-"+this.options.bugHeight+"px",b=document.createElement("div");b.className="bug";b.style.background="transparent url("+this.options.imageSprite+") no-repeat 0 "+a;b.style.width=
-		this.options.bugWidth+"px";b.style.height=this.options.bugHeight+"px";b.style.position="fixed";b.style.top=0;b.style.left=0;b.style.zIndex="9999999";this.bug=b;this.setPos()}},setPos:function(a,b){this.bug.top=a||this.random(this.options.edge_resistance,document.documentElement.clientHeight-this.options.edge_resistance);this.bug.left=b||this.random(this.options.edge_resistance,document.documentElement.clientWidth-this.options.edge_resistance);this.moveBug(this.bug.left,this.bug.top,90-this.angle_deg)},
-		moveBug:function(a,b,c){this.bug.left=a;this.bug.top=b;a="translate("+parseInt(a)+"px,"+parseInt(b)+"px)";c&&(a+=" rotate("+c+"deg)");a+=" scale("+this.zoom+")";this.transform(a)},drawBug:function(a,b){this.bug||this.makeBug();this.bug&&(a&&b?this.setPos(a,b):this.setPos(this.bug.top,this.bug.left),this.inserted||(this.inserted=!0,document.body.appendChild(this.bug)))},toggleStationary:function(){this.stationary=!this.stationary;this.next_stationary();var a=this.wingsOpen?"0":"-"+this.options.bugHeight+
-		"px";this.bug.style.backgroundPosition=this.stationary?"0 "+a:"-"+this.options.bugWidth+"px "+a},walkFrame:function(){this.bug.style.backgroundPosition=-1*this.walkIndex*this.options.bugWidth+"px "+(this.wingsOpen?"0":"-"+this.options.bugHeight+"px");this.walkIndex++;this.walkIndex>=this.options.num_frames&&(this.walkIndex=0)},fly:function(a){var b=this.bug.top,c=this.bug.left,d=c-a.left,e=b-a.top,f=Math.atan(e/d);50>Math.abs(d)+Math.abs(e)&&(this.bug.style.backgroundPosition=-2*this.options.bugWidth+
-		"px -"+2*this.options.bugHeight+"px");30>Math.abs(d)+Math.abs(e)&&(this.bug.style.backgroundPosition=-1*this.options.bugWidth+"px -"+2*this.options.bugHeight+"px");if(10>Math.abs(d)+Math.abs(e))this.bug.style.backgroundPosition="0 0",this.stop(),this.go();else{var g=Math.cos(f)*this.options.flySpeed;f=Math.sin(f)*this.options.flySpeed;if(c>a.left&&0<g||c>a.left&&0>g)g*=-1,Math.abs(d)<Math.abs(g)&&(g/=4);if(b<a.top&&0>f||b>a.top&&0<f)f*=-1,Math.abs(e)<Math.abs(f)&&(f/=4);this.moveBug(c+g,b+f)}},flyRand:function(){this.stop();
-		var a={};a.top=this.random(this.options.edge_resistance,document.documentElement.clientHeight-this.options.edge_resistance);a.left=this.random(this.options.edge_resistance,document.documentElement.clientWidth-this.options.edge_resistance);this.startFlying(a)},startFlying:function(a){var b=this.bug.top,c=this.bug.left,d=a.left-c,e=a.top-b;this.bug.left=a.left;this.bug.top=a.top;this.angle_rad=Math.atan(e/d);this.angle_deg=this.rad2deg(this.angle_rad);this.angle_deg=0<d?90+this.angle_deg:270+this.angle_deg;
-		this.moveBug(c,b,this.angle_deg);var f=this;this.flyperiodical=setInterval(function(){f.fly(a)},10)},flyIn:function(){this.bug||this.makeBug();if(this.bug){this.stop();var a=Math.round(4*Math.random()-.5),b=document,c=b.documentElement,d=b.getElementsByTagName("body")[0];b=window.innerWidth||c.clientWidth||d.clientWidth;c=window.innerHeight||c.clientHeight||d.clientHeight;3<a&&(a=3);0>a&&(a=0);0===a?(a=-2*this.options.bugHeight,b*=Math.random()):1===a?(a=Math.random()*c,b+=2*this.options.bugWidth):
-		2===a?(a=c+2*this.options.bugHeight,b*=Math.random()):(a=Math.random()*c,b=-3*this.options.bugWidth);this.bug.style.backgroundPosition=-3*this.options.bugWidth+"px "+(this.wingsOpen?"0":"-"+this.options.bugHeight+"px");this.bug.top=a;this.bug.left=b;this.drawBug();a={};a.top=this.random(this.options.edge_resistance,document.documentElement.clientHeight-this.options.edge_resistance);a.left=this.random(this.options.edge_resistance,document.documentElement.clientWidth-this.options.edge_resistance);this.startFlying(a)}},
-		walkIn:function(){this.bug||this.makeBug();if(this.bug){this.stop();var a=Math.round(4*Math.random()-.5),b=document,c=b.documentElement,d=b.getElementsByTagName("body")[0];b=window.innerWidth||c.clientWidth||d.clientWidth;c=window.innerHeight||c.clientHeight||d.clientHeight;3<a&&(a=3);0>a&&(a=0);0===a?(a=-1.3*this.options.bugHeight,b*=Math.random()):1===a?(a=Math.random()*c,b+=.3*this.options.bugWidth):2===a?(a=c+.3*this.options.bugHeight,b*=Math.random()):(a=Math.random()*c,b=-1.3*this.options.bugWidth);
-		this.bug.style.backgroundPosition=-3*this.options.bugWidth+"px "+(this.wingsOpen?"0":"-"+this.options.bugHeight+"px");this.bug.top=a;this.bug.left=b;this.drawBug();this.go()}},flyOff:function(){this.stop();var a=this.random(0,3),b={},c=document,d=c.documentElement,e=c.getElementsByTagName("body")[0];c=window.innerWidth||d.clientWidth||e.clientWidth;d=window.innerHeight||d.clientHeight||e.clientHeight;0===a?(b.top=-200,b.left=Math.random()*c):1===a?(b.top=Math.random()*d,b.left=c+200):2===a?(b.top=
-		d+200,b.left=Math.random()*c):(b.top=Math.random()*d,b.left=-200);this.startFlying(b)},die:function(){this.stop();var a=this.random(0,this.options.numDeathTypes-1);this.alive=!1;this.drop(a)},drop:function(a){var b=this.bug.top,c=document,d=c.documentElement;c=c.getElementsByTagName("body")[0];var e=window.innerHeight||d.clientHeight||c.clientHeight;e-=this.options.bugHeight;var f=this.random(0,20,!0);Date.now();var g=this;this.bug.classList.add("bug-dead");this.dropTimer=requestAnimFrame(function(c){g._lastTimestamp=
-		c;g.dropping(c,b,e,f,a)})},dropping:function(a,b,c,d,e){a-=this._lastTimestamp;var f=b+.002*a*a,g=this;f>=c?(f=c,clearTimeout(this.dropTimer),this.angle_deg=0,this.angle_rad=this.deg2rad(this.angle_deg),this.transform("rotate("+(90-this.angle_deg)+"deg) scale("+this.zoom+")"),this.bug.style.top=null,this.bug.style.bottom=Math.ceil((this.options.bugWidth*this.zoom-this.options.bugHeight*this.zoom)/2-this.options.bugHeight/2*(1-this.zoom))+"px",this.bug.style.left=this.bug.left+"px",this.bug.style.backgroundPosition=
-		"-"+2*e*this.options.bugWidth+"px 100%",this.twitch(e)):(this.dropTimer=requestAnimFrame(function(a){g.dropping(a,b,c,d,e)}),20>a||(this.angle_deg=(this.angle_deg+d)%360,this.angle_rad=this.deg2rad(this.angle_deg),this.moveBug(this.bug.left,f,this.angle_deg)))},twitch:function(a,b){b||(b=0);var c=this;if(0===a||1===a)c.twitchTimer=setTimeout(function(){c.bug.style.backgroundPosition="-"+(2*a+b%2)*c.options.bugWidth+"px 100%";c.twitchTimer=setTimeout(function(){b++;c.bug.style.backgroundPosition="-"+
-		(2*a+b%2)*c.options.bugWidth+"px 100%";c.twitch(a,++b)},c.random(300,800))},this.random(1E3,1E4))},rad2deg:function(a){return a*this.rad2deg_k},deg2rad:function(a){return a*this.deg2rad_k},random:function(a,b,c){if(a==b)return a;a=Math.round(a-.5+Math.random()*(b-a+1));return c?.5<Math.random()?a:-a:a},next_small_turn:function(){this.small_turn_counter=Math.round(10*Math.random())},next_large_turn:function(){this.large_turn_counter=Math.round(40*Math.random())},next_stationary:function(){this.toggle_stationary_counter=
-		this.random(50,300)},bug_near_window_edge:function(){this.near_edge=0;this.bug.top<this.options.edge_resistance?this.near_edge|=this.NEAR_TOP_EDGE:this.bug.top>document.documentElement.clientHeight-this.options.edge_resistance&&(this.near_edge|=this.NEAR_BOTTOM_EDGE);this.bug.left<this.options.edge_resistance?this.near_edge|=this.NEAR_LEFT_EDGE:this.bug.left>document.documentElement.clientWidth-this.options.edge_resistance&&(this.near_edge|=this.NEAR_RIGHT_EDGE);return this.near_edge},getPos:function(){return this.inserted&&
-		this.bug&&this.bug.style?{top:parseInt(this.bug.top,10),left:parseInt(this.bug.left,10)}:null}},SpawnBug=function(){var a={},b;for(b in Bug)Bug.hasOwnProperty(b)&&(a[b]=Bug[b]);return a},mergeOptions=function(a,b,c){"undefined"==typeof c&&(c=!0);a=c?cloneOf(a):a;for(var d in b)b.hasOwnProperty(d)&&(a[d]=b[d]);return a},cloneOf=function(a){if(null==a||"object"!=typeof a)return a;var b=a.constructor(),c;for(c in a)a.hasOwnProperty(c)&&(b[c]=cloneOf(a[c]));return b};
-		window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a,b){window.setTimeout(a,1E3/60)}}();
-		new BugController({
-			imageSprite: "/assets/images/fly-sprite.webp",
-			canDie: false,
-			minBugs: 2,
-			maxBugs: 2,
-			mouseOver: "fly"
-		});
-		new SpiderController({
-			imageSprite: "/assets/images/spider-sprite.webp",
-			canDie: false,
-			minBugs: 1,
-			maxBugs: 1,
-			mouseOver: "fly"
-		});
-	
-};
+		window.addEventListener("load",function(event) {
+			var BugDispatch={options:{minDelay:500,maxDelay:1E4,minBugs:2,maxBugs:20,minSpeed:5,maxSpeed:10,maxLargeTurnDeg:150,maxSmallTurnDeg:10,maxWiggleDeg:5,imageSprite:"fly-sprite.webp",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=
+			a}};if("transform"in document.documentElement.style)this.transform=this.transforms.w3c;else{var b=["Moz","webkit","O","ms","Khtml"],c=0;for(c=0;c<b.length;c++)if(b[c]+"Transform"in document.documentElement.style){this.transform=this.transforms[b[c]];break}}if(this.transform){this.bugs=[];b="multiply"===this.options.mouseOver?this.options.minBugs:this.random(this.options.minBugs,this.options.maxBugs,!0);c=0;var d=this;for(c=0;c<b;c++){a=JSON.parse(JSON.stringify(this.options));var e=SpawnBug();a.wingsOpen=
+			this.options.canFly?.5<Math.random()?!0:!1:!0;a.walkSpeed=this.random(this.options.minSpeed,this.options.maxSpeed);e.initialize(this.transform,a);this.bugs.push(e)}this.spawnDelay=[];for(c=0;c<b;c++)a=this.random(this.options.minDelay,this.options.maxDelay,!0),e=this.bugs[c],this.spawnDelay[c]=setTimeout(function(a){return function(){d.options.canFly?a.flyIn():a.walkIn()}}(e),a),d.add_events_to_bug(e);this.options.monitorMouseMovement&&(window.onmousemove=function(){d.check_if_mouse_close_to_bug()})}},
+			stop:function(){for(var a=0;a<this.bugs.length;a++)this.spawnDelay[a]&&clearTimeout(this.spawnDelay[a]),this.bugs[a].stop()},end:function(){for(var a=0;a<this.bugs.length;a++)this.spawnDelay[a]&&clearTimeout(this.spawnDelay[a]),this.bugs[a].stop(),this.bugs[a].remove()},reset:function(){this.stop();for(var a=0;a<this.bugs.length;a++)this.bugs[a].reset(),this.bugs[a].walkIn()},killAll:function(){for(var a=0;a<this.bugs.length;a++)this.spawnDelay[a]&&clearTimeout(this.spawnDelay[a]),this.bugs[a].die()},
+			add_events_to_bug:function(a){var b=this;a.bug&&(a.bug.addEventListener?a.bug.addEventListener("mouseover",function(c){b.on_bug(a)}):a.bug.attachEvent&&a.bug.attachEvent("onmouseover",function(c){b.on_bug(a)}))},check_if_mouse_close_to_bug:function(a){if(a=a||window.event){var b=0,c=0;a.client&&a.client.x?(b=a.client.x,c=a.client.y):a.clientX?(b=a.clientX,c=a.clientY):a.page&&a.page.x?(b=a.page.x-(document.body.scrollLeft+document.documentElement.scrollLeft),c=a.page.y-(document.body.scrollTop+document.documentElement.scrollTop)):
+			a.pageX&&(b=a.pageX-(document.body.scrollLeft+document.documentElement.scrollLeft),c=a.pageY-(document.body.scrollTop+document.documentElement.scrollTop));a=this.bugs.length;var d;for(d=0;d<a;d++){var e=this.bugs[d].getPos();e&&Math.abs(e.top-c)+Math.abs(e.left-b)<this.options.eventDistanceToBug&&!this.bugs[d].flyperiodical&&this.near_bug(this.bugs[d])}}},near_bug:function(a){this.on_bug(a)},on_bug:function(a){if(a.alive){var b=this.options.mouseOver;"random"===b&&(b=this.modes[this.random(0,this.modes.length-
+			1,!0)]);if("fly"===b)a.stop(),a.flyRand();else if("nothing"!==b)if("flyoff"===b)a.stop(),a.flyOff();else if("die"===b)a.die();else if("multiply"===b&&!this.multiplyDelay&&this.bugs.length<this.options.maxBugs){var c=SpawnBug();b=JSON.parse(JSON.stringify(this.options));var d=a.getPos(),e=this;b.wingsOpen=this.options.canFly?.5<Math.random()?!0:!1:!0;b.walkSpeed=this.random(this.options.minSpeed,this.options.maxSpeed);c.initialize(this.transform,b);c.drawBug(d.top,d.left);b.canFly?(c.flyRand(),a.flyRand()):
+			(c.go(),a.go());this.bugs.push(c);this.multiplyDelay=!0;setTimeout(function(){e.add_events_to_bug(c);e.multiplyDelay=!1},this.options.minTimeBetweenMultipy)}}},random:function(a,b,c){if(a==b)return c?Math.round(a):a;var d=a-.5+Math.random()*(b-a+1);d>b?d=b:d<a&&(d=a);return c?Math.round(d):d}},BugController=function(){this.initialize.apply(this,arguments)};BugController.prototype=BugDispatch;
+			var SpiderController=function(){this.options=mergeOptions(this.options,{imageSprite:"spider-sprite.webp",bugWidth:69,bugHeight:90,num_frames:7,canFly:!1,canDie:!0,numDeathTypes:2,zoom:6,minDelay:200,maxDelay:3E3,minSpeed:6,maxSpeed:13,minBugs:3,maxBugs:10});this.initialize.apply(this,arguments)};SpiderController.prototype=BugDispatch;
+			var Bug={options:{wingsOpen:!1,walkSpeed:2,flySpeed:40,edge_resistance:50,zoom:10},initialize:function(a,b){this.options=mergeOptions(this.options,b);this.NEAR_TOP_EDGE=1;this.NEAR_BOTTOM_EDGE=2;this.NEAR_LEFT_EDGE=4;this.NEAR_RIGHT_EDGE=8;this.directions={};this.directions[this.NEAR_TOP_EDGE]=270;this.directions[this.NEAR_BOTTOM_EDGE]=90;this.directions[this.NEAR_LEFT_EDGE]=0;this.directions[this.NEAR_RIGHT_EDGE]=180;this.directions[this.NEAR_TOP_EDGE+this.NEAR_LEFT_EDGE]=315;this.directions[this.NEAR_TOP_EDGE+
+			this.NEAR_RIGHT_EDGE]=225;this.directions[this.NEAR_BOTTOM_EDGE+this.NEAR_LEFT_EDGE]=45;this.directions[this.NEAR_BOTTOM_EDGE+this.NEAR_RIGHT_EDGE]=135;this.large_turn_angle_deg=this.angle_rad=this.angle_deg=0;this.near_edge=!1;this.edge_test_counter=10;this.fly_counter=this.large_turn_counter=this.small_turn_counter=0;this.toggle_stationary_counter=50*Math.random();this.zoom=this.random(this.options.zoom,10)/10;this.stationary=!1;this.bug=null;this.active=!0;this.wingsOpen=this.options.wingsOpen;
+			this.transform=a;this.flyIndex=this.walkIndex=0;this.alive=!0;this.twitchTimer=null;this.rad2deg_k=180/Math.PI;this.deg2rad_k=Math.PI/180;this.makeBug();this.angle_rad=this.deg2rad(this.angle_deg);this.angle_deg=this.random(0,360,!0)},go:function(){if(this.transform){this.drawBug();var a=this;this.animating=!0;this.going=requestAnimFrame(function(b){a.animate(b)})}},stop:function(){this.animating=!1;this.going&&(clearTimeout(this.going),this.going=null);this.flyperiodical&&(clearTimeout(this.flyperiodical),
+			this.flyperiodical=null);this.twitchTimer&&(clearTimeout(this.twitchTimer),this.twitchTimer=null)},remove:function(){this.active=!1;this.inserted&&this.bug.parentNode&&(this.bug.parentNode.removeChild(this.bug),this.inserted=!1)},reset:function(){this.active=this.alive=!0;this.bug.style.bottom="";this.bug.style.top=0;this.bug.style.left=0;this.bug.classList.remove("bug-dead")},animate:function(a){if(this.animating&&this.alive&&this.active){var b=this;this.going=requestAnimFrame(function(a){b.animate(a)});
+			"_lastTimestamp"in this||(this._lastTimestamp=a);var c=a-this._lastTimestamp;if(!(40>c||(200<c&&(c=200),this._lastTimestamp=a,0>=--this.toggle_stationary_counter&&this.toggleStationary(),this.stationary))){if(0>=--this.edge_test_counter&&this.bug_near_window_edge()&&(this.angle_deg%=360,0>this.angle_deg&&(this.angle_deg+=360),15<Math.abs(this.directions[this.near_edge]-this.angle_deg))){a=this.directions[this.near_edge]-this.angle_deg;var d=360-this.angle_deg+this.directions[this.near_edge];this.large_turn_angle_deg=
+			Math.abs(a)<Math.abs(d)?a:d;this.edge_test_counter=10;this.large_turn_counter=100;this.small_turn_counter=30}0>=--this.large_turn_counter&&(this.large_turn_angle_deg=this.random(1,this.options.maxLargeTurnDeg,!0),this.next_large_turn());if(0>=--this.small_turn_counter)this.angle_deg+=this.random(1,this.options.maxSmallTurnDeg),this.next_small_turn();else{a=this.random(1,this.options.maxWiggleDeg,!0);if(0<this.large_turn_angle_deg&&0>a||0>this.large_turn_angle_deg&&0<a)a=-a;this.large_turn_angle_deg-=
+			a;this.angle_deg+=a}this.angle_rad=this.deg2rad(this.angle_deg);this.moveBug(this.bug.left+c/100*this.options.walkSpeed*Math.cos(this.angle_rad),this.bug.top+c/100*this.options.walkSpeed*-Math.sin(this.angle_rad),90-this.angle_deg);this.walkFrame()}}},makeBug:function(){if(!this.bug&&this.active){var a=this.wingsOpen?"0":"-"+this.options.bugHeight+"px",b=document.createElement("div");b.className="bug";b.style.background="transparent url("+this.options.imageSprite+") no-repeat 0 "+a;b.style.width=
+			this.options.bugWidth+"px";b.style.height=this.options.bugHeight+"px";b.style.position="fixed";b.style.top=0;b.style.left=0;b.style.zIndex="9999999";this.bug=b;this.setPos()}},setPos:function(a,b){this.bug.top=a||this.random(this.options.edge_resistance,document.documentElement.clientHeight-this.options.edge_resistance);this.bug.left=b||this.random(this.options.edge_resistance,document.documentElement.clientWidth-this.options.edge_resistance);this.moveBug(this.bug.left,this.bug.top,90-this.angle_deg)},
+			moveBug:function(a,b,c){this.bug.left=a;this.bug.top=b;a="translate("+parseInt(a)+"px,"+parseInt(b)+"px)";c&&(a+=" rotate("+c+"deg)");a+=" scale("+this.zoom+")";this.transform(a)},drawBug:function(a,b){this.bug||this.makeBug();this.bug&&(a&&b?this.setPos(a,b):this.setPos(this.bug.top,this.bug.left),this.inserted||(this.inserted=!0,document.body.appendChild(this.bug)))},toggleStationary:function(){this.stationary=!this.stationary;this.next_stationary();var a=this.wingsOpen?"0":"-"+this.options.bugHeight+
+			"px";this.bug.style.backgroundPosition=this.stationary?"0 "+a:"-"+this.options.bugWidth+"px "+a},walkFrame:function(){this.bug.style.backgroundPosition=-1*this.walkIndex*this.options.bugWidth+"px "+(this.wingsOpen?"0":"-"+this.options.bugHeight+"px");this.walkIndex++;this.walkIndex>=this.options.num_frames&&(this.walkIndex=0)},fly:function(a){var b=this.bug.top,c=this.bug.left,d=c-a.left,e=b-a.top,f=Math.atan(e/d);50>Math.abs(d)+Math.abs(e)&&(this.bug.style.backgroundPosition=-2*this.options.bugWidth+
+			"px -"+2*this.options.bugHeight+"px");30>Math.abs(d)+Math.abs(e)&&(this.bug.style.backgroundPosition=-1*this.options.bugWidth+"px -"+2*this.options.bugHeight+"px");if(10>Math.abs(d)+Math.abs(e))this.bug.style.backgroundPosition="0 0",this.stop(),this.go();else{var g=Math.cos(f)*this.options.flySpeed;f=Math.sin(f)*this.options.flySpeed;if(c>a.left&&0<g||c>a.left&&0>g)g*=-1,Math.abs(d)<Math.abs(g)&&(g/=4);if(b<a.top&&0>f||b>a.top&&0<f)f*=-1,Math.abs(e)<Math.abs(f)&&(f/=4);this.moveBug(c+g,b+f)}},flyRand:function(){this.stop();
+			var a={};a.top=this.random(this.options.edge_resistance,document.documentElement.clientHeight-this.options.edge_resistance);a.left=this.random(this.options.edge_resistance,document.documentElement.clientWidth-this.options.edge_resistance);this.startFlying(a)},startFlying:function(a){var b=this.bug.top,c=this.bug.left,d=a.left-c,e=a.top-b;this.bug.left=a.left;this.bug.top=a.top;this.angle_rad=Math.atan(e/d);this.angle_deg=this.rad2deg(this.angle_rad);this.angle_deg=0<d?90+this.angle_deg:270+this.angle_deg;
+			this.moveBug(c,b,this.angle_deg);var f=this;this.flyperiodical=setInterval(function(){f.fly(a)},10)},flyIn:function(){this.bug||this.makeBug();if(this.bug){this.stop();var a=Math.round(4*Math.random()-.5),b=document,c=b.documentElement,d=b.getElementsByTagName("body")[0];b=window.innerWidth||c.clientWidth||d.clientWidth;c=window.innerHeight||c.clientHeight||d.clientHeight;3<a&&(a=3);0>a&&(a=0);0===a?(a=-2*this.options.bugHeight,b*=Math.random()):1===a?(a=Math.random()*c,b+=2*this.options.bugWidth):
+			2===a?(a=c+2*this.options.bugHeight,b*=Math.random()):(a=Math.random()*c,b=-3*this.options.bugWidth);this.bug.style.backgroundPosition=-3*this.options.bugWidth+"px "+(this.wingsOpen?"0":"-"+this.options.bugHeight+"px");this.bug.top=a;this.bug.left=b;this.drawBug();a={};a.top=this.random(this.options.edge_resistance,document.documentElement.clientHeight-this.options.edge_resistance);a.left=this.random(this.options.edge_resistance,document.documentElement.clientWidth-this.options.edge_resistance);this.startFlying(a)}},
+			walkIn:function(){this.bug||this.makeBug();if(this.bug){this.stop();var a=Math.round(4*Math.random()-.5),b=document,c=b.documentElement,d=b.getElementsByTagName("body")[0];b=window.innerWidth||c.clientWidth||d.clientWidth;c=window.innerHeight||c.clientHeight||d.clientHeight;3<a&&(a=3);0>a&&(a=0);0===a?(a=-1.3*this.options.bugHeight,b*=Math.random()):1===a?(a=Math.random()*c,b+=.3*this.options.bugWidth):2===a?(a=c+.3*this.options.bugHeight,b*=Math.random()):(a=Math.random()*c,b=-1.3*this.options.bugWidth);
+			this.bug.style.backgroundPosition=-3*this.options.bugWidth+"px "+(this.wingsOpen?"0":"-"+this.options.bugHeight+"px");this.bug.top=a;this.bug.left=b;this.drawBug();this.go()}},flyOff:function(){this.stop();var a=this.random(0,3),b={},c=document,d=c.documentElement,e=c.getElementsByTagName("body")[0];c=window.innerWidth||d.clientWidth||e.clientWidth;d=window.innerHeight||d.clientHeight||e.clientHeight;0===a?(b.top=-200,b.left=Math.random()*c):1===a?(b.top=Math.random()*d,b.left=c+200):2===a?(b.top=
+			d+200,b.left=Math.random()*c):(b.top=Math.random()*d,b.left=-200);this.startFlying(b)},die:function(){this.stop();var a=this.random(0,this.options.numDeathTypes-1);this.alive=!1;this.drop(a)},drop:function(a){var b=this.bug.top,c=document,d=c.documentElement;c=c.getElementsByTagName("body")[0];var e=window.innerHeight||d.clientHeight||c.clientHeight;e-=this.options.bugHeight;var f=this.random(0,20,!0);Date.now();var g=this;this.bug.classList.add("bug-dead");this.dropTimer=requestAnimFrame(function(c){g._lastTimestamp=
+			c;g.dropping(c,b,e,f,a)})},dropping:function(a,b,c,d,e){a-=this._lastTimestamp;var f=b+.002*a*a,g=this;f>=c?(f=c,clearTimeout(this.dropTimer),this.angle_deg=0,this.angle_rad=this.deg2rad(this.angle_deg),this.transform("rotate("+(90-this.angle_deg)+"deg) scale("+this.zoom+")"),this.bug.style.top=null,this.bug.style.bottom=Math.ceil((this.options.bugWidth*this.zoom-this.options.bugHeight*this.zoom)/2-this.options.bugHeight/2*(1-this.zoom))+"px",this.bug.style.left=this.bug.left+"px",this.bug.style.backgroundPosition=
+			"-"+2*e*this.options.bugWidth+"px 100%",this.twitch(e)):(this.dropTimer=requestAnimFrame(function(a){g.dropping(a,b,c,d,e)}),20>a||(this.angle_deg=(this.angle_deg+d)%360,this.angle_rad=this.deg2rad(this.angle_deg),this.moveBug(this.bug.left,f,this.angle_deg)))},twitch:function(a,b){b||(b=0);var c=this;if(0===a||1===a)c.twitchTimer=setTimeout(function(){c.bug.style.backgroundPosition="-"+(2*a+b%2)*c.options.bugWidth+"px 100%";c.twitchTimer=setTimeout(function(){b++;c.bug.style.backgroundPosition="-"+
+			(2*a+b%2)*c.options.bugWidth+"px 100%";c.twitch(a,++b)},c.random(300,800))},this.random(1E3,1E4))},rad2deg:function(a){return a*this.rad2deg_k},deg2rad:function(a){return a*this.deg2rad_k},random:function(a,b,c){if(a==b)return a;a=Math.round(a-.5+Math.random()*(b-a+1));return c?.5<Math.random()?a:-a:a},next_small_turn:function(){this.small_turn_counter=Math.round(10*Math.random())},next_large_turn:function(){this.large_turn_counter=Math.round(40*Math.random())},next_stationary:function(){this.toggle_stationary_counter=
+			this.random(50,300)},bug_near_window_edge:function(){this.near_edge=0;this.bug.top<this.options.edge_resistance?this.near_edge|=this.NEAR_TOP_EDGE:this.bug.top>document.documentElement.clientHeight-this.options.edge_resistance&&(this.near_edge|=this.NEAR_BOTTOM_EDGE);this.bug.left<this.options.edge_resistance?this.near_edge|=this.NEAR_LEFT_EDGE:this.bug.left>document.documentElement.clientWidth-this.options.edge_resistance&&(this.near_edge|=this.NEAR_RIGHT_EDGE);return this.near_edge},getPos:function(){return this.inserted&&
+			this.bug&&this.bug.style?{top:parseInt(this.bug.top,10),left:parseInt(this.bug.left,10)}:null}},SpawnBug=function(){var a={},b;for(b in Bug)Bug.hasOwnProperty(b)&&(a[b]=Bug[b]);return a},mergeOptions=function(a,b,c){"undefined"==typeof c&&(c=!0);a=c?cloneOf(a):a;for(var d in b)b.hasOwnProperty(d)&&(a[d]=b[d]);return a},cloneOf=function(a){if(null==a||"object"!=typeof a)return a;var b=a.constructor(),c;for(c in a)a.hasOwnProperty(c)&&(b[c]=cloneOf(a[c]));return b};
+			window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a,b){window.setTimeout(a,1E3/60)}}();
+			new BugController({
+				imageSprite: "/assets/images/fly-sprite.webp",
+				canDie: false,
+				minBugs: 2,
+				maxBugs: 2,
+				mouseOver: "fly"
+			});
+			new SpiderController({
+				imageSprite: "/assets/images/spider-sprite.webp",
+				canDie: false,
+				minBugs: 1,
+				maxBugs: 1,
+				mouseOver: "fly"
+			});
+	});
 </script>
 	<noscript>
 		<style>
diff --git a/files/templates/embeds/twitter.html b/files/templates/embeds/twitter.html
index cd8eecdce..b557a764c 100644
--- a/files/templates/embeds/twitter.html
+++ b/files/templates/embeds/twitter.html
@@ -2,8 +2,7 @@
 <script defer src="/assets/js/twitter.js" charset="utf-8">
 </script>
 <script>
-window.onload = function() {
-	document.getElementById('twitter-widget-0').setAttribute('sandbox','')
-
-};
+	window.addEventListener("load",function(event) {
+		document.getElementById('twitter-widget-0').setAttribute('sandbox','')
+	};
 </script>
\ No newline at end of file
diff --git a/files/templates/embeds/twitterlight.html b/files/templates/embeds/twitterlight.html
index 9214bf262..13233b4d5 100644
--- a/files/templates/embeds/twitterlight.html
+++ b/files/templates/embeds/twitterlight.html
@@ -2,8 +2,7 @@
 <script defer src="https://platform.twitter.com/widgets.js" charset="utf-8">
 </script>
 <script>
-window.onload = function() {
-	document.getElementById('twitter-widget-0').setAttribute('sandbox','')
-
-};
+	window.addEventListener("load",function(event) {
+		document.getElementById('twitter-widget-0').setAttribute('sandbox','')
+	});
 </script>
\ No newline at end of file
diff --git a/files/templates/followers.html b/files/templates/followers.html
index 65d2074a8..caa9b7184 100644
--- a/files/templates/followers.html
+++ b/files/templates/followers.html
@@ -1,14 +1,13 @@
 {% extends "default.html" %}
 {% block content %}
 <script>
-window.onload = function() {
-	function removeFollower(event, username) {
-		post_toast('/remove_follow/' + username); 
-		let table = document.getElementById("followers-table");
-		table.removeChild(event.target.parentElement.parentElement);
-	}
-
-};
+	window.addEventListener("load",function(event) {
+		function removeFollower(event, username) {
+			post_toast('/remove_follow/' + username); 
+			let table = document.getElementById("followers-table");
+			table.removeChild(event.target.parentElement.parentElement);
+		}
+	});
 </script>
 <pre>
 
diff --git a/files/templates/following.html b/files/templates/following.html
index 125ff995d..81781de7f 100644
--- a/files/templates/following.html
+++ b/files/templates/following.html
@@ -1,14 +1,13 @@
 {% extends "default.html" %}
 {% block content %}
 <script>
-window.onload = function() {
-	function removeFollower(event, username) {
-		post_toast('/unfollow/' + username); 
-		let table = document.getElementById("followers-table");
-		table.removeChild(event.target.parentElement.parentElement);
-	}
-
-};
+	window.addEventListener("load",function(event) {
+		function removeFollower(event, username) {
+			post_toast('/unfollow/' + username); 
+			let table = document.getElementById("followers-table");
+			table.removeChild(event.target.parentElement.parentElement);
+		}
+	});
 </script>
 <pre>
 
diff --git a/files/templates/home.html b/files/templates/home.html
index b7b1bd4c8..d4516c772 100644
--- a/files/templates/home.html
+++ b/files/templates/home.html
@@ -9,32 +9,31 @@
 
 	{% if not v.fp %}
 		<script>
-		window.onload = function() {
-			function fp(fp) {
-				var xhr = new XMLHttpRequest();
-				xhr.open("POST", '{{request.host_url}}fp/'+fp, true);
-				var form = new FormData()
-				form.append("formkey", formkey());
-				xhr.withCredentials=true;
-				xhr.send(form);
-			};
+			window.addEventListener("load",function(event) {
+				function fp(fp) {
+					var xhr = new XMLHttpRequest();
+					xhr.open("POST", '{{request.host_url}}fp/'+fp, true);
+					var form = new FormData()
+					form.append("formkey", formkey());
+					xhr.withCredentials=true;
+					xhr.send(form);
+				};
 
-			const fpPromise = new Promise((resolve, reject) => {
-				const script = document.createElement('script');
-				script.onload = resolve;
-				script.onerror = reject;
-				script.async = true;
-				script.src = 'https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs-pro@3/dist/fp.min.js';
-				document.head.appendChild(script);
-			})
-				.then(() => FingerprintJS.load({token: '{{environ.get("FP")}}'}));
+				const fpPromise = new Promise((resolve, reject) => {
+					const script = document.createElement('script');
+					script.onload = resolve;
+					script.onerror = reject;
+					script.async = true;
+					script.src = 'https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs-pro@3/dist/fp.min.js';
+					document.head.appendChild(script);
+				})
+					.then(() => FingerprintJS.load({token: '{{environ.get("FP")}}'}));
 
-			fpPromise
-				.then(fp => fp.get())
-				.then(result => {if (result.visitorId != '{{v.fp}}') fp(result.visitorId);})
-		
-};
-</script>
+				fpPromise
+					.then(fp => fp.get())
+					.then(result => {if (result.visitorId != '{{v.fp}}') fp(result.visitorId);})
+			});
+		</script>
 	{% endif %}
 {% endif %}
   
@@ -174,39 +173,37 @@
 	</div>
 
 	<script>
-	window.onload = function() {
-		if (!("standalone" in window.navigator) && window.navigator.standalone) {
-			if (window.innerWidth <= 737) {
-				document.getElementById('mobile-prompt').show()
-				document.getElementsByClassName('tooltip')[0].onclick = function(event){
-					document.getElementById('mobile-prompt').hide()
-					var xhr = new XMLHttpRequest();
-					xhr.withCredentials=true;
-					xhr.open("POST", '/dismiss_mobile_tip', true);
-					xhr.send();
+		window.addEventListener("load",function(event) {
+			if (!("standalone" in window.navigator) && window.navigator.standalone) {
+				if (window.innerWidth <= 737) {
+					document.getElementById('mobile-prompt').show()
+					document.getElementsByClassName('tooltip')[0].onclick = function(event){
+						document.getElementById('mobile-prompt').hide()
+						var xhr = new XMLHttpRequest();
+						xhr.withCredentials=true;
+						xhr.open("POST", '/dismiss_mobile_tip', true);
+						xhr.send();
+					}
 				}
 			}
-		}
-	
-};
-</script>
+		});
+	</script>
 {% endif %}
 
 {% if v %}
 	<script defer src="https://js.pusher.com/beams/1.0/push-notifications-cdn.js"></script>
 	<script>
-	window.onload = function() {
-		const beamsClient = new PusherPushNotifications.Client({
-			instanceId: '02ddcc80-b8db-42be-9022-44c546b4dce6',
-		});		
-		beamsClient.start()
-		.then((beamsClient) => beamsClient.getDeviceId())
-		.then(() => beamsClient.addDeviceInterest('{{v.strid}}'))
-		.then(() => beamsClient.getDeviceInterests())
-		.catch(console.error);
-	
-};
-</script>
+		window.addEventListener("load",function(event) {
+			const beamsClient = new PusherPushNotifications.Client({
+				instanceId: '02ddcc80-b8db-42be-9022-44c546b4dce6',
+			});		
+			beamsClient.start()
+			.then((beamsClient) => beamsClient.getDeviceId())
+			.then(() => beamsClient.addDeviceInterest('{{v.strid}}'))
+			.then(() => beamsClient.getDeviceInterests())
+			.catch(console.error);
+		});
+	</script>
 {% endif %}
 
 {% endblock %}
\ No newline at end of file
diff --git a/files/templates/mobile_navigation_bar.html b/files/templates/mobile_navigation_bar.html
index 505aa63b9..f1414d28a 100644
--- a/files/templates/mobile_navigation_bar.html
+++ b/files/templates/mobile_navigation_bar.html
@@ -68,7 +68,7 @@
 		</div>
 </div>
 
-<script defer src="/assets/js/mobile_navigation_bar.js?v=53"></script>
+<script defer src="/assets/js/mobile_navigation_bar.js?v=54"></script>
 
 <style>
 	.btn-dead:hover, .active.btn-dead:hover, .active.btn-dead {
diff --git a/files/templates/settings_blocks.html b/files/templates/settings_blocks.html
index edcac69bc..d726650f9 100644
--- a/files/templates/settings_blocks.html
+++ b/files/templates/settings_blocks.html
@@ -6,42 +6,41 @@
 
 
 <script>
-window.onload = function() {
-	block_user=function() {
+	window.addEventListener("load",function(event) {
+		block_user=function() {
 
-		var exileForm = document.getElementById("exile-form");
+			var exileForm = document.getElementById("exile-form");
 
-		var usernameField = document.getElementById("exile-username");
+			var usernameField = document.getElementById("exile-username");
 
-		var isValidUsername = usernameField.checkValidity();
+			var isValidUsername = usernameField.checkValidity();
 
-		username = usernameField.value;
+			username = usernameField.value;
 
-		if (isValidUsername) {
+			if (isValidUsername) {
 
-			var xhr = new XMLHttpRequest();
-			xhr.open("post", "/settings/block");
-			xhr.withCredentials=true;
-			f=new FormData();
-			f.append("username", username);
-			f.append("formkey", formkey());
-			xhr.onload=function(){
-				if (xhr.status<300) {
-					location.reload(true);
-				}
-				else {
-					var myToast = new bootstrap.Toast(document.getElementById('toast-post-success'));
-					myToast.hide();
-					var myToast = new bootstrap.Toast(document.getElementById('toast-post-error'));
-					myToast.show();
-					document.getElementById("toast-error-message").textContent = "Error. Please try again later.";
+				var xhr = new XMLHttpRequest();
+				xhr.open("post", "/settings/block");
+				xhr.withCredentials=true;
+				f=new FormData();
+				f.append("username", username);
+				f.append("formkey", formkey());
+				xhr.onload=function(){
+					if (xhr.status<300) {
+						location.reload(true);
+					}
+					else {
+						var myToast = new bootstrap.Toast(document.getElementById('toast-post-success'));
+						myToast.hide();
+						var myToast = new bootstrap.Toast(document.getElementById('toast-post-error'));
+						myToast.show();
+						document.getElementById("toast-error-message").textContent = "Error. Please try again later.";
+					}
 				}
+				xhr.send(f)
 			}
-			xhr.send(f)
 		}
-	}
-
-};
+	});
 </script>
 
 <div class="row">
diff --git a/files/templates/settings_css.html b/files/templates/settings_css.html
index 8731cbaaa..760b14214 100644
--- a/files/templates/settings_css.html
+++ b/files/templates/settings_css.html
@@ -38,15 +38,15 @@
 </div>
 {% if v.agendaposter %}
 <script>
-window.onload = function() {
-	const flip = (e) => {
-		e.preventDefault();
-		document.getElementsByTagName("body")[0].setAttribute("style", "-moz-transform: scale(-1, -1);-o-transform: scale(-1, -1);-webkit-transform: scale(-1, -1);transform: scale(-1, -1);");
-	};
+	window.addEventListener("load",function(event) {
+		const flip = (e) => {
+			e.preventDefault();
+			document.getElementsByTagName("body")[0].setAttribute("style", "-moz-transform: scale(-1, -1);-o-transform: scale(-1, -1);-webkit-transform: scale(-1, -1);transform: scale(-1, -1);");
+		};
 
-	document.getElementById("submit-btn").onclick = flip;
+		document.getElementById("submit-btn").onclick = flip;
 
-};
+	});
 </script>
 {% endif %}
 </div>
diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index f588d1901..0b3c40844 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -685,22 +685,21 @@
 <script defer src="/assets/js/settings_profile.js?v=58"></script>
 
 <script>
-window.onload = function() {
-	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;
+	window.addEventListener("load",function(event) {
+		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>
 
 {% include "emoji_modal.html" %}
diff --git a/files/templates/settings_security.html b/files/templates/settings_security.html
index eb03b5c8d..eef750157 100644
--- a/files/templates/settings_security.html
+++ b/files/templates/settings_security.html
@@ -5,16 +5,15 @@
 {% block content %}
 
 <script>
-window.onload = function() {
-	document.getElementById('new_email').addEventListener('input', function () {
-		document.getElementById("email-password").classList.remove("d-none");
-		document.getElementById("email-password-label").classList.remove("d-none");
-		document.getElementById("emailpasswordRequired").classList.remove("d-none");
+	window.addEventListener("load",function(event) {
+		document.getElementById('new_email').addEventListener('input', function () {
+			document.getElementById("email-password").classList.remove("d-none");
+			document.getElementById("email-password-label").classList.remove("d-none");
+			document.getElementById("emailpasswordRequired").classList.remove("d-none");
+		});
+
 	});
-
-};
-
-const twoStepModal = new bootstrap.Modal(document.getElementById('2faModal'))
+	const twoStepModal = new bootstrap.Modal(document.getElementById('2faModal'))
 </script>
 
 		<div class="row">
diff --git a/files/templates/submission.html b/files/templates/submission.html
index 1b51e10ef..b1f793b39 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -829,37 +829,36 @@
 </div>
 
 <script>
-window.onload = function() {
-	(() => {
-		const date = new Date({{p.created_utc*1000}});
-		document.getElementById('timestamp').title = date.toString();
-		{% if p.edited_utc %}
-			const dateEdited = new Date({{p.edited_utc*1000}});
-			document.getElementById('edited_timestamp').title = dateEdited.toString();
-		{% endif %}
+	window.addEventListener("load",function(event) {
+		(() => {
+			const date = new Date({{p.created_utc*1000}});
+			document.getElementById('timestamp').title = date.toString();
+			{% if p.edited_utc %}
+				const dateEdited = new Date({{p.edited_utc*1000}});
+				document.getElementById('edited_timestamp').title = dateEdited.toString();
+			{% endif %}
 
-		{% if (not v or v.highlightcomments) %}
-			showNewCommentCounts('{{p.id}}', {{p.comment_count}})
-		{% endif %}
+			{% if (not v or v.highlightcomments) %}
+				showNewCommentCounts('{{p.id}}', {{p.comment_count}})
+			{% endif %}
 
-		{% if "?context" not in request.full_path %}
-			const comments = JSON.parse(localStorage.getItem("comment-counts")) || {}
-			const newTotal = {{p.comment_count}} || ((comments['{{p.id}}'] || { c: 0 }).c + 1)
-			comments['{{p.id}}'] = { c: newTotal, t: Date.now() }
-			window.localStorage.setItem("comment-counts", JSON.stringify(comments))
-		{% endif %}
+			{% if "?context" not in request.full_path %}
+				const comments = JSON.parse(localStorage.getItem("comment-counts")) || {}
+				const newTotal = {{p.comment_count}} || ((comments['{{p.id}}'] || { c: 0 }).c + 1)
+				comments['{{p.id}}'] = { c: newTotal, t: Date.now() }
+				window.localStorage.setItem("comment-counts", JSON.stringify(comments))
+			{% endif %}
 
-		{% if p.stickied %}
-		const pinned_info = document.getElementById('pinned-{{p.id}}')
-		{% if p.stickied.startswith('t:') %}
-			pinned_info.setAttribute("data-bs-original-title", `Pinned until ${new Date({{p.stickied[2:]}} * 1000).toString()}`)
-		{% else %}
-			pinned_info.setAttribute("data-bs-original-title", "Pinned by @{{p.stickied}}")
-		{%endif%}
-		{%endif%}
-	})()
-
-};
+			{% if p.stickied %}
+			const pinned_info = document.getElementById('pinned-{{p.id}}')
+			{% if p.stickied.startswith('t:') %}
+				pinned_info.setAttribute("data-bs-original-title", `Pinned until ${new Date({{p.stickied[2:]}} * 1000).toString()}`)
+			{% else %}
+				pinned_info.setAttribute("data-bs-original-title", "Pinned by @{{p.stickied}}")
+			{%endif%}
+			{%endif%}
+		})()
+	});
 </script>
 
 {% if v and v.id==p.author_id %}
@@ -876,27 +875,26 @@ window.onload = function() {
 
 {% if not p.comment_count %}
 	<script>
-window.onload = function() {
-		function poll_vote(cid) {
-			{% if v %}
-				for(let el of document.getElementsByClassName('presult')) {
-					el.classList.remove('d-none');
-				}
-				var type = document.getElementById(cid).checked;
-				var scoretext = document.getElementById('poll-' + cid);
-				var score = Number(scoretext.textContent);
-				if (type == true) scoretext.textContent = score + 1;
-				else scoretext.textContent = score - 1;
-				post('/vote/poll/' + cid + '?vote=' + type);
-			{% else %}
-				var myToast = new bootstrap.Toast(document.getElementById('toast-post-error'));
-				myToast.show();
-				document.getElementById('toast-post-error-text').innerText = "Only logged-in users can vote!";
-			{% endif %}
-		}
-	
-};
-</script>
+		window.addEventListener("load",function(event) {
+			function poll_vote(cid) {
+				{% if v %}
+					for(let el of document.getElementsByClassName('presult')) {
+						el.classList.remove('d-none');
+					}
+					var type = document.getElementById(cid).checked;
+					var scoretext = document.getElementById('poll-' + cid);
+					var score = Number(scoretext.textContent);
+					if (type == true) scoretext.textContent = score + 1;
+					else scoretext.textContent = score - 1;
+					post('/vote/poll/' + cid + '?vote=' + type);
+				{% else %}
+					var myToast = new bootstrap.Toast(document.getElementById('toast-post-error'));
+					myToast.show();
+					document.getElementById('toast-post-error-text').innerText = "Only logged-in users can vote!";
+				{% endif %}
+			}
+		});
+	</script>
 
 	{% if v %}
 		<script defer src="/assets/js/comments_v.js?v=73"></script>
@@ -915,16 +913,15 @@ window.onload = function() {
 	{% set minbugs = 10*p.award_count("shit") if p.award_count("shit") < 3 else 20 %}
 	{% set maxbugs = 20*p.award_count("shit") if p.award_count("shit") < 3 else 40 %}
 	<script>
-		window.onload = function() {
-		new BugController({
-			imageSprite: "/assets/images/fly-sprite.webp",
-			canDie: false,
-			minBugs: {{minbugs}},
-			maxBugs: {{maxbugs}},
-			mouseOver: "multiply"
+		window.addEventListener("load",function(event) {
+			new BugController({
+				imageSprite: "/assets/images/fly-sprite.webp",
+				canDie: false,
+				minBugs: {{minbugs}},
+				maxBugs: {{maxbugs}},
+				mouseOver: "multiply"
+			});
 		});
-	
-};
 </script>
 {% endif %}
 
@@ -934,16 +931,15 @@ window.onload = function() {
 	{% set minbugs = 10*p.award_count("fireflies") if p.award_count("fireflies") < 3 else 20 %}
 	{% set maxbugs = 20*p.award_count("fireflies") if p.award_count("fireflies") < 3 else 40 %}
 	<script>
-window.onload = function() {
-		new BugController({
-			imageSprite: "/assets/images/fireflies.webp",
-			canDie: false,
-			minBugs: {{minbugs}},
-			maxBugs: {{maxbugs}},
-			mouseOver: "multiply"
+		window.addEventListener("load",function(event) {
+			new BugController({
+				imageSprite: "/assets/images/fireflies.webp",
+				canDie: false,
+				minBugs: {{minbugs}},
+				maxBugs: {{maxbugs}},
+				mouseOver: "multiply"
+			});
 		});
-	
-};
 </script>
 {% endif %}
 
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index b78129254..f16a6122f 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -54,30 +54,29 @@
 </div>
 
 <script>
-window.onload = function() {
-	(() => {
-		const date = new Date({{p.created_utc*1000}});
-		document.getElementById('timestamp-{{p.id}}').title = date.toString();
-		{% if p.edited_utc %}
-			const dateEdited = new Date({{p.edited_utc*1000}});
-			document.getElementById('edited_timestamp-{{p.id}}').title = dateEdited.toString();
-		{% endif %}
+	window.addEventListener("load",function(event) {
+		(() => {
+			const date = new Date({{p.created_utc*1000}});
+			document.getElementById('timestamp-{{p.id}}').title = date.toString();
+			{% if p.edited_utc %}
+				const dateEdited = new Date({{p.edited_utc*1000}});
+				document.getElementById('edited_timestamp-{{p.id}}').title = dateEdited.toString();
+			{% endif %}
 
-		{% if (not v or v.highlightcomments) %}
-			showNewCommentCounts('{{p.id}}', {{p.comment_count}})
-		{% endif %}
+			{% if (not v or v.highlightcomments) %}
+				showNewCommentCounts('{{p.id}}', {{p.comment_count}})
+			{% endif %}
 
-		{% if p.stickied %}
-		const pinned_info = document.getElementById('pinned-{{p.id}}')
-		{% if p.stickied.startswith('t:') %}
-			pinned_info.setAttribute("data-bs-original-title", `Pinned until ${new Date({{p.stickied[2:]}} * 1000).toString()}`)
-		{% else %}
-			pinned_info.setAttribute("data-bs-original-title", "Pinned by @{{p.stickied}}")
-		{%endif%}
-		{%endif%}
-	})()
-
-};
+			{% if p.stickied %}
+			const pinned_info = document.getElementById('pinned-{{p.id}}')
+			{% if p.stickied.startswith('t:') %}
+				pinned_info.setAttribute("data-bs-original-title", `Pinned until ${new Date({{p.stickied[2:]}} * 1000).toString()}`)
+			{% else %}
+				pinned_info.setAttribute("data-bs-original-title", "Pinned by @{{p.stickied}}")
+			{%endif%}
+			{%endif%}
+		})()
+	});
 </script>
 
 {% set ups=p.upvotes %}
@@ -688,4 +687,4 @@ window.onload = function() {
 	{% include "award_modal.html" %}
 {% endif %}
 
-<script defer src="/assets/js/popover.js?v=8"></script>
\ No newline at end of file
+<script defer src="/assets/js/popover.js?v=9"></script>
\ No newline at end of file
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index c84c18820..d9e38a922 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -71,38 +71,34 @@
 
 {% if u.song %}
 	<script>
-window.onload = function() {
-		var audio = new Audio('/songs/{{u.id}}');
-		audio.loop=true;
-		
-		{% 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");
-			}
+		window.addEventListener("load",function(event) {
+			var audio = new Audio('/songs/{{u.id}}');
+			audio.loop=true;
+			
+			{% 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");
+				}
 
-			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");
-			}
-		{% endif %}
+				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");
+				}
+			{% endif %}
 
-		window.addEventListener( 'load', function() {
 			audio.play();
 			document.getElementById('userpage').addEventListener('click', () => {
 				if (audio.paused) audio.play(); 
 			}, {once : true});
-
-		});
-	
-};
-</script>
+		};
+	</script>
 {% endif %}
 
 <div class="row d-none d-md-block">
diff --git a/files/templates/userpage_blocked.html b/files/templates/userpage_blocked.html
index 54e6f85ef..57edf0954 100644
--- a/files/templates/userpage_blocked.html
+++ b/files/templates/userpage_blocked.html
@@ -4,28 +4,27 @@
 
 {% block fixedMobileBarJS %}
 <script>
-window.onload = function() {
-	var prevScrollpos = window.pageYOffset;
-	window.onscroll = function () {
-		var currentScrollPos = window.pageYOffset;
-		if (prevScrollpos > currentScrollPos) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
-		} 
-		else if (currentScrollPos <= 125) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
+	window.addEventListener("load",function(event) {
+		var prevScrollpos = window.pageYOffset;
+		window.onscroll = function () {
+			var currentScrollPos = window.pageYOffset;
+			if (prevScrollpos > currentScrollPos) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			} 
+			else if (currentScrollPos <= 125) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			}
+			else {
+				document.getElementById("fixed-bar-mobile").style.top = "-48px";
+				document.getElementById("dropdownMenuSortBy").classList.remove('show');
+				document.getElementById("dropdownMenuFrom").classList.remove('show');
+				document.getElementById("navbar").classList.add("shadow");
+			}
+			prevScrollpos = currentScrollPos;
 		}
-		else {
-			document.getElementById("fixed-bar-mobile").style.top = "-48px";
-			document.getElementById("dropdownMenuSortBy").classList.remove('show');
-			document.getElementById("dropdownMenuFrom").classList.remove('show');
-			document.getElementById("navbar").classList.add("shadow");
-		}
-		prevScrollpos = currentScrollPos;
-	}
-
-};
+	});
 </script>
 {% endblock %}
 
diff --git a/files/templates/userpage_blocking.html b/files/templates/userpage_blocking.html
index 51cf27d30..3355d36c1 100644
--- a/files/templates/userpage_blocking.html
+++ b/files/templates/userpage_blocking.html
@@ -4,28 +4,27 @@
 
 {% block fixedMobileBarJS %}
 <script>
-window.onload = function() {
-	var prevScrollpos = window.pageYOffset;
-	window.onscroll = function () {
-		var currentScrollPos = window.pageYOffset;
-		if (prevScrollpos > currentScrollPos) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
-		} 
-		else if (currentScrollPos <= 125) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
+	window.addEventListener("load",function(event) {
+		var prevScrollpos = window.pageYOffset;
+		window.onscroll = function () {
+			var currentScrollPos = window.pageYOffset;
+			if (prevScrollpos > currentScrollPos) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			} 
+			else if (currentScrollPos <= 125) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			}
+			else {
+				document.getElementById("fixed-bar-mobile").style.top = "-48px";
+				document.getElementById("dropdownMenuSortBy").classList.remove('show');
+				document.getElementById("dropdownMenuFrom").classList.remove('show');
+				document.getElementById("navbar").classList.add("shadow");
+			}
+			prevScrollpos = currentScrollPos;
 		}
-		else {
-			document.getElementById("fixed-bar-mobile").style.top = "-48px";
-			document.getElementById("dropdownMenuSortBy").classList.remove('show');
-			document.getElementById("dropdownMenuFrom").classList.remove('show');
-			document.getElementById("navbar").classList.add("shadow");
-		}
-		prevScrollpos = currentScrollPos;
-	}
-
-};
+	});
 </script>
 {% endblock %}
 
diff --git a/files/templates/userpage_reserved.html b/files/templates/userpage_reserved.html
index fd2f335d0..b30d55206 100644
--- a/files/templates/userpage_reserved.html
+++ b/files/templates/userpage_reserved.html
@@ -4,28 +4,27 @@
 
 {% block fixedMobileBarJS %}
 <script>
-window.onload = function() {
-	var prevScrollpos = window.pageYOffset;
-	window.onscroll = function () {
-		var currentScrollPos = window.pageYOffset;
-		if (prevScrollpos > currentScrollPos) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
-		} 
-		else if (currentScrollPos <= 125) {
-			document.getElementById("fixed-bar-mobile").style.top = "48px";
-			document.getElementById("navbar").classList.remove("shadow");
+	window.addEventListener("load",function(event) {
+		var prevScrollpos = window.pageYOffset;
+		window.onscroll = function () {
+			var currentScrollPos = window.pageYOffset;
+			if (prevScrollpos > currentScrollPos) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			} 
+			else if (currentScrollPos <= 125) {
+				document.getElementById("fixed-bar-mobile").style.top = "48px";
+				document.getElementById("navbar").classList.remove("shadow");
+			}
+			else {
+				document.getElementById("fixed-bar-mobile").style.top = "-48px";
+				document.getElementById("dropdownMenuSortBy").classList.remove('show');
+				document.getElementById("dropdownMenuFrom").classList.remove('show');
+				document.getElementById("navbar").classList.add("shadow");
+			}
+			prevScrollpos = currentScrollPos;
 		}
-		else {
-			document.getElementById("fixed-bar-mobile").style.top = "-48px";
-			document.getElementById("dropdownMenuSortBy").classList.remove('show');
-			document.getElementById("dropdownMenuFrom").classList.remove('show');
-			document.getElementById("navbar").classList.add("shadow");
-		}
-		prevScrollpos = currentScrollPos;
-	}
-
-};
+	});
 </script>
 {% endblock %}