-
Notifications
You must be signed in to change notification settings - Fork 1
/
animated.html
91 lines (87 loc) · 3.23 KB
/
animated.html
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Animated Movies</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Eric Meyer's CSS Reset -->
<link rel="stylesheet" href="css/reset.css">
<!-- Skeleton (Responsive Grid) -->
<link rel="stylesheet" href="css/skeleton.css">
<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/font-awesome.css">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Scada" rel="stylesheet" type="text/css">
<link href="css/stylish.css" rel="stylesheet">
</head>
<body>
<div class="main">
<canvas id="myCanvas" width="100" height="100">
</canvas>
<div id="main-title">
<img src="images/title.png" alt="Movie Pulse">
</div>
<div id="main-body">
<div id="menu-portlet">
<div id="menu-nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="recommendations.html">Our Recommendations</a></li>
<li><a href="moviepuzzle.html">Movie Puzzle</a></li>
</ul>
</div>
</div>
<div id="main-content">
<div class="main-container" id ="contain">
<div class="question">
<h1>Pick your favorite animated movie!</h1>
<br/>
</div>
<div class="row">
<ul class="thumbnails" id="movieposters">
<li class="span2 movie0" id="movie0"></li>
<li class="span2 movie1" id="movie1"></li>
<li class="span2 movie2" id="movie2"></li>
<li class="span2 movie3" id="movie3"></li>
<li class="span2 movie4" id="movie4"></li>
</ul>
</div>
<div class="row">
<ul id ="movieposters" class="thumbnails">
<li class="span2 movie5" id="movie5"></li>
<li class="span2 movie6" id="movie6"></li>
<li class="span2 movie7" id="movie7"></li>
<li class="span2 movie8" id="movie8"></li>
<li class="span2 movie9" id="movie9"></li>
</ul>
<div class="row">
<ul id="movieposters" class="thumbnails">
<li class="span2 movie10" id="movie10"></li>
<li class="span2 movie11" id="movie11"></li>
<li class="span2 movie12" id="movie12"></li>
<li class="span2 movie13" id="movie13"></li>
<li class="span2 movie14" id="movie14"></li>
</ul>
</div>
<div class="row">
<ul class="thumbnails" id="movieposters">
<li class="span2 movie15" id="movie15"></li>
<li class="span2 movie16" id="movie16"></li>
<li class="span2 movie17" id="movie17"></li>
<ul class="thumbnails" id="movieposters">
<div>
</div>
</div>
</div>
<script scr="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="javascript/script_animated.js"></script>
<script src="javascript/canvas-library-inheritance.js"></script>
<script src="javascript/canvas.js"></script>
</body>
</html>