Intro text now displays when player sees home.html for first time

TODO: rewrite the intro text, it's kinda crappy
master
Skylar Ittner 8 years ago
parent a052c5a0ac
commit 6f051ad621

@ -197,9 +197,4 @@ document.addEventListener("backbutton", function (event) {
} else if ($('#chatmsgs').css('display') !== 'none') {
toggleChat();
}
}, false);
// Show the rules
if (localStorage.getItem("seenintro") !== 'yes') {
openIntro();
localStorage.setItem("seenintro", 'yes');
}
}, false);

@ -89,7 +89,7 @@
$('#found-box').fadeOut('slow');
}, 5000);
}
function showFoundBox2(title, text, title2, text2) {
$('#found-box-title-1').text(title);
$('#found-box-text-1').text(text);
@ -104,10 +104,16 @@
$('#found-box').click(function (e) {
$('#found-box').fadeOut('fast');
});
$('#found-box-2').click(function (e) {
$('#found-box').fadeOut('fast');
});
</script>
<script src="js/location.js"></script>
<script src="js/user.js"></script>
<script src="js/user.js"></script>
<script>
// Show the rules
if (localStorage.getItem("intro") !== 'yes') {
openIntro();
}
</script>

@ -27,7 +27,7 @@
<div class="modal-footer">
<button type="button" onclick="navigator.app.exitApp();" class="btn btn-danger" id="lolnope-btn"><i class="fa fa-arrow-right"></i> I will not</button>
<button type="button" onclick="gotointropage2();" class="btn btn-success" id="gotopage2-btn"><i class="fa fa-arrow-right"></i> I will</button>
<button type="button" data-dismiss="modal" class="btn btn-default" style="display: none;" id="close-intro"><i class="fa fa-check"></i> I am ready!</button>
<button type="button" onclick="localStorage.setItem('intro', 'yes');" data-dismiss="modal" class="btn btn-default" style="display: none;" id="close-intro"><i class="fa fa-check"></i> I am ready!</button>
</div>
</div>
</div>

@ -6,11 +6,11 @@
<div class='list-group-item' onclick='openRules()'>
Show Rules
</div>
<div class='list-group-item' onclick='openscreen("munzeelink")'>
<!--<div class='list-group-item' onclick='openscreen("munzeelink")'>
Link with Munzee account
<br />
<span class="small">When you link a Munzee account, any Munzee QR codes you scan will be automatically captured in Munzee as well.</span>
</div>
</div>-->
<div class='list-group-item' onclick='askLogout()'>
Logout from app
</div>

@ -197,9 +197,4 @@ document.addEventListener("backbutton", function (event) {
} else if ($('#chatmsgs').css('display') !== 'none') {
toggleChat();
}
}, false);
// Show the rules
if (localStorage.getItem("seenintro") !== 'yes') {
openIntro();
localStorage.setItem("seenintro", 'yes');
}
}, false);

@ -89,7 +89,7 @@
$('#found-box').fadeOut('slow');
}, 5000);
}
function showFoundBox2(title, text, title2, text2) {
$('#found-box-title-1').text(title);
$('#found-box-text-1').text(text);
@ -104,10 +104,16 @@
$('#found-box').click(function (e) {
$('#found-box').fadeOut('fast');
});
$('#found-box-2').click(function (e) {
$('#found-box').fadeOut('fast');
});
</script>
<script src="js/location.js"></script>
<script src="js/user.js"></script>
<script src="js/user.js"></script>
<script>
// Show the rules
if (localStorage.getItem("intro") !== 'yes') {
openIntro();
}
</script>

@ -6,6 +6,7 @@
<h4 class="modal-title" id="intro-box-header">Welcome to TerranQuest!</h4>
</div>
<div class="modal-body" id="intro-box-body-1">
<!-- First page of text -->
<p>There are seven types of magic in this world. Six elements of nature: water, fire, earth, wind, light, and dark. There is also a seventh element: life. Life is the source of all magical power.</p>
<p>Long ago, the wielders of the six elements were united as one. The magics were harnessed with responsibility and respect.</p>
<p>Then disagreement and discord arose. Some become jealous of others. A great war followed, destroying much life. As a result of this bloodshed, the magic wilted and died.</p>
@ -13,8 +14,10 @@
<p>Now, however, the world has come full circle. Science has become magic in a different form. The new sorcerers, scientists, harness the powers of the elements with their modern tools. They know little, but the whispers of ancient power has influenced their actions.</p>
<p>The old is become new. Magic is real, it only seems different. Control the elements and bring peace to the Earth. Channel the powers of magic through your smartphone or tablet. It is up to you to give your technology a true purpose. There are those who do not want unity, who thrive in chaos. They are all the more reason to go out and fight.</p>
<p><em>Will you join the quest?</em></p>
<!-- End of first page -->
</div>
<div class="modal-body" id="intro-box-body-2" style='display: none;'>
<!-- Second page of text -->
<p>You have chosen well.</p>
<p>There is some knowledge you must have now. You must discover the rest of the secrets on your own.</p>
<ol class="list-group">
@ -23,11 +26,12 @@
<li class="list-group-item">There are strong points of magic near important landmarks.</li>
<li class="list-group-item">These points of magic can be controlled and enhanced by the different elements to achieve good and evil.</li>
</ol>
<!-- End of second page -->
</div>
<div class="modal-footer">
<button type="button" onclick="navigator.app.exitApp();" class="btn btn-danger" id="lolnope-btn"><i class="fa fa-arrow-right"></i> I will not</button>
<button type="button" onclick="gotointropage2();" class="btn btn-success" id="gotopage2-btn"><i class="fa fa-arrow-right"></i> I will</button>
<button type="button" data-dismiss="modal" class="btn btn-default" style="display: none;" id="close-intro"><i class="fa fa-check"></i> I am ready!</button>
<button type="button" onclick="localStorage.setItem('intro', 'yes');" data-dismiss="modal" class="btn btn-default" style="display: none;" id="close-intro"><i class="fa fa-check"></i> I am ready!</button>
</div>
</div>
</div>