2020-06-29 22:49:03 +08:00
<!DOCTYPE html>
2024-02-25 01:59:42 +08:00
< html xmlns:th = "http://www.thymeleaf.org" id = "html" theme = "light" enableFog = "true" backgroundColor = "default" >
2020-06-29 22:49:03 +08:00
< head >
2020-08-27 22:06:12 +08:00
< meta charset = "UTF-8" >
2020-06-29 22:49:03 +08:00
< title > Welcome< / title >
2020-08-02 11:24:14 +08:00
< link rel = "shortcut icon" type = "image/x-icon" th:href = "@{/img/ico/favicon.ico}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/assets/bootstrap.min.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/assets/dhtmlx.light.min.css}" title = "light" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/assets/dhtmlx.dark.min.css}" title = "dark" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/animations.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/colors.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/dimensions.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/fonts.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/gradients.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/layout.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/shadows.css}" / >
< link rel = "stylesheet" type = "text/css" th:href = "@{/css/themes.css}" / >
2020-07-01 16:43:00 +08:00
< script type = "text/javascript" th:src = "@{/js/assets/dhtmlx.min.js}" > < / script >
2020-07-04 16:23:18 +08:00
< script type = "text/javascript" th:src = "@{/js/assets/three.min.js}" > < / script >
< script type = "text/javascript" th:src = "@{/js/assets/vanta.min.js}" > < / script >
< script type = "text/javascript" th:src = "@{/js/background.js}" > < / script >
2020-06-29 22:49:03 +08:00
< script type = "text/javascript" th:src = "@{/js/globals.js}" > < / script >
2020-07-15 05:49:21 +08:00
< script type = "text/javascript" th:src = "@{/js/setup.js}" > < / script >
2020-06-29 22:49:03 +08:00
< script type = "text/javascript" th:inline = "javascript" > globalsInitialization ( ) ; < / script >
2023-09-15 01:34:31 +08:00
< script >
document.addEventListener("DOMContentLoaded", function() {
var input = document.getElementById('port');
input.addEventListener('input', function() {
this.value = this.value.replace(/[^0-9]/g, ''); // Remove all non-numeric characters
if (this.value.length > 5) {
this.value = this.value.slice(0, 5); // Limit to 5 digits
}
});
});
< / script >
2020-06-29 22:49:03 +08:00
< / head >
< body id = "background" >
2020-07-04 16:23:18 +08:00
< script type = "text/javascript" th:inline = "javascript" > backgroundInitialization ( ) ; < / script >
2020-07-17 21:25:48 +08:00
< div class = "container setup" >
2020-07-18 06:30:44 +08:00
< div class = "setup-div" >
2020-07-17 21:25:48 +08:00
< div class = "logo" > WARD< / div >
< div class = "logo-description" > SERVER DASHBOARD< / div >
< div class = "clouds" >
2020-07-18 17:51:27 +08:00
< img class = "first" th:src = @{/img/logo/clouds/left.png} / >
< img class = "second" th:src = @{/img/logo/clouds/right.png} / >
2020-06-29 22:49:03 +08:00
< / div >
2020-07-18 06:30:44 +08:00
< img class = "background" th:src = @{/img/logo/background.png} / >
2020-06-29 22:49:03 +08:00
< div class = "form" >
< div class = "form-squares-grid" >
< div class = "first" > < / div >
< div class = "second" > < / div >
< div class = "third" > < / div >
< / div >
2020-07-27 01:27:12 +08:00
< div class = "label-main-settings" > MAIN SETTINGS< / div >
< div class = "main-settings" >
< input id = "server-name" type = "text" maxlength = "10" placeholder = "Server Name" / >
2020-08-25 22:55:13 +08:00
< div class = "main-settings-underline first" > < / div >
2020-06-29 22:49:03 +08:00
< / div >
2020-07-27 01:27:12 +08:00
< div class = "label-additional-settings" > ADDITIONAL SETTINGS< / div >
2020-06-29 22:49:03 +08:00
< div class = "additional-settings" >
2020-07-12 02:38:20 +08:00
< div class = "button-squares-grid" >
< div id = "light-theme-square" class = "first" > < / div >
< div id = "dark-theme-square" class = "second" > < / div >
< / div >
2020-07-27 01:27:12 +08:00
< div class = "theme-buttons" >
< input id = "light-theme" class = "first" type = "button" value = "LIGHT THEME" / >
< input id = "dark-theme" class = "second" type = "button" value = "DARK THEME" / >
2020-06-29 22:49:03 +08:00
< / div >
2024-02-25 01:59:42 +08:00
< label class = "label-additional-settings" > < span > ENABLE BACKGROUND FOG< / span > < input id = "fog-toggle" class = "fog-toggle" type = "checkbox" name = "enableFog" checked > < / label >
< label class = "label-additional-settings" title = "Disable Fog to select" > < span > SELECT BACKGROUND COLOR< / span > < input id = "color-selector" class = "color-selector" type = "color" value = "#e5e5e5" disabled > < / label >
2020-07-27 01:27:12 +08:00
< input id = "port" class = "port" type = "text" maxlength = "5" placeholder = "Application Port" / >
2020-06-29 22:49:03 +08:00
< / div >
2020-07-27 01:27:12 +08:00
< input id = "submit" class = "submit" type = "button" value = "LAUNCH" / >
2020-06-29 22:49:03 +08:00
< / div >
< / div >
< / div >
2020-07-15 05:49:21 +08:00
< script type = "text/javascript" th:inline = "javascript" > setupInitialization ( ) ; < / script >
2020-06-29 22:49:03 +08:00
< / body >
< / html >