-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
135 lines (124 loc) · 5.4 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
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-16">
<title>Tweetrivia</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>
<link href="css/style1.css" rel=" stylesheet" type="text/css"/>
<link href="css/endGame.css" rel="stylesheet" type="text/css">
<script src="http://www.parsecdn.com/js/parse-1.3.4.min.js" type="text/javascript"></script>
<script src="js/parseDB.js" type="text/javascript"></script>
<script src="js/codebird.js" type="text/javascript"></script>
<script src="js/leaderboard.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/oauth.js" type="text/javascript"></script>
<script src="js/jquery.hotkeys.js" type="text/javascript"></script>
</head>
<body onload="parseInit(); hideButton();" style="blue">
<div id="headerMenu" class="comicFont">
<div style="float:right" id="loginDiv">
<div id = "username" class="whiteText">Welcome to Tweetrivia!! </div>
<img src = "" id = "profPic">
<img src="https://g.twimg.com/dev/sites/default/files/images_documentation/sign-in-with-twitter-gray.png" id = "login" onclick="playButtonSoundEffect();">
<script type="text/javascript">
if(localStorage["cb"] && localStorage["screenName"] && localStorage["profPicURL"] ) {
document.getElementById('username').innerHTML = "Yooo "+ localStorage["screenName"]+"!!!!";
document.getElementById("login").style.visibility = "hidden";
$("#leaderboardLink").attr("href", "leaderboard.html?user=" + localStorage["screenName"]);
document.getElementById('profPic').src = localStorage["profPicURL"];
}
else {
init(
{callback_function: callback}
);
}
</script>
<button id="logout" class="roundedBlueButton" onclick="playButtonSoundEffect(); logout();">Logout</button>
</div>
<div style="float:left" id="categoryDiv">
<div style="float:left">
<label for="gameModeSelect" id="gameModeSelectLabel" class="whiteText">Choose a game mode  </label>
<select id="gameModeSelect" class="comicFont roundedCorner selectBox" style="margin-top:4px">
<option value="normal">Normal</option>
<option value="inverted">Inverted</option>
</select>
</div>
<br>
<div style="float:left">
<label for="categorySelect" id="categorySelectLabel" class="whiteText">Select a category      </label>
<select id="categorySelect" class="comicFont roundedCorner selectBox">
<option value="actor">Actor</option>
<option value="music">Music</option>
<option value="corporation">Corporation</option>
<option value="NFL">NFL</option>
<option value="nba">NBA</option>
<option value="Soccer">Soccer</option>
<option value="following">Following</option>
</select>
</div>
<button id="startButton" class="roundedOrangeButton" onclick="playButtonSoundEffect(); restart();" style="float:right; margin: -15px 0px 0px 10px;">Start New Game</button>
</div>
<div id="highScoreDiv">
<button id="leaderboardButton" class="roundedBlueButton" onclick="playButtonSoundEffect(); openLeaderboard();">
View High Scores
</button>
</div>
</div>
<div id="title" class="whiteText boldText">
<p>Tweetrivia</p>
</div>
<div>
<div id="answerStatusText" class="comicFont">
 
</div>
<div id="scoreDiv" class="comicFont">
<p id="score"> Score: </p>
<p id= "scoreVal"> 0</p>
<div id="newHighscore" class="hide">New High Score!</div>
</div>
<br/>
<br />
<div id="timeLeftDiv" class="comicFont">
<div id="timeLeftLabel">Time Remaining: </div>
<meter id="timer"></meter>
</div>
<br />
<div id="middle" class = "hide">
<div id="tweet" class="comicFont offWhite">
<p id="tweetText">Tweet goes here</p>
</div>
<br />
<div id="mc">
<button id="choice1" class="roundedWhiteButton choiceButtonNormal" onclick="playButtonSoundEffect(); answer(this.id)">Choice A</button>
<button id="choice2" class="roundedWhiteButton choiceButtonNormal" onclick="playButtonSoundEffect(); answer(this.id)">Choice B</button>
<br />
<br />
<br />
<button id="choice3" class="roundedWhiteButton choiceButtonNormal" onclick="playButtonSoundEffect(); answer(this.id)">Choice C</button>
<button id="choice4" class="roundedWhiteButton choiceButtonNormal" onclick="playButtonSoundEffect(); answer(this.id)">Choice D</button>
</div>
</div>
</div>
<!--div id="mask"> </div>
<div id="popup2" >
<h2>Pick A Category..</h2>
<div class="flexable">
<select id="category">
<option value="actor">Actor</option>
<option value="music">Music</option>
<option value="corporation">Corporation</option>
<br />
<input type="button" value="Start" onclick="loadNewQuestion()" class="button" />
</select>
</div>
</div>
<div id="popup" class="hide">
<h2 id="text"></h2>
<p id="finalScore"></p>
<div class="flexable">
<input type="button" value="Restart" onclick="restart()" class="button"/>
<input type="button" value="Change Category" class="button" onclick="change()"/>
</div>
</div-->
</body>
</html>