96 lines
4.0 KiB
HTML
96 lines
4.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
|
<title>VPS Panel</title>
|
||
|
|
<link rel="stylesheet" href="/content/AkiraVoid/lib/mdl/material.min.css">
|
||
|
|
<link rel="stylesheet" href="/content/AkiraVoid/lib/mdl/iconfont/material-icons.css">
|
||
|
|
<link rel="stylesheet" href="/content/AkiraVoid/css/main.css">
|
||
|
|
<script src="/content/AkiraVoid/lib/mdl/material.min.js"></script>
|
||
|
|
<script src="/content/AkiraVoid/js/main.js"></script>
|
||
|
|
<script src="/content/AkiraVoid/js/jquery.min.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="flex col">
|
||
|
|
<header class="flex row verticalCenter">
|
||
|
|
<button id="menu"
|
||
|
|
class="menuButton mdl-button mdl-js-button mdl-js-ripple-effect flex verticalCenter horizontalCenter">
|
||
|
|
<i class="material-icons">menu</i>
|
||
|
|
</button>
|
||
|
|
<p class="headerTitle">VPS Panel</p>
|
||
|
|
<button
|
||
|
|
class="mdl-button mdl-js-button mdl-js-ripple-effect flex verticalCenter horizontalCenter menuButton righthand"
|
||
|
|
id="notiButton">
|
||
|
|
<i class="material-icons" data="0" id="notiIco">notifications</i>
|
||
|
|
</button>
|
||
|
|
</header>
|
||
|
|
<div class="flex row content" id="mainContent">
|
||
|
|
<div class="drawerContainer row">
|
||
|
|
<div class="drawer mdl-shadow--4dp" style="z-index: 2;background: white" id="drawerMenu">
|
||
|
|
<div class="flex row drawerButton verticalCenter" id="homeButton">
|
||
|
|
<div class="drawerLogo flex verticalCenter horizontalCenter">
|
||
|
|
<i class="material-icons">home</i>
|
||
|
|
</div>
|
||
|
|
<div class="drawerText flex verticalCenter">
|
||
|
|
<p class="drawerText--text">Home</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex row drawerButton verticalCenter" id="serverButton">
|
||
|
|
<div class="drawerLogo flex verticalCenter horizontalCenter">
|
||
|
|
<i class="material-icons">dns</i>
|
||
|
|
</div>
|
||
|
|
<div class="drawerText flex verticalCenter">
|
||
|
|
<p class="drawerText--text">Server</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex row drawerButton verticalCenter" id="netButton">
|
||
|
|
<div class="drawerLogo flex verticalCenter horizontalCenter">
|
||
|
|
<i class="material-icons">router</i>
|
||
|
|
</div>
|
||
|
|
<div class="drawerText flex verticalCenter">
|
||
|
|
<p class="drawerText--text">Network Status</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex row drawerButton verticalCenter" id="userButton">
|
||
|
|
<div class="drawerLogo flex verticalCenter horizontalCenter">
|
||
|
|
<i class="material-icons">person</i>
|
||
|
|
</div>
|
||
|
|
<div class="drawerText flex verticalCenter">
|
||
|
|
<p class="drawerText--text">User</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<main class="flex horizontalCenter mainContent col" id="content">
|
||
|
|
|
||
|
|
</main>
|
||
|
|
<div class="mask" id="menuMask"></div>
|
||
|
|
</div>
|
||
|
|
<div class="mdl-tooltip" data-mdl-for="homeButton">
|
||
|
|
Go to Homepage
|
||
|
|
</div>
|
||
|
|
<div class="mdl-tooltip" data-mdl-for="serverButton">
|
||
|
|
Server Manage
|
||
|
|
</div>
|
||
|
|
<div class="mdl-tooltip" data-mdl-for="netButton">
|
||
|
|
Network Manage
|
||
|
|
</div>
|
||
|
|
<div class="mdl-tooltip" data-mdl-for="userButton">
|
||
|
|
User Manage
|
||
|
|
</div>
|
||
|
|
<div class="mdl-tooltip" data-mdl-for="menu" id="menuTip">
|
||
|
|
Expand Menu
|
||
|
|
</div>
|
||
|
|
<div class="mdl-tooltip" data-mdl-for="notiButton" id="notiTip">
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
window.onload = function () {
|
||
|
|
Page.InitializePage("home");
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|