-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
63 lines (50 loc) · 1.68 KB
/
index.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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui">
<title>Trivia</title>
<link href='http://fonts.googleapis.com/css?family=Sanchez' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/css/client.css">
</head>
<body>
<header>
<h1>Web Developer Trivia</h1>
</header>
<section id="trivia-app">
<div class="trivia-question">Authorizing...</div>
</section>
<section id="trivia-result" class="hidden">
</section>
<!-- Framework JS -->
<script src="/socket.io/lib/socket.io.js"></script>
<script src="/js/jquery-1.8.2.min.js"></script>
<script src="/js/underscore-min.js"></script>
<script src="/js/backbone-min.js"></script>
<script src="/js/handlebars-min.js"></script>
<!-- App JS -->
<script src="/js/auth.js"></script>
<script src="/js/trivia-model.js"></script>
<script src="/js/trivia-app.js"></script>
<!-- Templates -->
<script type="text/x-template" id="trivia-auth-template">
<form class="authenticate" onsubmit="return false">
<div class="trivia-question trivia-login">
<label>Enter a Team Name</label>
<div><input type="text" name="{{key}}" /></div>
<input type="submit" value="Submit" />
</div>
</form>
</script>
<script type="text/x-template" id="trivia-question-template">
<h2 class="trivia-question">{{text}}</h2>
</script>
<script type="text/x-template" id="trivia-answer-template">
<div class="trivia-answer loading">{{text}}</div>
</script>
<!-- App Kickoff -->
<script>
new Trivia.Auth('teamNam', function (team) {
new Trivia.App({team: team});
});
</script>
</body>
</html>