Moved to being a single-page app

This simplifies some logic, and lets us do a sweet transition from server list to in-game.

resources/app/files/assets/css/openfusion.css

@@ -85,7 +85,7 @@ body {
   border-color: #6699FF;
 }
 
-input {
+.form-control, .form-control:focus {
   border-color: #0099FF;
   background-color: #000;
   color: #fff;

resources/app/files/assets/js/eastereggs.js

@@ -3,11 +3,17 @@ var today = new Date();
 
 // Check Christmas season: Date constructor in Javascript uses an index
 // so 11 is Dec. of this year, and 12 is Jan. of the next
-var christmasBegin = new Date(today.getFullYear(), 11, 10); 
+var christmasBegin = new Date(today.getFullYear(), 11, 23); 
 var christmasEnd = new Date(today.getFullYear(), 12, 8);
+var sf
 
 if((today >= christmasBegin && today <= christmasEnd)) {
-    console.log("Christmas Activated.");
-    var sf = new Snowflakes({zIndex: -100});
+	console.log("Christmas Activated.");
+	sf = new Snowflakes({zIndex: -100});
 }
-    
+
+function stopEasterEggs(){
+	if (sf != null) {
+		sf.destroy();
+	}	
+}

resources/app/files/assets/js/gameclient.js

@@ -0,0 +1,80 @@
+var ipc = require("ipc");
+var gameRunning = false;
+
+// Unity invoked methods begin //
+
+// allows us to skip the login screen 
+/*function authDoCallback(param) {
+	var unity = document.getElementById('Unity_embed');
+	unity.SendMessage("GlobalManager", "SetTEGid", "player");
+	unity.SendMessage("GlobalManager", "SetAuthid", "0");
+	unity.SendMessage("GlobalManager", "DoAuth", 0);
+}*/
+
+function MarkProgress(param) {}
+
+function redirect(html) {
+	ipc.send("exit", 0);
+}
+function HomePage(param) {
+	ipc.send("exit", 0);
+}
+function PageOut(param) {
+	ipc.send("exit", 0);
+}
+function updateSocialOptions(param) {
+	ipc.send("exit", 0);
+}
+function PayPage(param) {
+	ipc.send("exit", 0);
+}
+
+// Unity invoked methods end //
+
+function onResize() {
+	if (gameRunning == true) {
+		var unity = document.getElementById('Unity_embed');
+		unity.style.width = window.innerWidth + 'px';
+		unity.style.height = window.innerHeight + 'px';
+	}
+}
+
+function launchGame() {
+	gameRunning = true
+
+	var sel = document.getElementById("of-serverselector");
+	sel.remove()
+	
+	document.body.style.overflow = "hidden";
+
+	var object = document.createElement('object');
+	object.setAttribute('classid', "clsid:444785F1-DE89-4295-863A-D46C3A781394");
+	object.setAttribute('codebase', "undefined/UnityWebPlayer.cab#version=2,0,0,0");
+	object.setAttribute('id', "Unity_object");
+	object.setAttribute('width', "1264");
+	object.setAttribute('height', "661");
+
+	var embed = document.createElement('embed');
+	embed.setAttribute('type', "application/vnd.unity");
+	embed.setAttribute('pluginspage', "http://www.unity3d.com/unity-web-player-2.x");
+	embed.setAttribute('id', "Unity_embed");
+	embed.setAttribute('width', "1280");
+	embed.setAttribute('height', "680");
+	embed.setAttribute('src', "http://ht.cdn.turner.com/ff/big/beta-20100104/main.unity3d");
+	embed.setAttribute('disablecontdparaextmenu', "true");
+	embed.setAttribute('bordercolor', "000000");
+	embed.setAttribute('backgroundcolor', "000000");
+	embed.setAttribute('disableContextMenu', true);
+	embed.setAttribute('textcolor', "ccffff");
+	embed.setAttribute('logoimage', "assets/img/unity_dexlabs.png");
+	embed.setAttribute('progressbarimage', "assets/img/unity_loadingbar.png");
+	embed.setAttribute('progressframeimage', "assets/img/unity_loadingframe.png");
+	embed.setAttribute('autoupdateurlsignature', "42180ee5edc4e3d4dd706bcc17cedd8d6ec7b7ac463071fd34ab97fe181f1a78df31db5feb4526677e4f69ef53acaff44471591e68b87f041c80fd54765f0d5725b08aa28f5acf7716ffb2a04e971269f35925c7e38d57dd78f6a206530caaa3da7e32f07f19810efc0ebf29a4eae976a925ad9cc5beb4dd51564c67dc489033");
+	embed.setAttribute('autoupdateurl', "http://wp-cartoonnetwork.unity3d.com/ff/big/beta-20111013/autodownload_webplugin_beta");
+
+	var div = document.getElementById('client');
+	object.appendChild(embed);
+	div.appendChild(object);
+	document.title = "OpenFusion"
+	OnResize();
+}

resources/app/files/assets/js/serverselector.js

@@ -0,0 +1,13 @@
+// Write loginInfo.php, assetInfo.php, etc.
+function setGameInfo(uuid) {
+
+}
+
+function connectToServer() {
+	stopEasterEggs();
+	$('#of-serverselector').fadeOut('slow', function() {
+		setTimeout(function(){
+			launchGame();
+		}, 200);
+	});
+}

resources/app/files/index.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>OpenFusion: Server Selector</title>
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
+    <link rel="stylesheet" href="assets/css/openfusion.css">
+    <link rel="stylesheet" href="assets/css/styles.css">
+</head>
+
+<body style="background: rgb(0,0,0);width: 100%;height: 100%;margin: 0;padding: 0;clear:both;" onresize="onResize()">
+    <section id="of-serverselector">
+        <div class="container" id="serverselector-container">
+            <div class="row text-center mt-3" id="of-logoheader">
+                <div class="col"><img class="img-fluid" id="of-logo" src="assets/img/of-3.png" width="256">
+                    <p id="of-intro-text">Welcome to OpenFusion.<br>Select a server from the list below to get started.</p>
+                </div>
+            </div>
+            <div class="row d-sm-flex d-xl-flex justify-content-center justify-content-sm-center justify-content-xl-center" id="of-serverlist">
+                <div class="col-8 mb-2">
+                    <div class="table-responsive text-center border rounded border-primary" id="server-table">
+                        <table class="table table-striped table-hover mb-0">
+                            <thead>
+                                <tr>
+                                    <th>Description</th>
+                                    <th>Game Version</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr id="server-listing-placeholder">
+                                    <td colspan="2">No servers added yet... perhaps you should find one?</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="row row-cols-2 d-xl-flex justify-content-center justify-content-xl-center" id="of-serverbuttons" style="padding-bottom: 16px;">
+                <div class="col-4 text-left d-inline-flex justify-content-xl-start"><button class="btn btn-success mr-1" data-toggle="modal" data-bs-tooltip="" data-placement="bottom" id="of-addserver-button" type="button" title="Add Server" data-target="#of-addservermodal"><i class="fas fa-plus"></i></button><button class="btn btn-danger disabled" data-toggle="modal" data-bs-tooltip="" data-placement="bottom" id="of-deleteserver-button" type="button" title="Delete Server" data-target="#of-deleteservermodal" disabled=""><i class="fas fa-trash-alt"></i></button></div>
+                <div class="col-4 d-inline-flex justify-content-end"><button class="btn btn-primary disabled" id="of-connect-button" type="button" onclick="connectToServer()" disabled="">Connect&nbsp;<i class="fas fa-angle-double-right"></i></button></div>
+            </div>
+        </div>
+        <div class="modal fade" role="dialog" tabindex="-1" id="of-aboutmodal">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h4 class="modal-title">About OpenFusionClient</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+                    </div>
+                    <div class="modal-body">
+                        <p class="text-monospace">Version 1.3-GIT_HASH</p>
+                        <p>©2020 OpenFusion Contributors<br>OpenFusion is licensed under MIT.<br></p>
+                    </div>
+                    <div class="modal-footer">
+                        <div class="row flex-fill">
+                            <div class="col"><button class="btn btn-primary border rounded border-primary pb-1 pt-1 mr-2 pl-2 pr-2" data-toggle="tooltip" data-bs-tooltip="" type="button" title="Github Page" onclick="window.open(&#39;https://github.com/OpenFusionProject/OpenFusion&#39;,&#39;_blank&#39;);"><i class="fab fa-github" style="font-size: 24px;"></i></button><button class="btn btn-primary border rounded border-primary pb-1 pt-1 pl-2 pr-2" data-toggle="tooltip" data-bs-tooltip="" type="button" title="DIscord Chat" onclick="window.open(&#39;https://discord.gg/DYavckB&#39;,&#39;_blank&#39;);"><i class="fab fa-discord" style="font-size: 24px; position:relative; top: 1px;"></i></button></div>
+                            <div class="col text-right"><button class="btn btn-primary border rounded border-primary" type="button" data-dismiss="modal">Close</button></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="modal fade" role="dialog" tabindex="-1" id="of-addservermodal">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h4 class="modal-title">Add Server</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+                    </div>
+                    <div class="modal-body">
+                        <form id="addserver-form" class="needs-validation"><label for="addserver-descinput">Server Description</label><input class="form-control form-row w-75" type="text" id="addserver-descinput" name="of-serverdesc-field" placeholder="My OpenFusion Server" required="" minlength="1" maxlength="70"><label for="addserver-ipinput">Server IP</label><input class="form-control form-row w-75" type="text" id="addserver-ipinput" name="of-serverip-field" placeholder="127.0.0.1:23000" required="" pattern="^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]):[0-9]+$"><label for="addserver-versionselect">Game Version:&nbsp;</label><select class="form-control w-50" id="addserver-versionselect" required="" style="margin-left: -5px;">
+                                <option value="" selected="" id="addserver-versionlist-placeholder" disabled="">Please select a verison...</option>
+                            </select></form>
+                    </div>
+                    <div class="modal-footer"><button class="btn btn-primary border rounded border-primary btn-danger border-danger" id="addserver-cancel" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary disabled border rounded border-primary btn-success border-success" id="addserver-savebutton" type="submit" data-dismiss="modal" disabled="" form="addserver-form">Save</button></div>
+                </div>
+            </div>
+        </div>
+        <div class="modal fade" role="dialog" tabindex="-1" id="of-deleteservermodal">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h4 class="modal-title">Are you sure?</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+                    </div>
+                    <div class="modal-body">
+                        <p class="lead">Do you really want to delete&nbsp;<a id="deleteserver-servername">SERVER_NAME</a>?<br>You could always re-add it later.</p>
+                    </div>
+                    <div class="modal-footer"><button class="btn btn-primary border rounded border-primary" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary border rounded border-primary btn-danger border-danger" id="deleteserver-button" type="button" data-dismiss="modal">Yes, Delete</button></div>
+                </div>
+            </div>
+        </div>
+        <div id="of-versionnumber"><a class="text-monospace text-secondary" href="#of-aboutmodal" data-toggle="modal" data-target="#of-aboutmodal">v1.3</a></div>
+    </section>
+    <section>
+        <div id="client" style="width: 100%;height: 100%;margin: 0;padding: 0;background: #000;clear:both;"></div>
+    </section>
+    <script src="assets/js/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bs-init.js"></script>
+    <script src="assets/js/uuidv4.min.js"></script>
+    <script src="assets/js/serverselector.js"></script>
+    <script src="assets/js/gameclient.js"></script>
+    <script src="assets/js/snowflakes.min.js"></script>
+    <script src="assets/js/eastereggs.js"></script>
+</body>
+
+</html>

resources/app/gamepage/assetInfo.php

@@ -1 +0,0 @@
-http://ht.cdn.turner.com/ff/big/beta-20100104/

resources/app/gamepage/images.php

@@ -1 +0,0 @@
-img/welcome.png

resources/app/gamepage/index.html

@@ -1,82 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>OpenFusion</title>
-	
-	<style type="text/css">
-		body {
-			margin: 0; 
-			padding: 0;
-			width: 100%;
-			height: 100%;
-			background-color: black;
-			color: white;
-			overflow: hidden;
-		}
-		#container {
-			margin: 0;
-			padding: 0;
-			width: 100%;
-			height: 100%;
-			clear: both;
-		}
-		#client {
-			background-color: black;
-		}
-	</style>
-
-	<script type="text/javascript">
-		function OnResize() {
-			var unity = document.getElementById('Unity_embed');
-			unity.style.width = window.innerWidth + 'px';
-			unity.style.height = window.innerHeight + 'px';
-		}
-	</script>
-</head>
-<body onresize="OnResize()">
-	<div id="container">
-		<script language="JavaScript" type="text/javascript">
-			var ipc = require("ipc")
-			// Unity invoked MarkProgress method.
-			function MarkProgress(param) {}
-
-			// allows us to skip the login screen 
-			/*function authDoCallback(param) {
-				var unity = document.getElementById('Unity_embed');
-			    unity.SendMessage("GlobalManager", "SetTEGid", "player");
-			    unity.SendMessage("GlobalManager", "SetAuthid", "0");
-			    unity.SendMessage("GlobalManager", "DoAuth", 0);
-			}*/
-
-			function redirect(html) {
-				ipc.send("exit", 0);
-			}
-
-			function HomePage(param) {
-				ipc.send("exit", 0);
-			}
-
-			function PageOut(param) {
-				ipc.send("exit", 0);
-			}
-
-			function updateSocialOptions(param) {
-				ipc.send("exit", 0);
-			}
-
-			function PayPage(param) {
-				ipc.send("exit", 0);
-			}
-
-		</script>
-		<div id="client">
-	        <object classid="clsid:444785F1-DE89-4295-863A-D46C3A781394" codebase="undefined/UnityWebPlayer.cab#version=2,0,0,0" id="Unity_object" width="1264" height="661">
-	        	<embed type="application/vnd.unity" pluginspage="http://www.unity3d.com/unity-web-player-2.x" id="Unity_embed" width="1280" height="680" src="http://ht.cdn.turner.com/ff/big/beta-20100104/main.unity3d" disablecontdparaextmenu="true" bordercolor="000000" backgroundcolor="000000" disableContextMenu=true textcolor="ccffff" logoimage="img/unity_dexlabs.png" progressbarimage="img/unity_loadingbar.png" progressframeimage="img/unity_loadingframe.png" autoupdateurlsignature="42180ee5edc4e3d4dd706bcc17cedd8d6ec7b7ac463071fd34ab97fe181f1a78df31db5feb4526677e4f69ef53acaff44471591e68b87f041c80fd54765f0d5725b08aa28f5acf7716ffb2a04e971269f35925c7e38d57dd78f6a206530caaa3da7e32f07f19810efc0ebf29a4eae976a925ad9cc5beb4dd51564c67dc489033" autoupdateurl="http://wp-cartoonnetwork.unity3d.com/ff/big/beta-20111013/autodownload_webplugin_beta">
-	    	</object>
-		</div>
-		<script type="text/javascript">
-			OnResize(); // perfect fit, called after Unity_object is initialized
-		</script>
-	</div>
-</body>
-</html>

resources/app/gamepage/loginInfo.php

@@ -1 +0,0 @@
-144.202.52.9:23000

resources/app/gamepage/rankurl.txt

@@ -1 +0,0 @@
-http://dexlabs.systems/api/ranks

resources/app/gamepage/sponsor.php

@@ -1 +0,0 @@
-img/welcome.png

resources/app/index.js

@@ -1,9 +1,8 @@
 var app = require('app');  // Module to control application life.
 var ipc = require('ipc');
 var fs = require('fs');
-var os = require('os'); // Required for TEMP folder check
-var dialog = require('dialog'); // Required for TEMP folder check
-var child = require('child_process'); // Required for automatic Unity install
+var os = require('os');
+var dialog = require('dialog');
 var BrowserWindow = require('browser-window');
 
 var mainWindow = null;
@@ -17,7 +16,7 @@ function copyFile(src, dst) {
 
 function initialSetup() {
   // Exec installUnity.bat and wait for it to finish.
-  child.execFileSync('cmd.exe', ['/c', 'utils\\installUnity.bat']);
+  require('child_process').execFileSync('cmd.exe', ['/c', 'utils\\installUnity.bat']);
   console.log("Unity installed.");
 
   // Copy over files with default values
@@ -63,8 +62,15 @@ app.on('ready', function() {
   mainWindow = new BrowserWindow({width: 1280, height: 720, show: false, "web-preferences": {"plugins": true}});
   mainWindow.setMinimumSize(640, 480);
 
+
+  // Makes it so external links are opened in the system browser, not Electron
+  mainWindow.webContents.on('new-window', function(e, url) {
+    e.preventDefault();
+    require('shell').openExternal(url);
+  });
+
   // and load the index.html of the app.
-  mainWindow.loadUrl('file://' + __dirname + '/menu/index.html');
+  mainWindow.loadUrl('file://' + __dirname + '/files/index.html');
 
   // Reduces white flash when opening the program
   // Eliminating it entirely requires a newer Electron ver :(
@@ -74,7 +80,7 @@ app.on('ready', function() {
     }, 40);
   });
 
-  //mainWindow.webContents.openDevTools()
+  //mainWindow.webContents.openDevTools()  
 
   mainWindow.on('closed', function() {
     mainWindow = null;

resources/app/menu/index.html

@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>OpenFusion: Server Selector</title>
-    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
-    <link rel="stylesheet" href="assets/css/openfusion.css">
-    <link rel="stylesheet" href="assets/css/styles.css">
-</head>
-
-<body style="background: rgb(0,0,0);">
-    <div class="container" id="of-server-picker">
-        <div class="row text-center mt-3" id="of-logoheader">
-            <div class="col"><img class="img-fluid" id="of-logo" src="assets/img/of-3.png" width="256">
-                <p id="of-intro-text">Welcome to OpenFusion.<br>Select a server from the list below to get started.</p>
-            </div>
-        </div>
-        <div class="row d-sm-flex d-xl-flex justify-content-center justify-content-sm-center justify-content-xl-center" id="of-serverlist">
-            <div class="col-8 mb-2">
-                <div class="table-responsive text-center border rounded border-primary" id="server-table">
-                    <table class="table table-striped table-hover mb-0">
-                        <thead>
-                            <tr>
-                                <th>Description</th>
-                                <th>Game Version</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr id="server-listing-placeholder">
-                                <td colspan="2">No servers added yet... perhaps you should find one?</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
-        <div class="row row-cols-2 d-xl-flex justify-content-center justify-content-xl-center" id="of-serverbuttons" style="padding-bottom: 16px;">
-            <div class="col-4 text-left d-inline-flex justify-content-xl-start"><button class="btn btn-success mr-1" data-toggle="modal" data-bs-tooltip="" data-placement="bottom" id="of-addserver-button" type="button" title="Add Server" data-target="#of-addservermodal"><i class="fas fa-plus"></i></button><button class="btn btn-danger disabled" data-toggle="modal" data-bs-tooltip="" data-placement="bottom" id="of-deleteserver-button" type="button" title="Delete Server" data-target="#of-deleteservermodal" disabled=""><i class="fas fa-trash-alt"></i></button></div>
-            <div class="col-4 d-inline-flex justify-content-end"><button class="btn btn-primary" id="of-connect-button" type="button" onclick="$(&quot;div&quot;).fadeOut()">Connect&nbsp;<i class="fas fa-angle-double-right"></i></button></div>
-        </div>
-    </div>
-    <div class="modal fade" role="dialog" tabindex="-1" id="of-aboutmodal">
-        <div class="modal-dialog modal-dialog-centered" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h4 class="modal-title">About OpenFusionClient</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                </div>
-                <div class="modal-body">
-                    <p class="text-monospace">Version 1.3-GIT_HASH</p>
-                    <p>©2020 OpenFusion Contributors<br>OpenFusion is licensed under MIT.<br></p>
-                </div>
-                <div class="modal-footer">
-                    <div class="row flex-fill">
-                        <div class="col"><button class="btn btn-primary border rounded border-primary pb-1 pt-1 mr-2 pl-2 pr-2" data-toggle="tooltip" data-bs-tooltip="" type="button" title="Github Page" onclick="openGithubPage();"><i class="fab fa-github" style="font-size: 24px;"></i></button><button class="btn btn-primary border rounded border-primary pb-1 pt-1 pl-2 pr-2" data-toggle="tooltip" data-bs-tooltip="" type="button" title="DIscord Chat" onclick="openDiscordPage();"><i class="fab fa-discord" style="font-size: 24px; position:relative; top: 1px;"></i></button></div>
-                        <div class="col text-right"><button class="btn btn-primary border rounded border-primary" type="button" data-dismiss="modal">Close</button></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="modal fade" role="dialog" tabindex="-1" id="of-addservermodal">
-        <div class="modal-dialog modal-dialog-centered" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h4 class="modal-title">Add Server</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                </div>
-                <div class="modal-body">
-                    <fieldset class="text-left" name="of-addserver-fields"><label>Server Description<input type="text" id="addserver-descinput" class="form-row" name="of-serverdesc-field" placeholder="My OpenFusion Server" required="" size="50" minlength="1" maxlength="70"></label><label>Server IP<input type="text" id="addserver-ipinput" class="form-row" name="of-serverip-field" placeholder="127.0.0.1:23000" size="50" required="" pattern="^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]):[0-9]+$"></label></fieldset><label>Game Version:&nbsp;<select id="addserver-versionselect" required="">
-                            <option value="" selected="" id="addserver-versionlist-placeholder" disabled="">Please select a verison...</option>
-                        </select></label>
-                </div>
-                <div class="modal-footer"><button class="btn btn-primary border rounded border-primary btn-danger border-danger" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary disabled border rounded border-primary btn-success border-success" id="addserver-savebutton" type="button" data-dismiss="modal" disabled="">Save</button></div>
-            </div>
-        </div>
-    </div>
-    <div class="modal fade" role="dialog" tabindex="-1" id="of-deleteservermodal">
-        <div class="modal-dialog modal-dialog-centered" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h4 class="modal-title">Are you sure?</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                </div>
-                <div class="modal-body">
-                    <p class="lead">Do you really want to delete&nbsp;<a id="deleteserver-servername">SERVER_NAME</a>?<br>You could always re-add it later.</p>
-                </div>
-                <div class="modal-footer"><button class="btn btn-primary border rounded border-primary" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary border rounded border-primary btn-danger border-danger" id="deleteserver-button" type="button" data-dismiss="modal">Yes, Delete</button></div>
-            </div>
-        </div>
-    </div>
-    <div id="of-versionnumber"><a class="text-monospace text-secondary" href="#of-aboutmodal" data-toggle="modal" data-target="#of-aboutmodal">v1.3</a></div>
-    <script src="assets/js/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script>
-    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
-    <script src="assets/js/bs-init.js"></script>
-    <script src="assets/js/snowflakes.min.js"></script>
-    <script src="assets/js/eastereggs.js"></script>
-    <script src="assets/js/uuidv4.min.js"></script>
-</body>
-
-</html>