2021-05-26 14:26:05 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2021-06-24 12:46:34 +00:00
|
|
|
<meta charset="UTF-8"
|
|
|
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, autoRotate:disabled"
|
|
|
|
|
name="viewport"/>
|
2021-05-26 14:26:05 +00:00
|
|
|
<title>Projektmanagement Game</title>
|
|
|
|
|
|
2021-05-26 17:34:31 +00:00
|
|
|
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
|
2021-05-26 14:26:05 +00:00
|
|
|
|
2021-05-26 17:34:31 +00:00
|
|
|
<link href="css/components.css" rel="stylesheet">
|
|
|
|
|
<link href="css/header.css" rel="stylesheet">
|
2021-05-26 20:58:00 +00:00
|
|
|
|
2021-05-26 17:34:31 +00:00
|
|
|
<link href="css/chat.css" rel="stylesheet">
|
2021-05-26 20:58:00 +00:00
|
|
|
<link href="css/game.css" rel="stylesheet">
|
2021-05-26 14:26:05 +00:00
|
|
|
|
2021-05-26 17:34:31 +00:00
|
|
|
<link href="css/index.css" rel="stylesheet">
|
2021-05-26 14:26:05 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<header>
|
2021-06-21 19:03:41 +00:00
|
|
|
<div class="spielanleitung"><span
|
|
|
|
|
onclick="document.getElementById('modal').style.display = 'block';">Spielanleitung</span></div>
|
2021-06-10 14:13:42 +00:00
|
|
|
<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>
|
2021-05-26 14:26:05 +00:00
|
|
|
</header>
|
|
|
|
|
<main>
|
2021-06-21 19:03:41 +00:00
|
|
|
<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">
|
2021-06-08 13:38:43 +00:00
|
|
|
|
2021-06-21 19:03:41 +00:00
|
|
|
<label for="room">Raumnummer: </label>
|
|
|
|
|
<input id="room" name="room" placeholder="Raumnummer" type="text">
|
2021-06-08 13:38:43 +00:00
|
|
|
|
2021-06-21 19:03:41 +00:00
|
|
|
<button id="ok" type="button">Bestätigen</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="game">
|
2021-06-08 13:38:43 +00:00
|
|
|
|
2021-06-21 19:03:41 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="chat">
|
|
|
|
|
<div id="messages_received"></div>
|
2021-05-26 14:26:05 +00:00
|
|
|
|
2021-06-21 19:03:41 +00:00
|
|
|
<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>
|
2021-05-26 17:34:31 +00:00
|
|
|
</div>
|
2021-05-26 14:26:05 +00:00
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<footer>
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
2021-06-09 12:11:47 +00:00
|
|
|
<script crossorigin="anonymous" referrerpolicy="no-referrer"
|
2021-06-10 14:27:32 +00:00
|
|
|
src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.1.2/socket.io.js"></script>
|
2021-06-15 06:59:05 +00:00
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/6.0.4/browser/pixi.js"></script>
|
2021-06-08 13:38:43 +00:00
|
|
|
<script src="js/Card.js"></script>
|
|
|
|
|
<script src="js/Button.js"></script>
|
|
|
|
|
<script src="js/Sprite.js"></script>
|
2021-05-26 20:58:00 +00:00
|
|
|
<script src="js/chat.js"></script>
|
|
|
|
|
<script src="js/game.js"></script>
|
2021-05-26 14:26:05 +00:00
|
|
|
<script src="js/index.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
