├── README.md
├── final-empty.php
├── final.php
├── index.html
├── play.php
├── round-empty.php
└── template.php


/README.md:
--------------------------------------------------------------------------------
  1 | # JeoPHPardy
  2 | 
  3 | This is a simple PHP/Javascript Jeopardy-like board that I've used to run some trivia games in the PHP community.
  4 | 
  5 | It has suited my needs well, along with my [Wireless Eggspert buzzer system](http://www.amazon.com/Educational-Insights-Wireless-Eggspert-2-4G/dp/B001ZMZK7A/), and I've had requests that I publish the source, so that they could use it as well. I can't offer any guarantees that it'll work though, since I have put absolutely no work into making it work anywhere but on my computer and for my needs.
  6 | 
  7 | If you end up using it and making any improvements, please consider sending me a PR.
  8 | 
  9 | ## Requirements
 10 | 
 11 | This is what I used to develop/run the game. It may work in other browsers or operating systems, but I have not tested it anywhere but my laptop.
 12 | 
 13 | - Mac OS X Mavericks
 14 | - Google Chrome (up-to-date)
 15 | - PHP 5.4+ w/ built-in PHP server
 16 | - Fonts (download, install, and license yourself)
 17 |     - [ITC Korinna Bold](http://www.fontpalace.com/font-details/Korinna+Bold/)
 18 |     - [Gyparody](http://www.1001fonts.com/gyparody-font.html)
 19 | 
 20 | ## Features
 21 | 
 22 | - Supports 5 categories
 23 | - Supports 5 question levels (e.g., 200, 400, 600, 800, 1000)
 24 | - Questions are loaded from a PHP array
 25 | - Base score can be configured, so that Double Jeopardy rounds can be scheduled
 26 | - Scoreboard with 6 players
 27 | - Players can be named
 28 | - On question screen, players can be given points (or have points taken away)
 29 |   by clicking on their name (or shift+clicking for negative). There is also a
 30 |   skull button which is used to reveal the answer if no player gets it correct.
 31 | - There is one Daily Double randomly assigned to one of the $800 or $1000
 32 |   dollar questions.
 33 | - Final Jeopardy is supported, but is a separate file.
 34 | 
 35 | ## Limitations
 36 | 
 37 | - There is always 6 players
 38 | - There is always 1 Daily Double
 39 | - I wrote this code quickly, and I'm not very good with JavaScript.
 40 | - Don't refresh the page
 41 | - Final Jeopardy is a separate file and does not hook into the scores at all.
 42 | - No music or sound effects
 43 | 
 44 | ## How to use
 45 | 
 46 | First you must create a round using `empty-round.php` as a template. It looks
 47 | like this:
 48 | 
 49 | ```php
 50 | <?php return [
 51 | 	'pointScale' => 200, // Change this to adjust point values
 52 | 	'categories' => [
 53 | 		[
 54 | 			'name' => 'xx', // e.g., Potent Potables
 55 | 			'questions' =>  [
 56 | 				[
 57 | 				 	'question' => 'xx', //e.g., This is my name.
 58 | 				 	'answer'   => 'xx', //e.g., What is Jeremy?
 59 | 				],
 60 | 				[
 61 | 				 	'question' => 'xx',
 62 | 				 	'answer'   => 'xx',
 63 | 				],
 64 | 				[
 65 | 				 	'question' => 'xx',
 66 | 				 	'answer'   => 'xx',
 67 | 				],
 68 | 				[
 69 | 				 	'question' => 'xx',
 70 | 				 	'answer'   => 'xx',
 71 | 				],
 72 | 				[
 73 | 				 	'question' => 'xx',
 74 | 				 	'answer'   => 'xx',
 75 | 				],
 76 | 			]
 77 | 		],
 78 | 		// Repeated for each category...
 79 | ```
 80 | 
 81 | Next, make sure `play.php` is set to load your round.
 82 | 
 83 | ```php
 84 | $game = include 'my-round.php';
 85 | include 'template.php';
 86 | ```
 87 | 
 88 | Then, start a PHP server in the directory containing the index.html, and go to
 89 | it in your browser. Yay!
 90 | 
 91 | ## Final Jeopardy
 92 | 
 93 | To setup final jeopardy, create a file similar to my-round.php using final-empty.php as a template.
 94 | Then load it up in final.php by referencing it:
 95 | 
 96 | ```php
 97 | $game = include 'my-final.php';
 98 | ```
 99 | 
100 | Finally, load up final.php in your browser and click anywhere in the screen
101 | to proceed from category through to thanks.
102 | 
103 | ## License
104 | 
105 | The MIT License (MIT)
106 | 
107 | Copyright (c) 2014 Jeremy Lindblom
108 | 
109 | Permission is hereby granted, free of charge, to any person obtaining a copy
110 | of this software and associated documentation files (the "Software"), to deal
111 | in the Software without restriction, including without limitation the rights
112 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
113 | copies of the Software, and to permit persons to whom the Software is
114 | furnished to do so, subject to the following conditions:
115 | 
116 | The above copyright notice and this permission notice shall be included in
117 | all copies or substantial portions of the Software.
118 | 
119 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
120 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
121 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
122 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
123 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
124 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
125 | THE SOFTWARE.
126 | 


--------------------------------------------------------------------------------
/final-empty.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | return [
4 |   'category' => 'Hint to give before wagering',
5 |   'question' => 'Final JeoPHPary answer',
6 |   'answer' => 'Correct question',
7 |   'thanks' => 'Thanks!',
8 | ];
9 | 


--------------------------------------------------------------------------------
/final.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	$game = include('round-final.php');
 3 | 	if ((count($game) != 4) ||
 4 | 	    !isset($game['category'], $game['question'],
 5 | 	           $game['answer'], $game['thanks'])) {
 6 | 		error_log("Final JeoPHPardy questions file is invalid.  ".
 7 | 		          "Must contain 'category', 'question', 'answer', ".
 8 | 		          "and 'thanks' sections.", E_USER_WARNING);
 9 | 	}
10 | ?><!doctype html>
11 | <html>
12 | <head>
13 | 	<title>HTTP Jeoparody</title>
14 | 	<style>
15 | 		html, body, table {margin: 0; padding: 0; background-color: #0000ff;}
16 | 		table {width: 100vw; height: 100vh; border: 0;}
17 | 		td, th {width: 100%; height: 100%; padding-top: 30vh; text-align: center; vertical-align: middle; background-color: #0000ff; color: #ffffee;}
18 | 
19 | 		.category td {font-size: 20vh; text-shadow: black 3px 3px; font-family: "HelveticaNeue-CondensedBold";
20 | 					  position: absolute; top: 0; left: 0; z-index: 4;}
21 | 		.question td {font-size: 5vw; text-shadow: black 5px 5px; font-weight: bold; font-family: "Korinna";
22 | 					  position: absolute; top: 0; left: 0; z-index: 3;}
23 | 		.answer td {font-size: 5vw; text-shadow: black 5px 5px; font-weight: bold; font-family: "Korinna";
24 | 					position: absolute; top: 0; left: 0; z-index: 2;}
25 | 		.thanks td {font-size: 20vh; text-shadow: black 5px 5px; letter-spacing: 3pt; font-family: "Gyparody";
26 | 					position: absolute; top: 0; left: 0; z-index: 1;}
27 | 	</style>
28 | 	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
29 | 	<script>
30 | 		$(document).ready(function() {
31 | 			$('table').click(function() {
32 | 				$(this).hide();
33 | 			});
34 | 		});
35 | 	</script>
36 | 	<body>
37 | 		<?php foreach ($game as $stage => $text) : ?>
38 | 			<table class="<?php echo urlencode($stage); ?>">
39 | 				<tr>
40 | 					<td><?php echo htmlentities($text, ENT_QUOTES, 'UTF-8'); ?></td>
41 | 				</tr>
42 | 			</table>
43 | 		<?php endforeach; ?>
44 | 	</body>
45 | </html>
46 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <title>PHP Jeoparody</title>
 5 | <style type="text/css">
 6 | html,body{
 7 |   margin: 0;
 8 |   padding: 0;
 9 |   border: none;
10 |   background: #0000ff;
11 | }
12 | .container {
13 |   width: 100%;
14 |   margin-top: 10%;
15 |   text-align: center;
16 |   font-weight: bold;
17 | }
18 | h1 {
19 |   font-family: Gyparody;
20 |   font-size: 100pt;
21 |   text-shadow: 4px 4px #000;;
22 |   color: #ffffee;
23 |   letter-spacing: 3pt;
24 |   margin: 0 0 20px 0;
25 | }
26 | h2 {
27 |   font-family: "HelveticaNeue-CondensedBold";
28 |   font-size: 18pt;
29 |   text-shadow: 2px 2px #003;
30 |   color: #88f;
31 |   margin: 0 0 40px 0;
32 | }
33 | h2 strong {
34 |   font-size: 22pt;
35 |   color: #fff;
36 | }
37 | .play {
38 |   display: inline-block;
39 |   margin: 0 60px;
40 |   padding: 40px;
41 |   text-shadow: 4px 4px #000;;
42 |   color: #ffff00;
43 |   font-family: Gyparody;
44 |   font-size: 40pt;
45 |   border: 5px solid #0000cc;
46 |   border-radius: 10px;
47 |   text-decoration: none;
48 |   background-color: #0000ff;
49 |   letter-spacing: 1pt;
50 | }
51 | .play:hover {
52 |   background-color: #0033ff;
53 | }
54 | </style>
55 | <body>
56 |   <div class="container">
57 |     <h1>PHP Jeoparody</h1>
58 |     <h2>by <strong>Jeremy Lindblom</strong>&emsp;(@jeremeamia)</h2>
59 |     <a class="play" href="play.php">Jeoparody</a>
60 |     <a class="play" href="final.php">Final Jeoparody</a>
61 |   </div>
62 | </body>
63 | </html>


--------------------------------------------------------------------------------
/play.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | $game = include 'round.php';
4 | include 'template.php';


--------------------------------------------------------------------------------
/round-empty.php:
--------------------------------------------------------------------------------
  1 | <?php return [
  2 | 	'pointScale' => 200,
  3 | 	'categories' => [
  4 | 		[
  5 | 			'name' => 'xx',
  6 | 			'questions' =>  [
  7 | 				[
  8 | 				 	'question' => 'xx',
  9 | 				 	'answer'   => 'xx',
 10 | 				],
 11 | 				[
 12 | 				 	'question' => 'xx',
 13 | 				 	'answer'   => 'xx',
 14 | 				],
 15 | 				[
 16 | 				 	'question' => 'xx',
 17 | 				 	'answer'   => 'xx',
 18 | 				],
 19 | 				[
 20 | 				 	'question' => 'xx',
 21 | 				 	'answer'   => 'xx',
 22 | 				],
 23 | 				[
 24 | 				 	'question' => 'xx',
 25 | 				 	'answer'   => 'xx',
 26 | 				],
 27 | 			]
 28 | 		],
 29 | 		[
 30 | 			'name' => 'xx',
 31 | 			'questions' =>  [
 32 | 				[
 33 | 				 	'question' => 'xx',
 34 | 				 	'answer'   => 'xx',
 35 | 				],
 36 | 				[
 37 | 				 	'question' => 'xx',
 38 | 				 	'answer'   => 'xx',
 39 | 				],
 40 | 				[
 41 | 				 	'question' => 'xx',
 42 | 				 	'answer'   => 'xx',
 43 | 				],
 44 | 				[
 45 | 				 	'question' => 'xx',
 46 | 				 	'answer'   => 'xx',
 47 | 				],
 48 | 				[
 49 | 				 	'question' => 'xx',
 50 | 				 	'answer'   => 'xx',
 51 | 				],
 52 | 			]
 53 | 		],
 54 | 		[
 55 | 			'name' => 'xx',
 56 | 			'questions' =>  [
 57 | 				[
 58 | 				 	'question' => 'xx',
 59 | 				 	'answer'   => 'xx',
 60 | 				],
 61 | 				[
 62 | 				 	'question' => 'xx',
 63 | 				 	'answer'   => 'xx',
 64 | 				],
 65 | 				[
 66 | 				 	'question' => 'xx',
 67 | 				 	'answer'   => 'xx',
 68 | 				],
 69 | 				[
 70 | 				 	'question' => 'xx',
 71 | 				 	'answer'   => 'xx',
 72 | 				],
 73 | 				[
 74 | 				 	'question' => 'xx',
 75 | 				 	'answer'   => 'xx',
 76 | 				],
 77 | 			]
 78 | 		],
 79 | 		[
 80 | 			'name' => 'xx',
 81 | 			'questions' =>  [
 82 | 				[
 83 | 				 	'question' => 'xx',
 84 | 				 	'answer'   => 'xx',
 85 | 				],
 86 | 				[
 87 | 				 	'question' => 'xx',
 88 | 				 	'answer'   => 'xx',
 89 | 				],
 90 | 				[
 91 | 				 	'question' => 'xx',
 92 | 				 	'answer'   => 'xx',
 93 | 				],
 94 | 				[
 95 | 				 	'question' => 'xx',
 96 | 				 	'answer'   => 'xx',
 97 | 				],
 98 | 				[
 99 | 				 	'question' => 'xx',
100 | 				 	'answer'   => 'xx',
101 | 				],
102 | 			]
103 | 		],
104 | 		[
105 | 			'name' => 'xx',
106 | 			'questions' =>  [
107 | 				[
108 | 				 	'question' => 'xx',
109 | 				 	'answer'   => 'xx',
110 | 				],
111 | 				[
112 | 				 	'question' => 'xx',
113 | 				 	'answer'   => 'xx',
114 | 				],
115 | 				[
116 | 				 	'question' => 'xx',
117 | 				 	'answer'   => 'xx',
118 | 				],
119 | 				[
120 | 				 	'question' => 'xx',
121 | 				 	'answer'   => 'xx',
122 | 				],
123 | 				[
124 | 				 	'question' => 'xx',
125 | 				 	'answer'   => 'xx',
126 | 				],
127 | 			]
128 | 		],
129 | 	]
130 | ];


--------------------------------------------------------------------------------
/template.php:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | <head>
  4 | 	<title>HTTP Jeoparody</title>
  5 | 	<style>
  6 | 		html, body, table {margin: 0; padding: 0; background-color: #0000ff; color: #ffffff;}
  7 | 		td, th {text-align: center; vertical-align: middle; border: 1px #ccccff solid;}
  8 | 		table {width: 100vw; height: 100vh; border-spacing: 0; border-collapse: collapse;}
  9 | 
 10 | 		.game td {width: 20vw; height: 16.66vh; font-size: 10vh;}
 11 | 		.game th {width: 20vw; height: 16.66vh; font-size: 6vh;}
 12 | 		.game td.tile {cursor: pointer;}
 13 | 		.game td.tile:hover {background-color: #1144ff;}
 14 | 
 15 | 		.scores th {width: 33.33vw; height: 30vh; font-size: 10vh;}
 16 | 		.scores td {width: 33.33vw; height: 20vh; font-size: 10vh;}
 17 | 
 18 | 		.question {display: none; position: absolute; top: 0; left: 0; z-index: 1;}
 19 | 		.question .text {width: 100vw; height: 85vh; font-size: 5vw; cursor: help; border: 0; padding-left: 5vw; padding-right: 5vw;}
 20 | 		.question .award {width: 15vw; height: 15vh; font-size: 5vh; background-color: #006600; cursor: pointer; -webkit-user-select: none;}
 21 | 		.question .award:hover {background-color: #008800;}
 22 | 		.question .award.wrong {background-color: #660000;}
 23 | 		.question .award.wrong:hover {background-color: #880000;}
 24 | 		.question .show-answer {width: 10vw; height: 15vh; font-size: 8vh; background-color: #888800; cursor: pointer; color: black; text-shadow: #ff0 1px 1px;}
 25 | 		.question .show-answer:hover {background-color: #999933;}
 26 | 
 27 | 		.daily-double {display: none; position: absolute; top: 0; left: 0; z-index: 2;}
 28 | 		.daily-double td {border: 0;}
 29 | 		.daily-double .title {width: 100vw; height: 50vh; font-size: 15vw;}
 30 | 		.daily-double .wager {width: 100vw; height: 50vh; font-size: 20vh;}
 31 | 		.daily-double .wager-confirm {cursor: pointer; color: white;}
 32 | 
 33 | 		.content-money {color: #ffff33; text-shadow: black 5px 5px; font-family: "Impact";}
 34 | 		.content-name {color: #ffffee; text-shadow: black 3px 3px; font-family: "HelveticaNeue-CondensedBold";}
 35 | 		.content-text {color: #ffffee; text-shadow: black 5px 5px; font-weight: bold; font-family: "Korinna";}
 36 | 		.content-title {color: #ffffee; text-shadow: black 5px 5px; letter-spacing: 3pt; font-family: "Gyparody";}
 37 | 	</style>
 38 | 	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
 39 | 	<script>
 40 | 		$(document).ready(function() {
 41 | 			// Handle Daily Doubles
 42 | 			$('.game .tile.dd').one('click', function(event) {
 43 | 				var tile = $(this);
 44 | 				event.stopImmediatePropagation();
 45 | 				$('.daily-double').show();
 46 | 				$('.daily-double .wager-confirm').mousedown(function() {$(this).css('text-shadow', 'none')});
 47 | 				$('.daily-double .wager-confirm').click(function() {
 48 | 					$('.daily-double').hide();
 49 | 					tile.data('points', parseInt($('.daily-double .wager-value').text()));
 50 | 					tile.click();
 51 | 				});
 52 | 			});
 53 | 			// Click on a tile from the game board.
 54 | 			$('.game .tile').one('click', function() {
 55 | 				var points = parseInt($(this).data('points'));
 56 | 				var answer = $(this).data('answer');
 57 | 				// Show the question.
 58 | 				$('.question').show();
 59 | 				$('.award, .show-answer').show();
 60 | 				// Setup question text
 61 | 				$('.question .text').text($(this).data('question'));
 62 | 				// Create buttons for score keeping.
 63 | 				$('.award').click('click', function() {
 64 | 					var score = $('.' + $(this).data('player') + '-score');
 65 | 					var pointsAwarded = points;
 66 | 					var isWrong = $(this).hasClass('wrong');
 67 | 					if (isWrong) {
 68 | 						pointsAwarded *= -1;
 69 | 						$('.award').removeClass('wrong');
 70 | 					}
 71 | 					score.data('score', score.data('score') + pointsAwarded);
 72 | 					score.text((score.data('score') < 0 ? '-' : '') + '$' + Math.abs(score.data('score')));
 73 | 					if (!isWrong) {
 74 | 						$('.show-answer').click();
 75 | 					}
 76 | 				});
 77 | 				// Create button for when no one gets it
 78 | 				$('.show-answer').one('click', function() {
 79 | 					$('.award, .show-answer').off('click').hide();
 80 | 					$('.question .text').text(answer)
 81 | 						.one('click', function() {
 82 | 							$('.question').hide();
 83 | 						});
 84 | 				});
 85 | 				// Remove tile from game board.
 86 | 				$(this).removeClass('tile').removeClass('dd').text('');
 87 | 			});
 88 | 
 89 | 			// Syncs the editable names on the score board with the question screen.
 90 | 			$('.player').blur(function() {
 91 | 				$('.' + $(this).data('player') + '-name').text($(this).text());
 92 | 			});
 93 | 
 94 | 			// Track shift button usage.
 95 | 			$(document).keydown(function (event) {
 96 | 				if (event.shiftKey) $('.question .award').addClass('wrong');
 97 | 			});
 98 | 			$(document).keyup(function (event) {
 99 | 				$('.question .wrong').removeClass('wrong');
100 | 			});
101 | 		});
102 | 	</script>
103 | </head>
104 | <body>
105 | 	<!-- All the PHP code is in here -->
106 | 	<table class="game">
107 | 		<thead class="content-name">
108 | 			<tr>
109 | 				<?php foreach ($game['categories'] as $category): ?>
110 | 					<th><?php echo $category['name'] ?></th>
111 | 				<?php endforeach; ?>
112 | 			</tr>
113 | 		</thead>
114 | 		<tbody class="content-money">
115 | 			<?php $dailyDouble = rand(3, 4) . rand(0, 4) ?>
116 | 			<?php for ($row = 0; $row < 5; $row++): ?>
117 | 				<?php $points = ($row + 1) * $game['pointScale'] ?>
118 | 				<tr>
119 | 					<?php for ($col = 0; $col < 5; $col++): ?>
120 | 						<?php $data = $game['categories'][$col]['questions'][$row]; ?>
121 | 						<?php $class = ($dailyDouble === $row . $col) ? 'tile dd' : 'tile' ?>
122 | 						<td class="<?php echo $class ?>" data-points="<?php echo $points ?>"
123 | 							data-question="<?php echo htmlentities($data['question'], ENT_QUOTES, 'UTF-8'); ?>"
124 | 							data-answer="<?php echo htmlentities($data['answer'], ENT_QUOTES, 'UTF-8'); ?>">$<?php echo $points ?></td>
125 | 					<?php endfor ?>
126 | 				</tr>
127 | 			<?php endfor; ?>
128 | 		</tbody>
129 | 	</table>
130 | 	<!-- End PHP code. -->
131 | 	<table class="question">
132 | 		<tr>
133 | 			<td class="text content-text" colspan="7">QUESTION</td>
134 | 		</tr>
135 | 		<tr class="content-name">
136 | 			<td class="award p1-name" colspan="1" data-player="p1" >Player 1</td>
137 | 			<td class="award p2-name" colspan="1" data-player="p2" >Player 2</td>
138 | 			<td class="award p3-name" colspan="1" data-player="p3" >Player 3</td>
139 | 			<td class="award p4-name" colspan="1" data-player="p4" >Player 4</td>
140 | 			<td class="award p5-name" colspan="1" data-player="p5" >Player 5</td>
141 | 			<td class="award p6-name" colspan="1" data-player="p6" >Player 6</td>
142 | 			<td class="show-answer" colspan="1">&#9760;</td>
143 | 		</tr>
144 | 	</table>
145 | 	<table class="scores">
146 | 		<tr class="content-name">
147 | 			<th><span class="player" data-player="p1" contenteditable="true">Player 1</span></th>
148 | 			<th><span class="player" data-player="p2" contenteditable="true">Player 2</span></th>
149 | 			<th><span class="player" data-player="p3" contenteditable="true">Player 3</span></th>
150 | 		</tr>
151 | 		<tr class="content-money">
152 | 			<td class="p1-score" data-score="0">$0</td>
153 | 			<td class="p2-score" data-score="0">$0</td>
154 | 			<td class="p3-score" data-score="0">$0</td>
155 | 		</tr>
156 | 
157 | 		<tr class="content-name">
158 | 			<th><span class="player" data-player="p4" contenteditable="true">Player 4</span></th>
159 | 			<th><span class="player" data-player="p5" contenteditable="true">Player 5</span></th>
160 | 			<th><span class="player" data-player="p6" contenteditable="true">Player 6</span></th>
161 | 		</tr>
162 | 		<tr class="content-money">
163 | 			<td class="p4-score" data-score="0">$0</td>
164 | 			<td class="p5-score" data-score="0">$0</td>
165 | 			<td class="p6-score" data-score="0">$0</td>
166 | 		</tr>
167 | 	</table>
168 | 	<table class="daily-double">
169 | 		<tr>
170 | 			<td class="title content-title">Daily Double</td>
171 | 		</tr>
172 | 		<tr>
173 | 			<td class="wager content-money">
174 | 				$<span class="wager-value" contenteditable="true">0</span>&ensp;<span class="wager-confirm">&#x2713;</span>
175 | 			</td>
176 | 		</tr>
177 | 	</table>
178 | </body>
179 | </html>


--------------------------------------------------------------------------------