75 lines
2.2 KiB
HTML
75 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Game Show</title>
|
|
<link rel="stylesheet" href="onsenui/css/onsenui.css">
|
|
<link rel="stylesheet" href="onsenui/css/onsen-css-components.min.css">
|
|
<script src="onsenui/js/onsenui.min.js" charset="utf-8"></script>
|
|
<script src="js/socket.io.js" charset="utf-8"></script>
|
|
<script src="js/jquery-3.4.1.min.js" charset="utf-8"></script>
|
|
<script src="js/main.js" charset="utf-8"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<style>
|
|
#blocker {
|
|
position: absolute;
|
|
z-index: 100;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: none;
|
|
}
|
|
</style>
|
|
<div id="blocker">
|
|
</div>
|
|
<ons-page>
|
|
<ons-toolbar>
|
|
<div class="center">Login</div>
|
|
</ons-toolbar>
|
|
<section style="padding: 8px">
|
|
<ons-input modifier="large" id="name">Teamname</ons-input>
|
|
<p></p>
|
|
<ons-button modifier="large" onclick="login()">Login</ons-button>
|
|
<p></p>
|
|
<ons-button modifier="large" onclick="relogin()">Relogin</ons-button>
|
|
</section>
|
|
</ons-page>
|
|
|
|
<ons-page style="display: none;" id="MC">
|
|
<ons-toolbar>
|
|
<div class="center">Multiple Choise</div>
|
|
</ons-toolbar>
|
|
<section style="padding: 8px">
|
|
<ons-button class="antwort" modifier="large" onclick="antwort('A')">A</ons-button>
|
|
<p></p>
|
|
<ons-button class="antwort" modifier="large" onclick="antwort('B')">B</ons-button>
|
|
<p></p>
|
|
<ons-button class="antwort" modifier="large" onclick="antwort('C')">C</ons-button>
|
|
<p></p>
|
|
<ons-button class="antwort" modifier="large" onclick="antwort('D')">D</ons-button>
|
|
</section>
|
|
</ons-page>
|
|
<ons-page style="display: none;" id="BZ">
|
|
<ons-toolbar>
|
|
<div class="center">Buzzern</div>
|
|
</ons-toolbar>
|
|
<section style="padding: 8px">
|
|
<ons-button class="antwort" modifier="large" onclick="antwort('BZ')">Buzzer</ons-button>
|
|
</section>
|
|
</ons-page>
|
|
<ons-page style="display: none;" id="text">
|
|
<ons-toolbar>
|
|
<div class="center">Text</div>
|
|
</ons-toolbar>
|
|
<section style="padding: 8px">
|
|
<ons-input modifier="large" id="textinput">Text</ons-input>
|
|
<p></p>
|
|
<ons-button class="antwort" modifier="large" onclick="senden()">Senden</ons-button>
|
|
</section>
|
|
</ons-page>
|
|
</body>
|
|
|
|
</html>
|