File: /home/imensosw/www/imenso.co/dev/nthrive/pacman/index.html
<!doctype html>
<html>
<head>
<title>Dr Frankenstein</title>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimum-scale=1, width=device-width, height=device-height, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
<script src="plugins/pixi.min.js"></script>
<script src="plugins/Tween.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pixi-filters@latest/dist/pixi-filters.js"></script>
<script src="plugins/jquery.min.js"></script>
<script src="plugins/webfont.js"></script>
</head>
<body>
<div class="main_landscap" style="display: none;">
Apologies! This game is not compatible in portrait mode. Please play on landscape mode.
</div>
<div class="main">
<div id="print"></div> <!-- print -->
<div id="canvas"></div> <!-- Canvas close -->
<div class="question_area box-sizing">
<div class="top_strip">
<table class="w_100" cellpadding="10">
<tr>
<td class="w_40p audiobtn"><a href="#"><img src="images/audio_play.png" alt="audio"></a></td>
<td class="p_relative">
<div class="p_absolute text">Bonus Points: <span class="Bonus_Points">0</span></div>
<div class="p_absolute progress"><div class="progress_border"></div><img src="images/pregress.png" alt="freeze" class="w_100"></div>
<img src="images/frame.png" alt="freeze" class="w_100 progress_bar">
</td>
<td class="w_50p"><div class="score_strip">0</div></td>
</tr>
</table>
</div>
<div class="middle_strip">
<div class="question_board box-sizing">
<div class="q_no">
<div class="q_notext">Question #3</div>
</div>
<div class="question question_show">How many characters are in a category?</div>
<div class="answer">
<li class="ans_show ans_show1"><a href="#" class="true">3</a></li>
<li class="ans_show ans_show2"><a href="#" class="false">4</a></li>
<li class="ans_show ans_show3"><a href="#">5</a></li>
<li class="ans_show ans_show4"><a href="#">6</a></li>
</div>
</div>
</div>
<div class="bottom_strip">
<h3>LIFELINE</h3>
<table cellpadding="10">
<tr>
<!-- <td class="life_line"><img src="images/life_line.png" alt="life line"></td> -->
<td><a href="#"><img src="images/option_5050.png" alt="50 50" class="q50 anim_fast"></a></td>
<td class="text-center"><a href="#"><img src="images/freeze.png" alt="freeze" class="freez anim_fast"></a></td>
<td class="text-right"><a href="#"><img src="images/stop.png" alt="stop" class="stop anim_fast"></a></td>
</tr>
</table>
</div>
</div> <!-- question_board -->
</div><!-- middle_strip -->
</div>
</div>
<script type="text/javascript">
var question;
$.ajax({
url: "questions.json",
//force to handle it as text
dataType: "text",
success: function(data) {
question = $.parseJSON(data);
}
});
</script>
<script src="src/Nthrive.js"></script>
<script src="src/MobileScreen.js"></script>
<script src="src/DisplayObject.js"></script>
<script src="src/SGSprite.js"></script>
<script src="src/SGButton.js"></script>
<script src="src/SGText.js"></script>
<script src="src/SGAnimation.js"></script>
<script src="src/ScreenManager.js"></script>
<script src="src/Engine.js"></script>
<script src="src/GameScene.js"></script>
<script src="src/GameScreen.js"></script>
<script src="src/LoadingScreen.js"></script>
<script src="src/Main.js"></script>
<script src="src/Resources.js"></script>
<script src="src/PixiSound.js"></script>
<script src="src/Index.js"></script>
</body>
</html>