103 líneas
2.8 KiB
HTML
103 líneas
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>MagicWorld</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="stylesheet" href="libs/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/game.css" />
|
|
<script src="libs/pixi.min.js"></script>
|
|
<script src="libs/jquery.min.js"></script>
|
|
<script src="libs/bootstrap.min.js"></script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ice/3.7.1/Ice.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ice/3.7.1/Glacier2.js"></script>
|
|
|
|
<script src="js/mosters.js"></script>
|
|
<!--<script src="/js/resize.js"></script>-->
|
|
<script src="js/playerSprite.js"></script>
|
|
<script src="js/maps/map03.js"></script>
|
|
<script src="js/functions.js"></script>
|
|
<script src="js/game.js"></script>
|
|
<script src="js/MW.js"></script>
|
|
<script src="js/connect_test.js"></script>
|
|
<style>
|
|
#loading,
|
|
#login,
|
|
#comunicator {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
#login {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
#outputInput {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
textarea {
|
|
height: 500px !important;
|
|
resize: none;
|
|
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div id="loading" class="col-12 text-center">
|
|
*******
|
|
<span class="meter">Login pliss</span>
|
|
*******
|
|
</div>
|
|
|
|
<div id="login" class="col-12 form-row">
|
|
<div class="col">
|
|
<input id="username" class="form-control" placeholder="Username">
|
|
</div>
|
|
<div class="col">
|
|
<input id="password" class="form-control" placeholder="Password">
|
|
</div>
|
|
<button id="signin" class="btn btn-info">
|
|
Signin
|
|
</button>
|
|
|
|
<button id="signout" class="btn btn-danger">
|
|
Signout
|
|
</button>
|
|
</div>
|
|
<div id="signin-alert" class="col-6">
|
|
Signin-alert:
|
|
<span class=" alert alert-success"> </span>
|
|
</div>
|
|
<div id="signin-form" class="col-6">
|
|
Signin-form:
|
|
<span class="alert alert-warning"> </span>
|
|
</div>
|
|
<div id="comunicator" class="col-12">
|
|
<div class="form-row col-12">
|
|
<div class="col">
|
|
<label id="outputLabel" for="output">Output:</label>
|
|
<textarea id="output" class="form-control" disabled></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-row col-12">
|
|
<label id="outputInput" for="input" class="col-12">Input:</label>
|
|
<div class="col">
|
|
<input id="input" class="form-control">
|
|
</div>
|
|
<div>
|
|
<button id="send" class="btn btn-success float-right">
|
|
Send
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|