-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (109 loc) · 5.42 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
113
114
115
116
117
<html>
<head>
<meta charset="utf-8">
<title>Vivian Simulator 2014</title>
<link rel="shortcut icon" href="img/favicon.jpg" />
<!-- for Google -->
<meta name="description" content="Play Vivian Simulator 2014, it's like QuizUp except a little too real." />
<!-- for Facebook -->
<meta property="og:title" content="Vivian Simulator 2014" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://viviansim.github.io/img/thumb.png" />
<meta property="og:url" content="http://vivians.im" />
<meta property="og:description" content="Play Vivian Simulator 2014, it's like QuizUp except a little too real." />
<!-- for Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Vivian Simulator 2014" />
<meta name="twitter:description" content="Play Vivian Simulator 2014, it's like QuizUp except a little too real." />
<meta name="twitter:image" content="http://viviansim.github.io/img/thumb.png" />
<link rel="stylesheet" type="text/css" href="style/main.css" />
<link rel="stylesheet" type="text/css" href="style/splash.css" />
<link rel="stylesheet" href="style/leaguegothic.css" />
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css" />
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="black-background">
</div>
<div class="prepare-gag screen1">
<h1>Vivian Simulator 2014</h1>
</div>
<div class="feedback-container screen1">
<h2 id="feedback"> Type furiously to begin </h2>
<h3 class="center"><u>Your mission</u>: Read the paper, answer the questions, get the highest 2048 score you can, and for goodness' sake pay attention to the video, there's a quiz at the end.</h3>
</div>
<div class="about">
<a href="https://github.com/rissole/viviansimulator">Oh my god what is this.</a>
</div>
<div class="vivsim screen2" style="display: none;">
<div id="countdown">
</div>
<div class="grid" style="height: 50%">
<div class="col-1-2">
<div class="module">
<iframe class="grid-iframe" id="frame-paper"></iframe>
</div>
</div>
<div class="col-1-2">
<div class="module">
<iframe class="grid-iframe" id="frame-video" frameborder="0"></iframe>
</div>
</div>
</div>
<div class="grid" style="height: 50%">
<div class="col-1-2">
<div class="module">
<iframe class="grid-iframe" id="frame-questions" src="questionsframe.html" frameborder="0"></iframe>
</div>
</div>
<div class="col-1-2">
<div class="module">
<iframe class="grid-iframe" id="frame-2048" src="2048frame.html"></iframe>
</div>
</div>
</div>
</div>
<div class="videoquestions screen3" style="display: none">
<form class="pure-form">
<h1>Well done! Now how about that video...</h1>
<p>The video you watched was <span id="video-desc"></span></p>
</form>
<div style="text-align:center">
<button type="button" class="pure-button pure-input-1-2 pure-button-primary" onclick="game.progress()">All right, show me how I went.</button>
</div>
</div>
<div class="share-it screen4" style="display: none">
<h3 class="center">Scores:</h3>
<div class="sim-scores">
<div class="sim-scores-2048">2048: <span class="score">9001</span></div>
<div class="sim-scores-paper">Paper: <span class="score">9001</span></div>
<div class="sim-scores-video">Video: <span class="score">9001</span></div>
<div class="sim-scores-total"><h1 class="total">Total: <span class="score">9001</span></h1></div>
</div>
<div class="share">
<h1 class="center">Woah, nice score. You should tell people about it!</h1>
<div class="center">
<a href="" class="pure-button pure-button-primary">Play again</a></div>
<div id="fb-container" class="center" style="margin: 1em 0">
<div id="tweet-container" style="margin-top: 0.5em">
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</div>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/countdown.min.js" type="text/javascript"></script>
<script src="js/game.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>