File: /home/imensosw/www/imenso.co/dev/nthrive/memory-game/index.html
<!DOCTYPE html>
<html>
<head>
<title>Rapid Recall </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=false, 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="plugins/pixi.min.js"></script>
<script src="plugins/pixi.input2.js"></script>
<script src="plugins/pixi.TextInput.min.js"></script>
<script src="plugins/Tween.js"></script>
<script src="plugins/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<!-- New code for -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pixi-filters@latest/dist/pixi-filters.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js" integrity="sha512-DkPsH9LzNzZaZjCszwKrooKwgjArJDiEjA5tTgr3YX4E6TYv93ICS8T41yFHJnnSmGpnf0Mvb5NhScYbwvhn2w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
let fontName = 'DS-Digital';
window.onload = function()
{
WebFont.load(
{
// this event is triggered when the fonts have been rendered, see https://github.com/typekit/webfontloader
active : function()
{
// let browser take a breath. Some fonts may require more room for taking deep breath
setTimeout(function()
{
// start();
}, 500);
},
// when font is loaded do some magic, so font can be correctly rendered immediately after PIXI is initialized
// fontloading : doMagic,
// multiple fonts can be passed here
custom :
{
families: [ fontName ],
urls: ['fonts/stylesheet.css']
}
});
};
</script>
<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 class="question_area" style="display: none;">
<div class="disclamer" style="display: none;">
The question will appear after watching the full video.
</div>
<div class="question_area_feedback" style="display: none;">
<h2 class="text-center">Question/Feedback here.</h2>
</div>
<h6 class="question audio_hedding" ><span>Q.<em>1</em></span>Conditions listed under some codes for which the code is assigned are</h6>
<ul class="audio_answer" ></ul>
<p class="question_hedding" ><span>Q.<em>1</em></span>Conditions listed under some codes for which the code is assigned are</p>
<ul class="answer" >
</ul>
</div>
<div class="audio_answer_tooltip mostly-customized-scrollbar">
<!--<p>It’s always important to ask open-ended questions when verifying information with the patient.</p>
<p>Studies show that 86 percent of denials are preventable, and entering the incorrect insurance is a leading cause for account rejections and denials. </p>
<p> Just because Mr. Adams had Medicare at his last visit does not mean his coverage is the same. He could have signed up for coverage through an employer, signed up for Medicare Part C (also known as Medicare Advantage), or changed his supplement insurance. </p>-->
</div>
<div id="canvas"></div> <!-- Canvas close -->
<!-- Modal -->
<div class="modal_new animate__animated animate__bounceIn" id="modal_top" style="display: none;">
<!-- Modal background -->
<!--<div class="bg"></div> -->
<div class="modal-container top">
<div class="content-middle">
<h2 class="modal-header modal-header-top">Code</h2>
<div class="modal-body">
<p class="modal-content modal-content-top">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium necessitatibus omnis, eaque
ratione sunt commodi.</p>
</div>
<div class="cta">
<!-- <button>Continue</button> -->
</div>
</div>
</div>
</div>
<div class="modal_new animate__animated animate__bounceIn" id="modal_mid" style="display: none;">
<!-- Modal background -->
<!--<div class="bg"></div> -->
<div class="modal-container mid">
<div class="modal-body">
<h2 class="modal-rationale-header" style="display: none;"></h2>
<p class="modal-rationale-content" style="display: none;"></p>
</div>
<div class="cta">
<!-- <button>Continue</button> -->
</div>
</div>
</div>
<div class="modal_new animate__animated animate__bounceIn" id="modal_bottom" style="display: none;">
<!-- Modal background -->
<!--<div class="bg"></div> -->
<div class="modal-container bottom vertical_cnt">
<div style="display: table;">
<h2 class="modal-header modal-header-bottom modal-vertical-heading"></h2>
<div class="modal-body">
<div class="d-flex1" style="gap:3px; align-items: center;">
<!-- <p class="modal-content modal-content-bottom-code"></p>
<span> - </span> -->
<p class="modal-content modal-content-bottom">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium necessitatibus omnis, eaque
ratione sunt commodi.</p>
</div>
</div>
<div class="cta">
<!-- <button>Continue</button> -->
</div>
</div>
</div>
</div>
<div class="new_modal instruction_modal" style="display: none;">
<div class="container">
<div class="title">INSTRUCTIONS</div>
<div class="content">
Test your denials management knowlegde and challenge your memory with this matching card game. Playing alone or against the computer, your must match a denial scenario with the corresponding Claim Adjustment Reason Code (CARC).
</div>
<div class="content">
There are five setting, each with nine different scenarios.
</div>
<div class="content">
Click on a card from the top or bottom row to begin the game. Flipping over a card from the top row reveals a scenario resulting in a denial for your organization. Flipping over a card from the bottom row reveals a Claim Adjustment Reason Code (CARC) that you would expect to receive for the denial. You must match the resulting denial with the appropriate CARC code to score a point.
</div>
<div class="container-button instruction_modal_close">
<div class="button-1">
<div class="button-2">
<i class="fa-solid fa-circle-xmark close"></i> CLOSE
</div>
</div>
</div>
</div>
</div>
<div class="modal_new animate__animated animate__bounceIn" id="modal_view_result" style="display: none;">
<!-- Modal background -->
<!--<div class="bg"></div> -->
<div class="modal-container view_result">
<div class="modal-top">
<i class="fas fa-times" id="close"></i>
</div>
<div class="modal-body">
<div class="result panel">
<table class="w-100 mb-30">
<thead>
<tr>
<th class="w-50 py-10 text-left bdr_bottom">Scenario</th>
<th class="w-50 py-10 text-left bdr_bottom">Code</th>
</tr>
</thead>
<tbody id="table_view_result">
<tr>
<td class="w-50 py-5 bdr_bottom"><span style="opacity: 0.75;">Question</span></td>
<td class="w-50 py-5 bdr_bottom">Answer</td>
</tr>
<tr>
<td class="w-50 py-5 bdr_bottom"><span style="opacity: 0.75;">Question</td>
<td class="w-50 py-5 bdr_bottom">Answer</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="txt_popup" style="display: none;">
<div class="animate gelatine">
<p id="animate_content">turn it is now</p>
<!--<span>
<img src="images/beachgoer.png" />
<img src="images/computer.png" />
</span>-->
</div>
</div>
</div><!-- main open -->
<script type="text/javascript">
let loader = PIXI.loader;this._uperCardClickNumber
let resources = PIXI.loader.resources;
</script>
<script id="rendered-js">
/* The design was taken from https://uidesigndaily.com/posts/sketch-modal-discount-day-1061 */
/*
const btn = document.getElementById('btn');
const modal = document.getElementById('modal_new');
const close = document.getElementById('close');
// Event listeners
btn.addEventListener('click', () => {
modal.style.display = 'inline-block';
modal.className = 'modal_new animate__animated animate__bounceIn';
});
close.addEventListener('click', () => {
modal.style.display = 'none';
});
window.addEventListener('click', e => {
if (e.target === modal) {
modal.style.display = 'none';
}
});*/
//# sourceURL=pen.js
</script>
<script src="src/modernizr.custom.js"></script>
<script src="src/nthrive.js"></script>
<script src="src/DisplayObject.js"></script>
<script src="src/SGInput.js"></script>
<script src="src/SGTextInput.js"></script>
<script src="src/SGText.js"></script>
<script src="src/SGSprite.js"></script>
<script src="src/SGButton.js"></script>
<script src="src/SGDrag.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="js/SpinCard.js"></script>
<script src="js/PlayScreen.js"></script>
<script src="src/Resources.js"></script>
<script src="src/mobileScreen.js"></script>
<script src="src/pixi-sound.js"></script>
<script src="js/start.js"></script>
</body>
</html>