1 files changed, 70 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b7e2aaf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,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>