diff --git a/files/templates/comments.html b/files/templates/comments.html
index 62bd34ae77..d947c580c3 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -459,12 +459,12 @@
 	};
 
 	var clipboard = new ClipboardJS('.copy-link');
-	clipboard.addEventListener('success', function(e) {
+	clipboard.on('success', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-success'));
 			myToast.show();
 			console.log(e);
 	});
-	clipboard.addEventListener('error', function(e) {
+	clipboard.on('error', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-error'));
 			myToast.show();
 			console.log(e);
@@ -750,7 +750,7 @@
 						{% endif %}
 
 						<li class="list-inline-item text-muted d-none d-md-inline-block"><a {% if v %}href="{{c.permalink}}?context=5#context"{% else %}href="/logged_out{{c.permalink}}?context=5#context"{% endif %}><i class="fas fa-book-open"></i>Context</a></li>
-						<li class="list-inline-item text-muted d-none d-md-inline-block"><a href="javascript:void(0);" role="button" class="copy-link" data-bs-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{c.permalink}}{% else %}{{c.permalink | full_link}}{% endif %}/?context=5#context"><i class="fas fa-copy"></i>Copy link</a></li>
+						<li class="list-inline-item text-muted d-none d-md-inline-block"><a href="javascript:void(0);" role="button" class="copy-link" data-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{c.permalink}}{% else %}{{c.permalink | full_link}}{% endif %}/?context=5#context"><i class="fas fa-copy"></i>Copy link</a></li>
 						
 						{% if v %}
 							<li class="list-inline-item text-muted d-none d-md-inline-block"><a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#reportCommentModal" onclick="report_commentModal('{{c.id}}','{{c.author.username}}',)"><i class="fas fa-flag fa-fw"></i>Report</a></li>
@@ -908,7 +908,7 @@
 						<li id="unsave2-{{c.id}}" class="list-group-item {% if c.id not in v.saved_comment_idlist() %}d-none{% endif %}" href="javascript:void(0)" onclick="post_toast2('/unsave_comment/{{c.id}}','save2-{{c.id}}','unsave2-{{c.id}}')" data-bs-dismiss="modal"><i class="fas fa-save"></i>Unsave</li>
 					{% endif %}
 
-					<li href="javascript:void(0);" role="button" class="list-group-item copy-link" data-bs-dismiss="modal" data-bs-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{c.permalink}}{% else %}{{c.permalink | full_link}}{% endif %}?context=5#context"><i class="fas fa-copy"></i>Copy link</li>
+					<li href="javascript:void(0);" role="button" class="list-group-item copy-link" data-bs-dismiss="modal" data-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{c.permalink}}{% else %}{{c.permalink | full_link}}{% endif %}?context=5#context"><i class="fas fa-copy"></i>Copy link</li>
 
 					<a {% if v %} href="{{c.permalink}}?context=5#context" {% else %} href="/logged_out{{c.permalink}}?context=5#context" {% endif %}><li class="list-group-item"><i class="fas fa-dna"></i>Context</li></a>
 
diff --git a/files/templates/header.html b/files/templates/header.html
index 9096c953ae..11b5ef45b9 100644
--- a/files/templates/header.html
+++ b/files/templates/header.html
@@ -109,7 +109,7 @@
 							</div>
 							<hr class="my-2">
 							<div class="px-2">
-								<button class="dropdown-item copy-link" data-bs-clipboard-text="/signup?ref={{v.username}}"><i class="fad fa-user-friends fa-fw text-left mr-3"></i>Invite friends</button>
+								<button class="dropdown-item copy-link" data-clipboard-text="/signup?ref={{v.username}}"><i class="fad fa-user-friends fa-fw text-left mr-3"></i>Invite friends</button>
 							</div>
 							<hr class="my-2">
 							<div class="px-2">
diff --git a/files/templates/log.html b/files/templates/log.html
index d5a658407f..45d75f7654 100644
--- a/files/templates/log.html
+++ b/files/templates/log.html
@@ -18,12 +18,12 @@
 
 <script>
 	var clipboard = new ClipboardJS('.copy-link');
-	clipboard.addEventListener('success', function(e) {
+	clipboard.on('success', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-success'));
 			myToast.show();
 			console.log(e);
 	});
-	clipboard.addEventListener('error', function(e) {
+	clipboard.on('error', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-error'));
 			myToast.show();
 			console.log(e);
@@ -60,7 +60,7 @@
 							<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-bs-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>
diff --git a/files/templates/settings.html b/files/templates/settings.html
index 45a3ab97d4..c7383cdb63 100644
--- a/files/templates/settings.html
+++ b/files/templates/settings.html
@@ -18,12 +18,12 @@
 	<script>
 
 		var clipboard = new ClipboardJS('.copy-link');
-		clipboard.addEventListener('success', function(e) {
+		clipboard.on('success', function(e) {
 				var myToast = new bootstrap.Toast(document.getElementById('toast-success'));
 				myToast.show();
 				console.log(e);
 		});
-		clipboard.addEventListener('error', function(e) {
+		clipboard.on('error', function(e) {
 				var myToast = new bootstrap.Toast(document.getElementById('toast-error'));
 				myToast.show();
 				console.log(e);
diff --git a/files/templates/settings_apps.html b/files/templates/settings_apps.html
index fd848833d0..263f698149 100644
--- a/files/templates/settings_apps.html
+++ b/files/templates/settings_apps.html
@@ -33,7 +33,7 @@
 				
 				{% if app.client_id %}
 				<label for="edit-{{app.id}}-client-id" class="mb-0 w-lg-25">Client ID</label>
-				<input id="edit-{{app.id}}-client-id" class="form-control copy-link" type="text" name="name" value="{{app.client_id}}" data-bs-clipboard-text="{{app.client_id}}" role="button" readonly="readonly">
+				<input id="edit-{{app.id}}-client-id" class="form-control copy-link" type="text" name="name" value="{{app.client_id}}" data-clipboard-text="{{app.client_id}}" role="button" readonly="readonly">
 				{% endif %}
 				
 				
@@ -73,7 +73,7 @@
 
 				{% if app.client_id %}
 				<label for="edit-{{app.id}}-client-id" class="mb-0 w-lg-25">Client ID</label>
-				<input id="edit-{{app.id}}-client-id" class="form-control copy-link" type="text" name="name" value="{{app.client_id}}" data-bs-clipboard-text="{{app.client_id}}" role="button" readonly="readonly">
+				<input id="edit-{{app.id}}-client-id" class="form-control copy-link" type="text" name="name" value="{{app.client_id}}" data-clipboard-text="{{app.client_id}}" role="button" readonly="readonly">
 				{% endif %}
 
 				<label for="edit-{{app.id}}-redirect" class="mb-0 w-lg-25">Redirect URI</label>
diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index e117ffb5a0..3a3fde67fb 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -352,7 +352,7 @@
 
 						<div class="input-group">
 
-							<input type="text" readonly="" class="form-control copy-link" id="referral_code" value="{{request.host_url}}signup?ref={{v.username}}" data-bs-clipboard-text="{{request.host_url}}signup?ref={{v.username}}">
+							<input type="text" readonly="" class="form-control copy-link" id="referral_code" value="{{request.host_url}}signup?ref={{v.username}}" data-clipboard-text="{{request.host_url}}signup?ref={{v.username}}">
 
 							<span class="input-group-append" data-bs-toggle="tooltip" data-bs-placement="top" title="You have referred {{v.referral_count}} user{{'s' if v.referral_count != 1 else ''}} so far. {% if v.referral_count==0 %}¯\_(ツ)_/¯{% elif v.referral_count>10%}Wow!{% endif %}">
 								<span class="input-group-text text-primary border-0">
@@ -413,7 +413,7 @@
 
 							<div class="body w-lg-100">
 
-								<input type="text" readonly="" class="form-control copy-link" id="rss_feed" value="{{('/rss/hot/all') | full_link}}" data-bs-clipboard-text="{{('/rss/hot/all') | full_link}}">
+								<input type="text" readonly="" class="form-control copy-link" id="rss_feed" value="{{('/rss/hot/all') | full_link}}" data-clipboard-text="{{('/rss/hot/all') | full_link}}">
 
 								<div class="text-small-extra text-muted mt-3">You can change the feed by replacing "hot" with whatever sorting you want and "all" with whatever time filter you want.</div>
 
diff --git a/files/templates/sign_up_failed_ref.html b/files/templates/sign_up_failed_ref.html
index fdd021a032..daed78c7d1 100644
--- a/files/templates/sign_up_failed_ref.html
+++ b/files/templates/sign_up_failed_ref.html
@@ -68,7 +68,7 @@
 												<h1 class="h4 font-weight-normal text-center">Whoops! You can't refer yourself!</h1>
 												<p class="text-center text-muted mb-md-5">Send this link to a friend instead :)</p>
 												<label>Referral code</label>
-												<input type="text" class="form-control copy-link" readonly value="/signup?ref={{request.values.get('ref')}}" data-bs-clipboard-text="/signup?ref={{request.values.get('ref')}}">
+												<input type="text" class="form-control copy-link" readonly value="/signup?ref={{request.values.get('ref')}}" data-clipboard-text="/signup?ref={{request.values.get('ref')}}">
 
 												<div class="text-center mt-5 mb-3">
 														Already have an account? <a href="/login" class="font-weight-bold text-small toggle-login">Log in.</a>
diff --git a/files/templates/submission.html b/files/templates/submission.html
index 973315683d..8e4e72a4f3 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -469,7 +469,7 @@
 							<li class="list-inline-item text-muted d-none d-md-inline-block"><a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#awardModal" onclick="awardModal('/post/{{p.id}}/awards')"><i class="fas fa-gift fa-fw"></i>Give Award</a></li>
 						{% endif %}
 
-						<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-bs-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-copy"></i>Copy link</a></li>
+						<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-copy"></i>Copy link</a></li>
 
 						{% if v %}
 							<li id="subscribe-{{p.id}}" class="{% if p.id in v.subscribed_idlist() %}d-none{% endif %} list-inline-item"><a href="javascript:void(0)" onclick="post_toast2('/subscribe/{{p.id}}','subscribe-{{p.id}}','unsubscribe-{{p.id}}')"><i class="fas fa-eye"></i>Subscribe</a></li>
@@ -598,7 +598,7 @@
 
 				<li class="list-inline-item mr-auto"><a {% if v %}href="{{p.permalink}}"{% else %}href="/logged_out{{p.permalink}}"{% endif %}><i class="fas fa-comment-dots"></i>{{p.comment_count}}</a></li>
 
-				<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-bs-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-link"></i>Copy link</a></li>
+				<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-link"></i>Copy link</a></li>
 				{% if v %}
 				<li class="list-inline-item">
 					<a href="#" data-bs-toggle="modal" data-bs-target="#actionsModal">
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 0d32f8d358..6fae174c8a 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -3,12 +3,12 @@
 
 <script>
 	var clipboard = new ClipboardJS('.copy-link');
-	clipboard.addEventListener('success', function(e) {
+	clipboard.on('success', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-success'));
 			myToast.show();
 			console.log(e);
 	});
-	clipboard.addEventListener('error', function(e) {
+	clipboard.on('error', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-error'));
 			myToast.show();
 			console.log(e);
@@ -158,7 +158,7 @@
 							<li class="list-inline-item text-muted d-none d-md-inline-block"><a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#awardModal" onclick="awardModal('/post/{{p.id}}/awards')"><i class="fas fa-gift fa-fw"></i>Give Award</a></li>
 						{% endif %}
 
-						<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-bs-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-copy"></i>Copy link</a></li>
+						<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-copy"></i>Copy link</a></li>
 
 						{% if v %}
 							<li id="subscribe-{{p.id}}" class="{% if p.id in v.subscribed_idlist() %}d-none{% endif %} list-inline-item"><a href="javascript:void(0)" onclick="post_toast2('/subscribe/{{p.id}}','subscribe-{{p.id}}','unsubscribe-{{p.id}}')"><i class="fas fa-eye"></i>Subscribe</a></li>
@@ -240,7 +240,7 @@
 		<ul class="list-inline text-right d-flex">
 			<li class="list-inline-item mr-auto"><a {% if v and v.newtab %}target="_blank"{% endif %} {% if v %}href="{{p.permalink}}"{% else %}href="/logged_out{{p.permalink}}"{% endif %}><i class="fas fa-comment-dots"></i>{{p.comment_count}}</a></li>
 
-			<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-bs-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-link"></i>Copy link</a></li>
+			<li class="list-inline-item"><a href="javascript:void(0);" role="button" class="copy-link" data-clipboard-text="{% if 'rdrama' in request.host %}https://taytay.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}"><i class="fas fa-link"></i>Copy link</a></li>
 
 			{% if p.realbody(v) and request.path != "/changelog"%}
 				<li class="list-inline-item"><a href="javascript:void(0)" class="text-expand" data-bs-id="{{p.id}}"><i class="fas fa-expand-alt mr-0 text-expand-icon-{{p.id}}"></i></a></li>