mirror of
https://github.com/Threnklyn/MinecraftChat.git
synced 2026-05-19 12:53:27 +02:00
AlexKvazos
78 lines
2.9 KiB
HTML
78 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Minecraft Chat | AlexKvazos</title>
|
|
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
|
|
<link rel="stylesheet" href="//bootswatch.com/cyborg/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
</head>
|
|
<body ng-app="chat">
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
|
<a class="navbar-brand" href="/">Minecraft Chat</a>
|
|
<ul class="nav navbar-nav">
|
|
<li><a href="#" data-toggle="modal" data-target="#connectModal">Connect</a></li>
|
|
</ul>
|
|
<ul class="nav navbar-nav pull-right">
|
|
<li><a style="color:#9E0F06">Not Connected</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div id="buffer">
|
|
|
|
</div>
|
|
|
|
<form>
|
|
<div id="chat">
|
|
<input type="text" ng-model="chat" placeholder="Type to chat...">
|
|
</div>
|
|
|
|
<div id="send">
|
|
<input type="submit" value="Chat">
|
|
</div>
|
|
</form>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="connectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title" id="myModalLabel">Connect to Minecraft server</h4>
|
|
<p>This application only works with 1.8 Minecraft servers.</p>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form>
|
|
<div class="form-group">
|
|
<label>Minecraft Username</label>
|
|
<input type="text" ng-model="username" class="form-control" placeholder="Steve">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Minecraft Password</label>
|
|
<input type="password" ng-model="password" class="form-control" placeholder="">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Server IP</label>
|
|
<input type="password" ng-model="ip" class="form-control" placeholder="mc.server.com">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Server Port (Leave empty if unknown)</label>
|
|
<input type="password" ng-model="port" class="form-control" placeholder="25565">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Connect</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
|
|
<script src="/static/js/lib/socket.io.js"></script>
|
|
<script src="/static/js/app.js"></script>
|
|
|
|
</body>
|
|
</html> |