whoami/index.html at master · stko/whoami · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Who Am I - designed by Nathalie &amp; Chris</title>

	<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
	<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
	<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

	<script src="https://unpkg.com/vue@2.2.4/dist/vue.js"></script>

	<link rel="stylesheet" href="whoami.css">
	<script src="whoami.js"></script>
</head>
<body>

	<div id="page" data-role="page">
	<div id="header" data-role="header">
		<h1>Who Am I</h1>Invented by Nathalie &amp; Chris
	</div>
	<div role="main" class="ui-content">
		<label for="name">Your Name:</label>
		<input type="text" name="username" id="username" placeholder="Enter your Name here" value="">
		<label for="gameid">Game ID:<a href="#"  onclick="doShare();" id="sharebutton" class="ui-btn ui-state-enabled ui-btn-inline ui-icon-star ui-btn-icon-notext ui-corner-all">No text</a></label>
		<input type="text" name="gameid" id="gameid" placeholder="Enter a game ID to join an running game" value="">

		<!-- <a  class="ui-btn"  name="connectButton" id="connectButton"  onclick="doConnect();">Connect</a> -->
		<a  class="ui-btn"  name="connectButton" id="connectButton"  onclick="doConnect();">Connect</a>
		<div id="hint"></div>
		<table id="tab">
		</table>
		<div data-role="popup" data-history="false" id="popupWhoAmI" data-theme="a" class="ui-corner-all">
			<form name="whoamiform" onsubmit="return false;">
				<div style="padding:10px 20px;">
					<h3>Who Am I</h3>
					<label for="player">New Identity of</label>
					<input type="text" name="player" id="player" value="" placeholder="Players Name" data-theme="a">
					<label for="whoami">shall be:</label>
					<input type="text" name="whoami" id="whoami" value="" placeholder="the new identity" data-theme="a">
					<button class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check" onclick="doGiveName(true);">Assign new Identity</button>
					<button class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-delete" onclick="doGiveName(false);">Cancel</button>
				</div>
			</form>
		</div>
		<a href="#popupNewGame" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-delete ui-btn-icon-left ui-btn-b">Restart the Game</a>
		<div data-role="popup" data-history="false" id="popupNewGame" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:400px;">
			<div data-role="header" data-theme="a">
			<h1>Restart?</h1>
			</div>
			<div role="main" class="ui-content">
				<h3 class="ui-title">Are you sure you want restart the game?</h3>
				<p>This action cannot be undone.</p>
				<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Cancel</a>
				<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back"  onclick="doNewGame();" data-transition="flow">Restart</a>
			</div>
		</div>
		<div id="footer" data-role="footer">
			Powered by <a href="https://github.com/stko/whoami">Github</a>
		</div>
	</div>
	</div>
</body>
</html>