2010-09-16 18:32:35 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2011-10-14 20:46:51 +02:00
|
|
|
<title>Pennanews quiz</title>
|
2010-09-16 18:32:35 +02:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
|
<link href="quiz.css" rel="stylesheet" type="text/css">
|
2010-09-20 00:55:40 +02:00
|
|
|
<script type="text/javascript" src="jquery-1.4.2.js" defer></script>
|
|
|
|
|
<script type="text/javascript" src="quiz.js" defer></script>
|
2010-09-16 18:32:35 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2010-09-18 03:43:52 +02:00
|
|
|
|
2010-09-20 00:55:40 +02:00
|
|
|
<div id="setup">
|
2010-11-30 22:17:15 +01:00
|
|
|
<h1>Pentanews<br>Game Show</h1>
|
2010-09-18 03:43:52 +02:00
|
|
|
|
2010-09-19 23:36:53 +02:00
|
|
|
<form>
|
2010-12-22 00:02:17 +01:00
|
|
|
<label for="playername0">Player 1:</label><input id="playername0"><br>
|
|
|
|
|
<label for="playername1">Player 2:</label><input id="playername1"><br>
|
|
|
|
|
<label for="playername2">Player 3:</label><input id="playername2"><br>
|
|
|
|
|
<!--label for="playername3">Player 4:</label><input id="playername3"><br>
|
|
|
|
|
<label for="playername4">Player 5:</label><input id="playername4"><br-->
|
2010-09-20 00:55:40 +02:00
|
|
|
<input id="start" type="submit" value="▶">
|
2010-09-19 23:36:53 +02:00
|
|
|
</form>
|
2011-04-23 20:07:09 +02:00
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
irc.hackint.eu #pentanews
|
|
|
|
|
</p>
|
2010-09-16 18:32:35 +02:00
|
|
|
</div>
|
2010-09-18 03:43:52 +02:00
|
|
|
|
2010-09-20 00:55:40 +02:00
|
|
|
<div id="game">
|
2010-09-18 03:43:52 +02:00
|
|
|
<ul id="players">
|
2011-11-28 03:11:04 +01:00
|
|
|
<li class="player0"><span class="name"></span><span class="score">0</span>
|
|
|
|
|
<br>
|
|
|
|
|
<img src="fiftyfifty.png" class="fiftyfifty">
|
|
|
|
|
<img src="nedap.png" class="nedap">
|
|
|
|
|
<img src="irc.png" class="irc">
|
|
|
|
|
<img src="fwd.png" class="fwd">
|
|
|
|
|
<img src="morse.png" class="morse">
|
2011-12-13 22:15:21 +01:00
|
|
|
<img src="gif.png" class="gif">
|
2011-11-28 03:11:04 +01:00
|
|
|
</li>
|
|
|
|
|
<li class="player1"><span class="name"></span><span class="score">0</span>
|
|
|
|
|
<br>
|
|
|
|
|
<img src="fiftyfifty.png" class="fiftyfifty">
|
|
|
|
|
<img src="nedap.png" class="nedap">
|
|
|
|
|
<img src="irc.png" class="irc">
|
|
|
|
|
<img src="fwd.png" class="fwd">
|
|
|
|
|
<img src="morse.png" class="morse">
|
2011-12-13 22:15:21 +01:00
|
|
|
<img src="gif.png" class="gif">
|
2011-11-28 03:11:04 +01:00
|
|
|
</li>
|
|
|
|
|
<li class="player2"><span class="name"></span><span class="score">0</span>
|
|
|
|
|
<br>
|
|
|
|
|
<img src="fiftyfifty.png" class="fiftyfifty">
|
|
|
|
|
<img src="nedap.png" class="nedap">
|
|
|
|
|
<img src="irc.png" class="irc">
|
|
|
|
|
<img src="fwd.png" class="fwd">
|
|
|
|
|
<img src="morse.png" class="morse">
|
2011-12-13 22:15:21 +01:00
|
|
|
<img src="gif.png" class="gif">
|
2011-11-28 03:11:04 +01:00
|
|
|
</li>
|
2010-09-16 18:32:35 +02:00
|
|
|
</ul>
|
2010-09-18 03:43:52 +02:00
|
|
|
<p id="tier">
|
2010-09-20 02:27:28 +02:00
|
|
|
0
|
2010-09-18 03:43:52 +02:00
|
|
|
</p>
|
|
|
|
|
<div id="question">
|
|
|
|
|
<p>Welches Land erlaubt Filesharing für private Zwecke straffrei?</p>
|
|
|
|
|
</div>
|
2010-12-10 18:34:02 +01:00
|
|
|
<div id="nedap">
|
2011-12-27 22:26:48 +01:00
|
|
|
<p class="url">http://nedap.c3d2.de:2342/</p>
|
2010-12-10 18:34:02 +01:00
|
|
|
<canvas id="polls" width="400" height="400">
|
|
|
|
|
</canvas>
|
2010-12-04 23:08:05 +01:00
|
|
|
</div>
|
2011-12-13 16:50:22 +01:00
|
|
|
<div id="gifs">
|
2011-12-27 22:26:48 +01:00
|
|
|
<p class="url">http://nedap.c3d2.de:2342/</p>
|
2011-12-13 16:50:22 +01:00
|
|
|
</div>
|
2010-12-10 22:04:17 +01:00
|
|
|
<div id="irc">
|
|
|
|
|
<p class="caption">Backend, where are thou?</p>
|
|
|
|
|
<ul>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2010-09-18 03:43:52 +02:00
|
|
|
<div id="answers">
|
|
|
|
|
<ul>
|
2010-09-20 02:27:28 +02:00
|
|
|
<li id="answer0">Montenegro</li>
|
|
|
|
|
<li id="answer1">China</li>
|
2010-09-18 03:43:52 +02:00
|
|
|
</ul>
|
|
|
|
|
<ul>
|
2010-09-20 02:27:28 +02:00
|
|
|
<li id="answer2">Deutschland</li>
|
|
|
|
|
<li id="answer3">Brasilien</li>
|
2010-09-18 03:43:52 +02:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2010-09-20 00:55:40 +02:00
|
|
|
<div id="scoreboard">
|
2010-09-19 23:36:53 +02:00
|
|
|
<ul id="tiers">
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<dl>
|
2011-10-14 04:37:13 +02:00
|
|
|
<dt class="p0"></dt>
|
|
|
|
|
<dd class="p0">
|
|
|
|
|
<span class="score">0</span>
|
|
|
|
|
<img src="fiftyfifty.png" class="fiftyfifty">
|
|
|
|
|
<img src="nedap.png" class="nedap">
|
|
|
|
|
<img src="irc.png" class="irc">
|
|
|
|
|
<img src="fwd.png" class="fwd">
|
|
|
|
|
<img src="morse.png" class="morse">
|
2011-12-13 22:15:21 +01:00
|
|
|
<img src="gif.png" class="gif">
|
2011-10-14 04:37:13 +02:00
|
|
|
</dd>
|
|
|
|
|
<dt class="p1"></dt>
|
|
|
|
|
<dd class="p1">
|
|
|
|
|
<span class="score">0</span>
|
|
|
|
|
<img src="fiftyfifty.png" class="fiftyfifty">
|
|
|
|
|
<img src="nedap.png" class="nedap">
|
|
|
|
|
<img src="irc.png" class="irc">
|
|
|
|
|
<img src="fwd.png" class="fwd">
|
|
|
|
|
<img src="morse.png" class="morse">
|
2011-12-13 22:15:21 +01:00
|
|
|
<img src="gif.png" class="gif">
|
2011-10-14 04:37:13 +02:00
|
|
|
</dd>
|
|
|
|
|
<dt class="p2"></dt>
|
|
|
|
|
<dd class="p2">
|
|
|
|
|
<span class="score">0</span>
|
|
|
|
|
<img src="fiftyfifty.png" class="fiftyfifty">
|
|
|
|
|
<img src="nedap.png" class="nedap">
|
|
|
|
|
<img src="irc.png" class="irc">
|
|
|
|
|
<img src="fwd.png" class="fwd">
|
|
|
|
|
<img src="morse.png" class="morse">
|
2011-12-13 22:15:21 +01:00
|
|
|
<img src="gif.png" class="gif">
|
2011-10-14 04:37:13 +02:00
|
|
|
</dd>
|
2010-09-19 23:36:53 +02:00
|
|
|
</dl>
|
2010-09-16 18:32:35 +02:00
|
|
|
</div>
|
2010-09-18 03:43:52 +02:00
|
|
|
|
2010-11-30 21:01:33 +01:00
|
|
|
<div id="timer">
|
|
|
|
|
10
|
|
|
|
|
</div>
|
2010-12-20 05:29:35 +01:00
|
|
|
|
|
|
|
|
<div style="display: none">
|
2011-10-15 14:56:32 +02:00
|
|
|
<audio src="slay.ogg" id="audio_right"></audio>
|
|
|
|
|
<audio src="gameover.ogg" id="audio_wrong"></audio>
|
2010-12-22 20:51:23 +01:00
|
|
|
<audio src="timeout.ogg" id="audio_timeout"></audio>
|
2011-10-15 14:56:32 +02:00
|
|
|
<audio src="timeup.ogg" id="audio_timeup"></audio>
|
2011-04-23 21:25:08 +02:00
|
|
|
<audio src="buzz.ogg" id="audio_buzz"></audio>
|
2011-10-15 14:56:32 +02:00
|
|
|
<audio src="levelcomplete.ogg" id="audio_final"></audio>
|
2010-12-20 05:29:35 +01:00
|
|
|
</div>
|
2010-09-16 18:32:35 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
