aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
blob: b7e2aaf25d021a76a914abadd9323e6a7ac950d3 (plain)
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
67
68
69
70
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<meta charset="utf-8">
	<meta http-equiv="cache-control" content="no-cache" />
	<title>Who Am I?</title>
	<meta name="description" content="">

	<meta name="viewport" content="width=device-width">
	
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="vendor/jquery.mobile-1.3.1.min.css" media="screen" />
	
	<script src="vendor/ContentFlow/contentflow.js"></script>
	<!-- <script src="vendor/zepto.js"></script> -->
	<script src="vendor/jquery-2.0.0.min.js"></script>
	<script src="vendor/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
	<div role="main">
		<iframe width="680" height="360" src="http://www.youtube.com/embed/Yj1TXR68BPA" frameborder="0" allowfullscreen></iframe>
		
		<section id="character-select">
			<div class="loadIndicator"><div class="indicator"></div></div>
			
			<div class="flow">
				<div class="item">
					<img class="content" src="characters-sample/homer.png" alt="Homer" />
					<div class="caption">Homer</div>
				</div>
				
				<div class="item">
					<img class="content" src="characters-sample/marge.png" alt="Marge" />
					<div class="caption">Marge</div>
				</div>
				
				<div class="item">
					<img class="content" src="characters-sample/lisa.png" alt="Lisa" />
					<div class="caption">Lisa</div>
				</div>
				
				<div class="item">
					<img class="content" src="characters-sample/bart.png" alt="Bart" />
					<div class="caption">Bart</div>
				</div>
				
				<div class="item">
					<img class="content" src="characters-sample/maggie.png" alt="Maggie" />
					<div class="caption">Maggie</div>
				</div>
			</div>
			
	        <div class="globalCaption"></div>
	        <!-- <div class="scrollbar">
	            <div class="slider"><div class="position"></div></div>
	        </div> -->
		</section>
		
		<section id="actions">
			<a href="leaderboard.html" data-role="button" data-theme="b" data-inline="true" data-rel="dialog" data-transition="pop">Leaderboard</a>
			
			<a href="rules.html" data-role="button" data-theme="b" data-inline="true" data-rel="dialog" data-transition="pop">Rules</a>
		</section>
	</div>
	
	
	<script src="main.js"></script>
</body>
</html>