84 lines
2.9 KiB
HTML
84 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" content="user-scalable=no, autoRotate:disabled" name="viewport"/>
|
|
<title>Projektmanagement Game</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
|
|
|
|
<link href="css/components.css" rel="stylesheet">
|
|
<link href="css/header.css" rel="stylesheet">
|
|
|
|
<link href="css/chat.css" rel="stylesheet">
|
|
<link href="css/game.css" rel="stylesheet">
|
|
|
|
<link href="css/index.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="spielanleitung"><span
|
|
onclick="document.getElementById('modal').style.display = 'block';">Spielanleitung</span></div>
|
|
<div class="title">PM-Game</div>
|
|
<div class="build"><span>DATE_TO_BE_REPLACED</span><span><a href="COMMIT_LINK_TO_BE_REPLACED" target="_blank">COMMIT_TO_BE_REPLACED</a></span>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div id="main">
|
|
<div id="login">
|
|
<form>
|
|
<h2 id="error"></h2>
|
|
<label for="username">Benutzername: </label>
|
|
<input id="username" name="username" placeholder="Benutzername" type="text">
|
|
|
|
<label for="room">Raumnummer: </label>
|
|
<input id="room" name="room" placeholder="Raumnummer" type="text">
|
|
|
|
<button id="ok" type="button">Bestätigen</button>
|
|
</form>
|
|
</div>
|
|
<div id="game">
|
|
|
|
</div>
|
|
<div id="chat">
|
|
<div id="messages_received"></div>
|
|
|
|
<div id="message_add">
|
|
<form onsubmit="sendMessage(); return false;">
|
|
<label for="message_input"></label>
|
|
<textarea id="message_input" name="message" placeholder="Type here..."></textarea>
|
|
<button id="message_send" type="submit">Send</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="modal">
|
|
<div id="content">
|
|
<div id="modal_header">
|
|
<h3 id="modal_title">Spielanleitung</h3>
|
|
<span><i class="material-icon"
|
|
onclick="document.getElementById('modal').style.display = 'none';">close</i></span>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<iframe height="678"
|
|
id="spielanleitung"
|
|
src="data/Spielanleitung.pdf"
|
|
width="500">
|
|
</iframe>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
|
|
</footer>
|
|
|
|
<script crossorigin="anonymous" referrerpolicy="no-referrer"
|
|
src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.1.2/socket.io.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/6.0.4/browser/pixi.js"></script>
|
|
<script src="js/Card.js"></script>
|
|
<script src="js/Button.js"></script>
|
|
<script src="js/Sprite.js"></script>
|
|
<script src="js/chat.js"></script>
|
|
<script src="js/game.js"></script>
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html> |