File: /home/imensosw/www/imenso.co/dev/nthrive/modifier/index.html
<!doctype html>
<html>
<head>
<title>Modifier</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimum-scale=1, width=device-width, height=device-height">
<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="pixi/jquery.min.js"></script>
<style>* {padding: 0; margin: 0}</style>
</head>
<body>
<!--<div>first<span id="1"></span> second <span id="2"></span> third <span id="3"></span> four <span id="4"></span></div>-->
<div class="main_landscap" style="font-size:20px;display:none;text-align: center;width: 100%;height: 100%;top:20%;position: absolute;">
Apologies! This game is not compatible in landscape mode. Please play on portrait mode.
</div>
<div class="main">
<div id="myLoadingContent">
<img src="pixi-dest/images/logo.png"/ class="loading_img">
<br />
<img src="pixi-dest/images/timeout.gif" class="timeout_img" />
</div>
<div id="pixiCanvas" style="display: none"></div>
<div class="splash_screen">
<img src="pixi-dest/images/splash-screen.png" alt="splash-screen" class="splash_img mobile_hide" />
<img src="pixi-dest/images/splash-screen_mobile.png" alt="splash-screen" class="splash_img mobile_show" />
<div class="help_play">
<div class="help"><a href="javascript:;"><img src="pixi-dest/images/help.png" alt="help" /></a></div>
<div class="play"><a href="javascript:;"><img src="pixi-dest/images/play.png" alt="play" /></a></div>
</div>
</div>
<div class="help_area">
<div class="help-close"><a href="javascript:;"><img src="pixi-dest/images/close.png" alt="close" /></a></div>
<ul class="help-slide">
<li class="active">
<div class="help-img">
<img class="mobile_hide" src="pixi-dest/images/instructions-screen.png" alt="instructions-screen" />
<img class="mobile_show" src="pixi-dest/images/instructions-screen_mobile.png" alt="instructions-screen" />
</div>
</li>
</ul>
<div class="play-btn"><a href="javascript:;" class="play-btn-a"><img src="pixi-dest/images/play.png" alt="play" /></a> </div>
</div>
<!-- form_area -->
<div class="form_area">
<div class="area_1">
<div class="patient_img_area">
<div class="patient_img patient1" data-id="1"><img src="pixi-dest/images/img-1.png" style="display: none" alt="smily" /></div>
<div class="patient_img patient1" data-id="2"><img src="pixi-dest/images/img-2.png" style="display: none" alt="smily" /></div>
<div class="patient_img patient1" data-id="3"><img src="pixi-dest/images/img-3.png" style="display: none" alt="smily" /> </div>
</div>
</div>
<div class="area_2">
<div class="scr_area scr_area1"><span class="Patients_point">000000</span></div>
<div class="scr_area scr_area2">
<img src="pixi-dest/images/doctor_profile.png" alt="doctor profile" class="doc-prfl" />
<img src="pixi-dest/images/doctor_profile.png" alt="doctor profile" class="doc-prfl" />
<img src="pixi-dest/images/doctor_profile.png" alt="docto profile" class="doc-prfl" />
</div>
<div class="scr_area scr_area3 ">Providers left: <span class="Patients_left">4</span></div>
<div class="scr_area scr_area4"><span class="Patients_smily">0</span> <img src="pixi-dest/images/smily.png" alt="smily" class="smily" /></div>
</div>
</div>
<!-- form_area end-->
<!-- ROUND -->
<div class="round"><img src="pixi-dest/images/round_1.png" alt="Round 1" title="Round 1"></div>
<!-- ROUND END -->
<!-- GAME LOSS -->
<div class="game_loss">
<div class="bdr">
<div class="anim_caracter"><img src="pixi-dest/images/Patient5Db.gif" alt="Patient5D" /></div>
<div class="score_get">
<table cellpadding="10" cellspacing="20">
<tr>
<th class="text-right">FINAL SCORE</th>
<td class="text-right over_final_score">0 </td>
</tr>
<tr>
<th class="text-right">PROVIDERS SERVED</th>
<td class="text-right over_patients_served">0 </td>
</tr>
<tr>
<th class="text-right">SMILES COLLECTED</th>
<td class="text-right over_smilies_colloct">0 </td>
</tr>
</table>
<a href="javascript:;" class="replay"><img class="anim_slow" src="pixi-dest/images/replay.png" alt="replay" /></a>
</div>
<img src="pixi-dest/images/score.png" alt="score" class="score-board mobile_hide" />
<img src="pixi-dest/images/board.png" alt="score" class="score-board mobile_show" />
</div>
</div>
<!-- GAME LOSS END -->
<!-- game win -->
<div class="game_win">
<div class="score_get">
<H3>ROUND COMPLETE</H3>
<table cellpadding="10" cellspacing="20">
<tr>
<th class="text-right">providers</th>
<td class="text-right complete_patients_served" >0 </td>
</tr>
<tr>
<th class="text-right">smiles</th>
<td class="text-right complete_smilies_colloct">0 </td>
</tr>
<tr>
<th class="text-right">points</th>
<td class="text-right complete_final_score">0 </td>
</tr>
</table>
<a href="javascript:;" class="upgrade"><img src="pixi-dest/images/upgrade.png" alt="upgrade" class="anim_slow" /></a>
<a href="javascript:;" class="next_play"><img src="pixi-dest/images/play.png" alt="play" class="anim_slow" /></a>
</div>
<img src="pixi-dest/images/board.png" alt="Patient5D" />
</div>
<!-- game win end -->
<!-- upgrade -->
<div class="upgrade_buy">
<div class="p_absolute">
<img src="pixi-dest/images/upgrade_buy.png" alt="score" class="upgrade_img mobile_hide" />
<img src="pixi-dest/images/upgrade_buy_mobile.png" alt="score" class="upgrade_img mobile_show" />
<a href="javascript:;" class="buy_img buy_img1"><img data-option="1" src="pixi-dest/images/buy.png" alt="score" class="anim_slow upgrade_op" /></a>
<a href="javascript:;" class="buy_img buy_img2"><img data-option="2" src="pixi-dest/images/buy.png" alt="score" class="anim_slow upgrade_op" /></a>
<a href="javascript:;" class="buy_img buy_img3"><img data-option="3" src="pixi-dest/images/buy.png" alt="score" class="anim_slow upgrade_op"/></a>
<a href="javascript:;" class="buy_img buy_img4"><img data-option="4" src="pixi-dest/images/buy_300.png" alt="score" class="anim_slow upgrade_op" /></a>
<a href="javascript:;" class="buy_img buy_img5"><img data-option="5" src="pixi-dest/images/buy_450.png" alt="score" class="anim_slow upgrade_op" /></a>
<a href="javascript:;" class="buy_img buy_img6"><img data-option="6" src="pixi-dest/images/buy_600.png" alt="score" class="anim_slow upgrade_op" /></a>
<a href="javascript:;" class="buy_img continue"><img src="pixi-dest/images/continue.png" alt="score" class="anim_slow" /></a>
</div>
<div class="ok_popup">
<p>You do not have enough smiles to purchase this. Continue playing to earn more.</p>
<button type="submit">Ok</button>
</div>
</div>
<!-- upgrade end -->
</div>
<script src="pixi/pixi.dev.js"></script>
<script src="pixi/pixi.min.js"></script>
<script src="pixi/game.js"></script>
<script src="pixi/pixi-sound.js"></script>
<script src="logic.js"></script>
<script src="pixi/custom-sound.js"></script>
<script src="pixi/nthrive.js"></script>
<script src="pixi/custom.js"></script>
<script src="pixi/webfont.js"></script>
<script src="pixi/index.js"></script>
<script src="pixi/popup.js"></script>
<script src="pixi/common.js"></script>
</body>
</html>