120 lines
3.1 KiB
HTML
120 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>SockScape</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
<meta charset="UTF-8" />
|
|
|
|
<script type="text/javascript" src="lib/load.js"></script>
|
|
|
|
<script type="text/javascript" src="js/lib.js"></script>
|
|
<script type="text/javascript" src="js/scape.js"></script>
|
|
|
|
<script type="notjs" id="loading-vertex">
|
|
|
|
</script>
|
|
<script type="notjs" id="loading-frag">
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<canvas id="cs"></canvas>
|
|
<div id="modal" class="hidden">
|
|
|
|
</div>
|
|
|
|
<!-- THUGGINOMICS LOGIN CODE VERY FRAGILE -->
|
|
|
|
<div id="loginstration-wrap">
|
|
<h1 id="loginstration-header" class="loginstration-header">
|
|
S O C K S C A P E
|
|
</h1>
|
|
|
|
<div id="loginstration-login">
|
|
<input type="text" placeholder="USER" id="login-user-input"></input><br>
|
|
<input type="password" placeholder="PASSWORD" id="login-password-input"></input><br>
|
|
<button id="login-button-submit">ENTER THE REALM</button>
|
|
</div>
|
|
|
|
<div id="loginstration-registration">
|
|
<input type="text" placeholder="ENTER EMAIL" id="register-email-input"></input><br>
|
|
<input type="text" placeholder="ENTER USER NAME" id="register-user-input"></input><br>
|
|
<input type="password" placeholder="ENTER PASSWORD" id="register-password-input"></input><br>
|
|
<button id="register-button-submit">CREATE ACCOUNT</button><br>
|
|
<button id="register-button-cancel">CANCEL</button>
|
|
</div>
|
|
|
|
<button id="loginstration-registration-button">REGISTER</button>
|
|
|
|
</div>
|
|
|
|
<h1 class="error-homepage" id="error-homepage">Password is incorrect</h1>
|
|
|
|
<!-- AAAAAAAAAAA END -->
|
|
|
|
<!-- loading screen -->
|
|
|
|
|
|
<div id="loading-page">
|
|
<h1 class="loading-header">LOADING</h1>
|
|
<div id="loading-page-bar">
|
|
<h2 id="loading-page-bar-percent" class="loading-page-bar-percent">1%</h2>
|
|
<div id="loading-page-bar-progress"></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- loading end -->
|
|
|
|
|
|
<!-- FIRST UI -->
|
|
|
|
<div id="game-ui">
|
|
|
|
<div id="game-ui-sidebar-left">
|
|
|
|
<div id="game-ui-map">
|
|
map
|
|
</div>
|
|
|
|
<div id="game-ui-inventory">
|
|
inventory
|
|
</div>
|
|
|
|
<div id="game-ui-buttons">
|
|
|
|
<div id="game-ui-logout">
|
|
<p>LOGOUT</p>
|
|
</div>
|
|
|
|
<div id="game-ui-show-chat">
|
|
<p>SHOW <br> CHAT</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="game-ui-chat-wrap">
|
|
<div id="game-ui-chat-relative">
|
|
|
|
<div id="game-chat-window">
|
|
</di>
|
|
|
|
<div id="game-ui-chatbox">
|
|
<p>Say:</p><input type="text" id="chat"></input>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- END FIRST -->
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|