2013-06-14 00:21:34 +03:00
<!DOCTYPE html>
< html >
< head >
< meta charset = 'utf-8' >
< meta name = "viewport"
content="width=device-width, initial-scale=1, maximum-scale=1">
2013-06-16 23:12:53 +03:00
< title > Gamebook< / title >
< script type = "text/javascript" src = "gamebookformatplay.js" > < / script >
< link rel = "stylesheet" href = "gamebookformat.css"
type="text/css" />
2013-06-14 00:21:34 +03:00
< script >
2013-06-20 23:59:25 +03:00
if (typeof gamebook !== 'undefined') {
gamebook.id = 'codewords';
}
2013-06-14 00:21:34 +03:00
< / script >
< / head >
< body >
< div class = "hideintrolink nodisplay"
onclick="gamebook.hideIntroSections()">(hide instructions)< / div >
< div class = "gamebook" >
2013-06-15 00:25:52 +03:00
2013-06-16 22:18:28 +03:00
< div class = "resumelink nodisplay"
onclick="gamebook.loadGame()">Resume saved game.< / div >
2013-06-14 00:21:34 +03:00
< div class = "startlink"
onclick="gamebook.turnTo(1)">Turn to 1 to begin.< / div >
2013-06-16 22:18:28 +03:00
< script >
2013-06-20 23:59:25 +03:00
if (typeof gamebook !== 'undefined' & & gamebook.hasSavedGame()) {
2013-06-16 22:18:28 +03:00
var resumeLinks = document.getElementsByClassName('resumelink');
Array.prototype.forEach.call(resumeLinks, function(e) {
e.classList.remove('nodisplay');
});
}
< / script >
2013-06-14 00:21:34 +03:00
< div class = "section" id = "section1" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para1" > 1< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
Demonstrating how < span class = "collect" data-type = "code"
2013-06-20 23:59:25 +03:00
data-name="Codewords">Codewords< / span > (AKA sightings) can be used. Go to < a class = "sectionref enabledlink" data-ref = "2"
href="#section2">2< / a > .
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(1, document.getElementById('section1'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section2" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para2" > 2< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
Got codeword < span class = "add" data-type = "code"
2013-06-20 23:59:25 +03:00
data-what="warrior">warrior< / span > . Simple enough to set a codeword. Turn to < a class = "sectionref enabledlink" data-ref = "9"
href="#section9">9< / a > .
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(2, document.getElementById('section2'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section3" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para3" > 3< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-16 22:18:28 +03:00
That was easy.
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(3, document.getElementById('section3'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section4" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para4" > 4< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-20 23:59:25 +03:00
OK, if you have the codeword < span class = "has" data-type = "code" data-what = "warrior" > warrior< / span > , you may turn to < span class = "xor" > < / span > < a class = "sectionref enabledlink" data-ref = "3"
href="#section3">3< / a > otherwise you may go back to < a class = "sectionref enabledlink" data-ref = "2"
href="#section2">2< / a > . Although we both know you have that codeword. If you have the codeword < span class = "has" data-type = "code" data-what = "fun" > fun< / span > you may turn to < span class = "xor" > < / span > < a class = "sectionref enabledlink" data-ref = "5"
href="#section5">5< / a > , without it you can go to < a class = "sectionref enabledlink" data-ref = "8"
href="#section8">8< / a > .
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(4, document.getElementById('section4'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section5" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para5" > 5< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-16 22:25:50 +03:00
Cheater! There is no way you can have codeword fun.
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(5, document.getElementById('section5'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section6" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para6" > 6< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-20 23:59:25 +03:00
If you have the codeword < span class = "has" data-type = "code" data-what = "fun" > fun< / span > turn to < span class = "auto" > < / span > < a class = "sectionref enabledlink" data-ref = "5"
href="#section5">5< / a > . Otherwise you can go to the end at < a class = "sectionref enabledlink" data-ref = "3"
href="#section3">3< / a > or to the xortest at < a class = "sectionref enabledlink" data-ref = "4"
href="#section4">4< / a > .
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(6, document.getElementById('section6'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section7" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para7" > 7< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-20 23:59:25 +03:00
If you have codeword < span class = "has" data-type = "code" data-what = "warrior" > warrior< / span > turn to < span class = "auto" > < / span > < a class = "sectionref enabledlink" data-ref = "6"
href="#section6">6< / a > . Otherwise you can go to the end at < a class = "sectionref enabledlink" data-ref = "3"
href="#section3">3< / a > or back to < a class = "sectionref enabledlink" data-ref = "1"
href="#section1">1< / a > .
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(7, document.getElementById('section7'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section8" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para8" > 8< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-20 23:59:25 +03:00
This is just to demonstrate choices allowed when not having a codeword. Now go on to < a class = "sectionref enabledlink" data-ref = "7"
href="#section7">7< / a > (autotest) or < a class = "sectionref enabledlink" data-ref = "4"
href="#section4">4< / a > (xor test).
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(8, document.getElementById('section8'));
}
2013-06-15 00:25:52 +03:00
< / script > < div class = "section" id = "section9" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para9" > 9< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-20 23:59:25 +03:00
If you have the codeword < span class = "has" data-type = "code" data-what = "warrior" > warrior< / span > you may turn to < a class = "sectionref enabledlink" data-ref = "3"
href="#section3">3< / a > . If you do not have the codeword < span class = "hasnot" data-type = "code"
data-what="fun">fun< / span > , you may turn to < a class = "sectionref enabledlink" data-ref = "8"
href="#section8">8< / a > . If you have the codeword < span class = "has" data-type = "code" data-what = "fun" > fun< / span > , you may instead turn to < a class = "sectionref enabledlink" data-ref = "5"
href="#section5">5< / a > . Otherwise see < a class = "sectionref enabledlink" data-ref = "4"
href="#section4">4< / a > .
2013-06-14 00:21:34 +03:00
< / div >
< / div >
< script >
2013-06-29 23:21:06 +03:00
if (typeof gamebook !== 'undefined') {
2013-06-14 00:21:34 +03:00
gamebook.addSection(9, document.getElementById('section9'));
}
2013-06-18 23:21:29 +03:00
< / script > < div id = "counters" class = "counters" >
< / div >
< div id = "counterTemplate" class = "counterTemplate" >
< span class = "counterheading" > < / span >
< span class = "countercontents" > < / span >
< / div >
< / div >
< div id = "collections" class = "collections" >
2013-06-14 00:21:34 +03:00
< / div >
< div id = "collectionTemplate" class = "collectionTemplate" >
< span class = "collectionheading" > < / span >
< span class = "collectioncontents" > < / span >
< / div >
< / div >
< script >
2013-06-20 23:59:25 +03:00
if (typeof gamebook !== 'undefined') {
gamebook.prepare();
2013-06-14 00:21:34 +03:00
}
< / script >
< div class = "displayintrolink nodisplay"
onclick="gamebook.showIntroSections()">(show instructions)< / div >
2013-06-14 23:24:56 +03:00
< / div >
2013-06-14 00:21:34 +03:00
< / body >
< / html >