-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprofile.html
More file actions
159 lines (140 loc) · 4.83 KB
/
profile.html
File metadata and controls
159 lines (140 loc) · 4.83 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]> <html class="ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]> <html class="ie ie8 lte9 lte8"> <![endif]-->
<!--[if IE 9]> <html class="ie ie9 lte9"> <![endif]-->
<!--[if gt IE 9]> <html> <![endif]-->
<!--[if !IE]><!--> <html> <!--<![endif]-->
<head>
<title>MovieMatch</title>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link rel="stylesheet" href="css/stylesheet.css">
<script src="javascript/libraries/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="javascript/libraries/handlebars-1.0.0.js" type="text/javascript"></script>
<script src="javascript/libraries/ember.js" type="text/javascript"></script>
<script src="javascript/libraries/ember-data.js" type="text/javascript"></script>
<script src="javascript/libraries/localstorage_adapter.js" type="text/javascript"></script>
<script src="javascript/libraries/jquery.typer.js" type="text/javascript"></script>
<script src="javascript/javascript.js" type="text/javascript"></script>
<script src="javascript/fixtures.js" type="text/javascript"></script>
<script src="javascript/helpers.js" type="text/javascript"></script>
</head>
<body>
<script type="text/x-handlebars">
<header class="site-header">
<div class="grid">
<div class="row">
<div class="col base-16 large-6">
<h1><a href="#" name="top">Shufflr</a></h1>
</div>
<div class="col base-8 large-18">
<nav class="site-navigation">
<button class="button site-navigation-toggle white large-hide js-site-navigation-toggle">
<span class="tiny">MENU</span>
<i class="fa fa-bars"></i>
</button>
<ul class="inline large-show js-site-navigation">
<li><a href="#">Find a movie</a></li>
<li>
{{#link-to 'login'}}Login{{/link-to}}
</li>
<li>
<a href="#" class="button green">Sign up</a>
</li>
<!--<li>
<button class="button grey">
<i class="fa fa-cogs"></i>
</button>
<form class="inline left">
<input type="search" placeholder="Search">
<input class="button fa-x green" type="submit" value="">
</form>
</li>-->
</ul>
</nav>
</div>
</div>
</div>
</header>
{{outlet}}
<footer class="site-footer">
<div class="grid">
<div class="row">
<div class="col">
<p>© MovieMatch 2014</p>
</div>
</div>
</div>
</footer>
</script>
<script type="text/x-handlebars" data-template-name="moviematch">
<main class="site-main">
<div class="grid">
<div class="strip white">
<div class="row">
<div class="col large-13">
<div class="award-container">
<img src="images/bronze-action.png" class="award-icon">
<span class="award-tooltip bronze">25+ action movies watched</span>
</div>
<div class="award-container">
<img src="images/silver-action.png" class="award-icon">
<span class="award-tooltip silver">50+ action movies watched</span>
</div>
<div class="award-container">
<img src="images/gold-action.png" class="award-icon">
<span class="award-tooltip gold">75+ action movies watched</span>
</div>
<div class="award-container">
<img src="images/award-blank.png" class="award-icon">
<span class="award-tooltip locked">Award locked</span>
</div>
</div>
<div class="col large-6 large-push-5">
<p>img</p>
</div>
</div>
</div>
</div>
</main>
</script>
<script type="text/x-handlebars" data-template-name="login">
<main class="site-main">
<div class="grid">
<div class="strip white">
<div class="row">
<form class="form-horizontal" {{action "login" on="submit"}}>
{{#if loginFailed}}
<div class="alert">Invalid username or password.</div>
{{/if}}
{{#if loginSuccessful}}
<div class="alert">BANTER!!!</div>
{{/if}}
{{#if isSlowConnection}}
<div class="alert alert-info">The request seems to be taking more time than usual, please wait.</div>
{{/if}}
<div class="control-group">
<div class="control-label">
<label>Username</label>
</div>
<div class="controls">
{{input value=username type="text"}}
</div>
</div>
<div class="control-group">
<div class="control-label">
<label>Password</label>
</div>
<div class="controls">
{{input value=password type="password"}}
</div>
</div>
<button type="submit" class="btn" {{bindAttr disabled="isProcessing"}}>Log in!</button>
</form>
</div>
</div>
</div>
</main>
</script>
</body>