1 files changed, 73 insertions, 0 deletions
diff --git a/views/index.ejs b/views/index.ejs
new file mode 100644
index 0000000..d07a1c0
--- /dev/null
+++ b/views/index.ejs
@@ -0,0 +1,73 @@
+<!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="/stylesheets/style.css" media="screen" />
+	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
+	
+	<script src="/javascripts/vendor/ContentFlow/contentflow.js"></script>
+	<script src="/javascripts/vendor/jquery-2.0.0.min.js"></script>
+	<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
+</head>
+<body>
+	<div role="main">
+		<section class="video">
+			<iframe width="680" height="360" src="http://www.youtube.com/embed/Yj1TXR68BPA" frameborder="0" allowfullscreen></iframe>
+		</section>
+		
+		<section id="character-select">
+			<div class="loadIndicator"><div class="indicator"></div></div>
+			
+			<div class="flow">
+				<div class="item">
+					<img class="content" src="/images/characters-sample/homer.png" alt="Homer" />
+					<div class="caption">Homer</div>
+				</div>
+				
+				<div class="item">
+					<img class="content" src="/images/characters-sample/marge.png" alt="Marge" />
+					<div class="caption">Marge</div>
+				</div>
+				
+				<div class="item">
+					<img class="content" src="/images/characters-sample/lisa.png" alt="Lisa" />
+					<div class="caption">Lisa</div>
+				</div>
+				
+				<div class="item">
+					<img class="content" src="/images/characters-sample/bart.png" alt="Bart" />
+					<div class="caption">Bart</div>
+				</div>
+				
+				<div class="item">
+					<img class="content" src="/images/characters-sample/maggie.png" alt="Maggie" />
+					<div class="caption">Maggie</div>
+				</div>
+			</div>
+			
+	        <div class="globalCaption"></div>
+		</section>
+	</div>
+	
+	<footer>
+		<div data-role="footer">
+			<div data-role="navbar">
+				<ul>
+					<li><a href="#" data-icon="home">Home</a></li>
+					<li><a href="leaderboard.html" data-icon="star" data-role="button" data-transition="slide" data-inline="true">Leaderboard</a></li>
+					<li><a href="rules.html" data-icon="grid" data-role="button" data-transition="slide" data-inline="true">Rules</a></li>
+				</ul>
+			</div>
+		</div>
+	</footer>
+	
+	<script src="/javascripts/main.js"></script>
+</body>
+</html>