Remove display names

webroot/dashboard/assets/main.css

@@ -424,11 +424,17 @@ input:checked~.icon-times {
 .tool-box {
 	width: 6.67vw;
 	height: 6.67vw;
-	background-color: #333;
+	background-color: #3c076e;
 	border-radius: 0.42vw;
 	padding: 0.26vw;
 	text-align: center;
 	margin: 0.26vw;
+	transition: background-color 0.3s, transform 0.3s;
+}
+
+.tool-box:hover {
+	background-color: #370664;
+	transform: scale(1.05);
 }
 
 .tool-title {

webroot/dashboard/assets/main.js

@@ -141,8 +141,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
 
     element1 = document.getElementById('passwordChangeForm');
     element2 = document.getElementById('usernameChangeForm');
-    element3 = document.getElementById('displaynameChangeForm');
-    if (element1 && element2 && element3) {
+    if (element1 && element2) {
         $(document).ready(function() {
             $('#passwordChangeForm').on('submit', function(e) {
                 e.preventDefault();
@@ -209,41 +208,6 @@ document.addEventListener('DOMContentLoaded', (event) => {
                     }
                 });
             });
-
-            $('#displaynameChangeForm').on('submit', function(e) {
-                e.preventDefault();
-                var oldUsername = $('#oldDisplayname').val();
-                var newUsername = $('#newDisplayname').val();
-                var username = $('#username').val();
-                var password = $('#displayusernamepassword').val();
-                $.ajax({
-                    url: '/api/changeDisplayname.php',
-                    type: 'POST',
-                    data: {
-                        olddisplayname: oldUsername,
-                        newdisplayname: newUsername,
-                        username: username,
-                        password: password
-                    },
-                    success: function(data) {
-                        response = data;
-                        if (response.success) {
-                            showSuccess(response.response);
-                            $('#oldDisplayname').val(newUsername);
-                            $('#displayname').html('<strong>Username:</strong> ').append(document.createTextNode(newUsername));
-                        } else {
-                            showError(response.response);
-                        }
-                    },
-                    error: function(jqXHR) {
-                        if (jqXHR.responseJSON && jqXHR.responseJSON.response) {
-                            showError(jqXHR.responseJSON.response);
-                        } else {
-                            showError(jqXHR.responseText);
-                        }
-                    }
-                });
-            });
         });
     }
 });