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 = 'references';
}
2013-06-14 00:21:34 +03:00
< / script >
< / head >
< body >
< div class = "hideintrolink nodisplay"
onclick="gamebook.hideIntroSections()">(hide instructions)< / div >
< div class = "gamebook" >
< div class = "introsection" >
2013-06-16 22:42:02 +03:00
< div class = "introsectionheading" > Introduction< / div >
2013-06-14 00:21:34 +03:00
< div class = "introsectionbody" >
2013-06-20 23:59:25 +03:00
This gamebook demonstrates simple references between sections. Also notice that an intro section like this one can reference sections, like the start at < a class = "sectionref enabledlink" data-ref = "1"
href="#section1">1< / a > or the next section at < a class = "sectionref enabledlink" data-ref = "400"
2013-07-28 19:45:02 +03:00
href="#section400">400< / a > . References can include an optional name that is used in some formats, so the same links could also be rendered as < a class = "sectionref enabledlink" data-ref = "1"
href="#section1">start< / a > and < a class = "sectionref enabledlink" data-ref = "400"
href="#section400">next< / a > .
2013-06-14 00:21:34 +03:00
< / div >
< / div >
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" >
2013-06-20 23:59:25 +03:00
This is where the adventure begins. You can go on to the next section, see < a class = "sectionref enabledlink" data-ref = "400"
href="#section400">400< / a > or try the random selection feature at < a class = "sectionref enabledlink" data-ref = "399"
href="#section399">399< / 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-16 22:25:50 +03:00
< / script > < div class = "section" id = "section397" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para397" > 397< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-16 22:25:50 +03:00
The end.
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-16 22:25:50 +03:00
gamebook.addSection(397, document.getElementById('section397'));
2013-06-14 00:21:34 +03:00
}
2013-06-16 22:25:50 +03:00
< / script > < div class = "section" id = "section398" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para398" > 398< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-16 22:25:50 +03:00
Alternative ending.
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-16 22:25:50 +03:00
gamebook.addSection(398, document.getElementById('section398'));
2013-06-14 00:21:34 +03:00
}
2013-06-16 22:25:50 +03:00
< / script > < div class = "section" id = "section399" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para399" > 399< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-20 23:59:25 +03:00
< span class = "random enabledlink" > Pick a destination at random< / span > from < a class = "sectionref enabledlink" data-ref = "400"
href="#section400">400< / a > or < a class = "sectionref enabledlink" data-ref = "397"
href="#section397">397< / a > or < a class = "sectionref enabledlink" data-ref = "398"
href="#section398">398< / 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-16 22:25:50 +03:00
gamebook.addSection(399, document.getElementById('section399'));
2013-06-14 00:21:34 +03:00
}
2013-06-16 22:25:50 +03:00
< / script > < div class = "section" id = "section400" >
2013-06-16 22:42:02 +03:00
< div class = "sectionnumber" id = "para400" > 400< / div >
2013-06-14 00:21:34 +03:00
< div class = "sectiontext" >
2013-06-20 23:59:25 +03:00
This is the next section. Go on to the end at < a class = "sectionref enabledlink" data-ref = "397"
href="#section397">397< / 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-16 22:25:50 +03:00
gamebook.addSection(400, document.getElementById('section400'));
2013-06-14 00:21:34 +03:00
}
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 >