-
Notifications
You must be signed in to change notification settings - Fork 77
/
index.html
112 lines (80 loc) · 2.44 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iPG</title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript" src="functions.js"></script>
<script type="text/javascript">
var timer = 15;
// Randomise Questions & Tips
q.sort(function() {return 0.5 - Math.random()})
tips.sort(function() {return 0.5 - Math.random()})
// End Questions
q.push('done');
$(document).ready(function(){
next_q();
timer_tick();
display_tip();
});
$(document).keypress(function(e) {
switch (e.which)
{
case 13:
// Next Question - Return (13)
next_q();
break;
case 32:
// Restart Timer - Space (32)
timer_restart();
break;
case 110:
// Doesn't Do Anything, Move Along
$('body').append('<div class="egg"><iframe width="420" height="315" src="http://www.youtube.com/embed/QH2-TGUlwu4?autoplay=1" frameborder="0" allowfullscreen></iframe></div>');
break;
}
});
</script>
</head>
<body>
<!-- Message to be Displayed when out of questions -->
<div id="end" class="hide">
<h1>You have reached the end of questions</h1>
<h2>Hopefully you will be a little more ready for your YC interview, good luck! :)</h2>
<p>Why not check out <a href="http://goscale.com/">GoScale</a>, it's cloud computing that scales in milliseconds.</p>
</div>
<!-- Question Display --->
<div id="question">
</div>
<!-- Timer -->
<div id="timer">
Timer
</div>
<!-- Dissapointed Paul Graham -->
<div class="pg hide">
<img src="pg.jpg" width="400" height="300" />
</div>
<!-- Tips Display -->
<div class="tip">
<strong>ProTip:</strong> <span id="tip"> </span>
</div>
<!-- Keyboard Control Reference -->
<div class="controls">
<h1>Key Controls</h1>
<div class="key key-space">space</div>
<div class="act">to restart timer</div>
<div class="key key-return">return</div>
<div class="act">to next question</div>
</div>
<!-- Footer -->
<div class="footer">
Built by
<a href="https://jamescun.com/">James Cunningham</a> and
<a href="https://bio.link/colinhayhurst">Colin Hayhurst</a> for
<a href="https://goscale.com/">GoScale</a>'s YC S12 Interview
</div>
</body>
</html>