lynne-simulator/Lynne Simulator.inform/Index/Welcome.html

789 lines
24 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h3.tighter {
margin-top: 0px;
}
p.hang {
padding-left: 25px;
text-indent: -25px;
margin-top: 0px;
margin-bottom: 0px;
}
p.in1 {
padding-left: 0px;
}
p.tightin1 {
padding-left: 0px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin1 {
padding-left: 0px;
margin-bottom: 2px;
}
p.hangingin1 {
padding-left: 50px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in2 {
padding-left: 25px;
}
p.tightin2 {
padding-left: 25px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin2 {
padding-left: 25px;
margin-bottom: 2px;
}
p.hangingin2 {
padding-left: 75px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in3 {
padding-left: 50px;
}
p.tightin3 {
padding-left: 50px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin3 {
padding-left: 50px;
margin-bottom: 2px;
}
p.hangingin3 {
padding-left: 100px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in4 {
padding-left: 75px;
}
p.tightin4 {
padding-left: 75px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin4 {
padding-left: 75px;
margin-bottom: 2px;
}
p.hangingin4 {
padding-left: 125px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in5 {
padding-left: 100px;
}
p.tightin5 {
padding-left: 100px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin5 {
padding-left: 100px;
margin-bottom: 2px;
}
p.hangingin5 {
padding-left: 150px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in6 {
padding-left: 125px;
}
p.tightin6 {
padding-left: 125px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin6 {
padding-left: 125px;
margin-bottom: 2px;
}
p.hangingin6 {
padding-left: 175px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in7 {
padding-left: 150px;
}
p.tightin7 {
padding-left: 150px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin7 {
padding-left: 150px;
margin-bottom: 2px;
}
p.hangingin7 {
padding-left: 200px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in8 {
padding-left: 175px;
}
p.tightin8 {
padding-left: 175px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin8 {
padding-left: 175px;
margin-bottom: 2px;
}
p.hangingin8 {
padding-left: 225px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
p.in9 {
padding-left: 200px;
}
p.tightin9 {
padding-left: 200px;
margin-top: 2px;
margin-bottom: 2px;
}
p.halftightin9 {
padding-left: 200px;
margin-bottom: 2px;
}
p.hangingin9 {
padding-left: 250px;
text-indent: -50px;
margin-top: 0px;
margin-bottom: 1px;
}
div.hr {
border: 0;
width: 100%;
color: #707070;
background-color: #707070;
height: 5px;
}
.headingbox {
position: relative;
height: 56px;
padding: 0px;
white-space:nowrap;
background: #eeeeee; /* grey */
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
}
.headingboxhigh {
position: relative;
height: 117px;
padding: 0px;
white-space:nowrap;
background: #eeeeee; /* grey */
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
}
.headingboxSucceeded {
position: relative;
height: 56px;
padding: 0px;
white-space:nowrap;
background: #E6FFE6; /* green */
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
}
.headingboxFailed {
position: relative;
height: 56px;
padding: 0px;
white-space:nowrap;
background: #f69Ca6; /* red */
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
}
.headingtext {
position: absolute;
top: -4px;
left: -1px;
width: 100%;
color: #222222;
padding: 14px 10px 0px 10px;
font-size: 20px;
font-weight: bold;
}
.headingrubric {
position: absolute;
top: 36px;
width: 100%;
color: #222222;
padding: 0px 10px 0px 10px;
font-size: 11px;
font-weight: bold;
}
-->
</style>
<script type="text/javascript">
function project() {
if ("Project" in window) return window.Project;
return external.Project;
}
function showExtra(id, imid) {
if (document.getElementById(id).style.display == 'block') {
document.getElementById(id).style.display = 'none';
document.getElementById(imid).src = 'inform:/doc_images/extra.png';
} else {
document.getElementById(id).style.display = 'block';
document.getElementById(imid).src = 'inform:/doc_images/extraclose.png';
}
}
function showBasic(id) {
if (document.getElementById(id).style.display == '') {
document.getElementById(id).style.display = 'none';
} else {
document.getElementById(id).style.display = '';
}
}
function showResp(id, imid) {
if (document.getElementById(id)) {
if (document.getElementById(id).style.display == 'block') {
document.getElementById(id).style.display = 'none';
document.getElementById(imid).src = 'inform:/doc_images/responses.png';
} else {
document.getElementById(id).style.display = 'block';
document.getElementById(imid).src = 'inform:/doc_images/responsesclose.png';
}
}
}
function showAllResp() {
for (var i=0;i<376;i++) {
showResp('extra'+(1000000+i), 'plus'+(1000000+i));
}
}
</script>
<style type="text/css" media="screen, print">
p {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
.box a:link { text-decoration: none; }
.box a:visited { text-decoration: none; }
.box a:active { text-decoration: none; }
.box a:hover { text-decoration: none; color: #444444; }
.smallbox a:link { text-decoration: none; }
.smallbox a:visited { text-decoration: none; }
.smallbox a:active { text-decoration: none; }
.smallbox a:hover { text-decoration: none; color: #444444; }
.symbol {
position: absolute;
top: -4px;
left: -1px;
width: 100%;
color: #ffffff;
padding: 14px 0px 14px 1px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.indexno {
position: absolute;
top: 1px;
left: 3px;
color: #ffffff;
font-size: 7pt;
text-align: left;
}
.rubric {
position: absolute;
top: 35px;
width: 100%;
color: #ffffff;
font-size: 9px;
font-weight: bold;
text-align: center;
}
.box {
position: relative;
height: 56px;
width: 56px;
padding: 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
}
.sidebar {
height: 56px;
width: 16px;
background: #888;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
}
.sidebar:hover { background: #222; }
.smallbox {
position: relative;
height: 40px;
width: 40px;
padding: 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
}
#box1_1 {
background: #cf0a38;
}
#minibox1_1 {
background: #cf0a38;
}
#box1_2 {
background: #cf0a38;
}
#minibox1_2 {
background: #cf0a38;
}
#box1_3 {
background: #cf0a38;
}
#minibox1_3 {
background: #cf0a38;
}
#box1_4 {
background: #cf0a38;
}
#minibox1_4 {
background: #cf0a38;
}
#box1_5 {
background: #cf0a38;
}
#minibox1_5 {
background: #cf0a38;
}
#box2_1 {
background: #ea5b1f;
}
#minibox2_1 {
background: #ea5b1f;
}
#box2_2 {
background: #ea5b1f;
}
#minibox2_2 {
background: #ea5b1f;
}
#box2_3 {
background: #ea5b1f;
}
#minibox2_3 {
background: #ea5b1f;
}
#box2_4 {
background: #ea5b1f;
}
#minibox2_4 {
background: #ea5b1f;
}
#box2_5 {
background: #ea5b1f;
}
#minibox2_5 {
background: #ea5b1f;
}
#box3_1 {
background: #e9cf08;
}
#minibox3_1 {
background: #e9cf08;
}
#box3_2 {
background: #e9cf08;
}
#minibox3_2 {
background: #e9cf08;
}
#box3_3 {
background: #e9cf08;
}
#minibox3_3 {
background: #e9cf08;
}
#box4_1 {
background: #52992f;
}
#minibox4_1 {
background: #52992f;
}
#box4_2 {
background: #52992f;
}
#minibox4_2 {
background: #52992f;
}
#box4_3 {
background: #52992f;
}
#minibox4_3 {
background: #52992f;
}
#box4_4 {
background: #52992f;
}
#minibox4_4 {
background: #52992f;
}
#box5_1 {
background: #1d31b4;
}
#minibox5_1 {
background: #1d31b4;
}
#box5_2 {
background: #1d31b4;
}
#minibox5_2 {
background: #1d31b4;
}
#box6_1 {
background: #001860;
}
#minibox6_1 {
background: #001860;
}
#box6_2 {
background: #001860;
}
#minibox6_2 {
background: #001860;
}
#box6_3 {
background: #001860;
}
#minibox6_3 {
background: #001860;
}
#box7_1 {
background: #8b58bf;
}
#minibox7_1 {
background: #8b58bf;
}
#box7_2 {
background: #8b58bf;
}
#minibox7_2 {
background: #8b58bf;
}
#box8_1 {
background: #111111;
}
#minibox8_1 {
background: #111111;
}
ul.leaders {
padding: 0;
margin-top: 1px;
margin-bottom: 0;
overflow-x: hidden;
list-style: none}
ul.leaders li.leaded:before {
float: left;
width: 0;
white-space: nowrap;
content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "}
ul.leaders li.leaded span:first-child {
padding-right: 0.33em;
background: white}
ul.leaders li.leaded span + span {
float: right;
padding-left: 0.33em;
background: white}
li.indent1 span:first-child {
padding-left: 25px;
}
li.indent2 span:first-child {
padding-left: 50px;
}
li.indent3 span:first-child {
padding-left: 75px;
}
li.indent4 span:first-child {
padding-left: 100px;
}
li.indent5 span:first-child {
padding-left: 125px;
}
li.indent6 span:first-child {
padding-left: 150px;
}
li.indent7 span:first-child {
padding-left: 175px;
}
li.indent8 span:first-child {
padding-left: 200px;
}
li.indent9 span:first-child {
padding-left: 225px;
}
li.unleaded:before {
content: "";
}
</style>
<script type="text/javascript">
var qq; window.onload = function() {
if (location.search.length > 0) {
qq = location.search.substring(1, location.search.length);
show_only_one_element(qq);
}
}
function click_element_box(id) {
if (document.getElementById(id).style.display == 'none') {
show_only_one_element(id);
} else {
var x = 0;
if (document.getElementById('segment1').style.display == '') { x++; }
if (x == 1) { show_all_elements(); }
else { show_only_one_element(id); }
}
}
function click_sidebar() {
if (document.getElementById('surround0').style.display == 'none') {
enter_periodic_table();
} else {
show_all_elements();
}
}
function show_all_elements() {
show_element('segment1');
light_up('segment1');
}
function show_only_one_element(id) {
hide_element('segment1');
light_down('segment1');
show_element(id);
light_up(id);
}
function enter_periodic_table() {
hide_element('segment1');
light_up('segment1');
}
function show_element(id) {
document.getElementById(id).style.display = '';
}
function hide_element(id) {
document.getElementById(id).style.display = 'none';
}
function light_up(id) {
var ic = 'box8_1';
document.getElementById(ic).style.background = '#111111';
}
function light_down(id) {
var ic = 'box8_1';
document.getElementById(ic).style.background = '#cccccc';
}
</script>
</head>
<body>
<script language="JavaScript">function pasteCode(code) { var myProject = project(); myProject.selectView('source'); myProject.pasteCode(code); }</script>
<font size=2>
<!--CONTENT BEGINS-->
<div id="periodictable">
<table cellspacing="3" border="0" width="100%">
<tr id="surround0"><td></td><td colspan="2"><img src='inform:/doc_images/index@2x.png' border=1 width=115 height=115></td><td colspan="4" style="width:100%;">
<div class="headingboxhigh">
<div class="headingtext">Welcome to the Index</div>
<div class="headingrubric">A guide which grows with your project</div>
</div></td>
</tr><tr><td onclick="window.location='Contents.html'; return false;"><div class="sidebar"></div></td><td onclick="window.location='Contents.html?segment1'; return false;"><div id="box1_1" class="box">
<a class="symbol" title="Contents" href="#">C</a>
<div class="indexno">1</div>
<div class="rubric">Contents</div>
</div>
</td><td onclick="window.location='Contents.html?segment2'; return false;"><div id="box1_2" class="box">
<a class="symbol" title="Card" href="#">Cd</a>
<div class="indexno">2</div>
<div class="rubric">Card</div>
</div>
</td><td onclick="window.location='Contents.html?segment3'; return false;"><div id="box1_3" class="box">
<a class="symbol" title="Tables" href="#">Tb</a>
<div class="indexno">3</div>
<div class="rubric">Tables</div>
</div>
</td><td onclick="window.location='Contents.html?segment4'; return false;"><div id="box1_4" class="box">
<a class="symbol" title="Figures" href="#">Fi</a>
<div class="indexno">4</div>
<div class="rubric">Figures</div>
</div>
</td><td onclick="window.location='Contents.html?segment5'; return false;"><div id="box1_5" class="box">
<a class="symbol" title="Innards" href="#">In</a>
<div class="indexno">5</div>
<div class="rubric">Innards</div>
</div>
</td><td onclick="window.location='Contents.html'; return false;" style="width:100%">
<div class="headingbox">
<div class="headingtext">Contents Index</div>
<div class="headingrubric">Like the preliminary pages of a book</div>
</div></td>
</tr><tr><td onclick="window.location='Actions.html'; return false;"><div class="sidebar"></div></td><td onclick="window.location='Actions.html?segment1'; return false;"><div id="box2_1" class="box">
<a class="symbol" title="Grouped" href="#">A1</a>
<div class="indexno">1</div>
<div class="rubric">Grouped</div>
</div>
</td><td onclick="window.location='Actions.html?segment2'; return false;"><div id="box2_2" class="box">
<a class="symbol" title="Alphabetic" href="#">A2</a>
<div class="indexno">2</div>
<div class="rubric">Alphabetic</div>
</div>
</td><td onclick="window.location='Actions.html?segment3'; return false;"><div id="box2_3" class="box">
<a class="symbol" title="Behaviour" href="#">Bh</a>
<div class="indexno">3</div>
<div class="rubric">Behaviour</div>
</div>
</td><td onclick="window.location='Actions.html?segment4'; return false;"><div id="box2_4" class="box">
<a class="symbol" title="Commands" href="#">Cm</a>
<div class="indexno">4</div>
<div class="rubric">Commands</div>
</div>
</td><td onclick="window.location='Actions.html?segment5'; return false;"><div id="box2_5" class="box">
<a class="symbol" title="Tokens" href="#">To</a>
<div class="indexno">5</div>
<div class="rubric">Tokens</div>
</div>
</td><td onclick="window.location='Actions.html'; return false;" style="width:100%">
<div class="headingbox">
<div class="headingtext">Actions Index</div>
<div class="headingrubric">Things that people can try to do</div>
</div></td>
</tr><tr><td onclick="window.location='Kinds.html'; return false;"><div class="sidebar"></div></td><td onclick="window.location='Kinds.html?segment1'; return false;"><div id="box3_1" class="box">
<a class="symbol" title="Chart" href="#">Ch</a>
<div class="indexno">1</div>
<div class="rubric">Chart</div>
</div>
</td><td onclick="window.location='Kinds.html?segment2'; return false;"><div id="box3_2" class="box">
<a class="symbol" title="Arithmetic" href="#">Ar</a>
<div class="indexno">2</div>
<div class="rubric">Arithmetic</div>
</div>
</td><td onclick="window.location='Kinds.html?segment3'; return false;"><div id="box3_3" class="box">
<a class="symbol" title="Values" href="#">Vl</a>
<div class="indexno">3</div>
<div class="rubric">Values</div>
</div>
</td><td onclick="window.location='Kinds.html'; return false;" colspan="3" style="width:100%">
<div class="headingbox">
<div class="headingtext">Kinds Index</div>
<div class="headingrubric">All the different sorts of value</div>
</div></td>
</tr><tr><td onclick="window.location='Phrasebook.html'; return false;"><div class="sidebar"></div></td><td onclick="window.location='Phrasebook.html?segment1'; return false;"><div id="box4_1" class="box">
<a class="symbol" title="Phrases" href="#">Ph</a>
<div class="indexno">1</div>
<div class="rubric">Phrases</div>
</div>
</td><td onclick="window.location='Phrasebook.html?segment2'; return false;"><div id="box4_2" class="box">
<a class="symbol" title="Lexicon" href="#">Lx</a>
<div class="indexno">2</div>
<div class="rubric">Lexicon</div>
</div>
</td><td onclick="window.location='Phrasebook.html?segment3'; return false;"><div id="box4_3" class="box">
<a class="symbol" title="Relations" href="#">Rl</a>
<div class="indexno">3</div>
<div class="rubric">Relations</div>
</div>
</td><td onclick="window.location='Phrasebook.html?segment4'; return false;"><div id="box4_4" class="box">
<a class="symbol" title="Verbs" href="#">Vb</a>
<div class="indexno">4</div>
<div class="rubric">Verbs</div>
</div>
</td><td onclick="window.location='Phrasebook.html'; return false;" colspan="2" style="width:100%">
<div class="headingbox">
<div class="headingtext">Phrasebook Index</div>
<div class="headingrubric">A short dictionary</div>
</div></td>
</tr><tr><td onclick="window.location='Rules.html'; return false;"><div class="sidebar"></div></td><td onclick="window.location='Rules.html?segment1'; return false;"><div id="box5_1" class="box">
<a class="symbol" title="Standards" href="#">St</a>
<div class="indexno">1</div>
<div class="rubric">Standards</div>
</div>
</td><td onclick="window.location='Rules.html?segment2'; return false;"><div id="box5_2" class="box">
<a class="symbol" title="Extras" href="#">Xt</a>
<div class="indexno">2</div>
<div class="rubric">Extras</div>
</div>
</td><td onclick="window.location='Rules.html'; return false;" colspan="4" style="width:100%">
<div class="headingbox">
<div class="headingtext">Rules Index</div>
<div class="headingrubric">Inform's general workings</div>
</div></td>
</tr><tr><td onclick="window.location='Scenes.html'; return false;"><div class="sidebar"></div></td><td onclick="window.location='Scenes.html?segment1'; return false;"><div id="box6_1" class="box">
<a class="symbol" title="Plot" href="#">Pl</a>
<div class="indexno">1</div>
<div class="rubric">Plot</div>
</div>
</td><td onclick="window.location='Scenes.html?segment2'; return false;"><div id="box6_2" class="box">
<a class="symbol" title="Events" href="#">Ev</a>
<div class="indexno">2</div>
<div class="rubric">Events</div>
</div>
</td><td onclick="window.location='Scenes.html?segment3'; return false;"><div id="box6_3" class="box">
<a class="symbol" title="Rules" href="#">RS</a>
<div class="indexno">3</div>
<div class="rubric">Rules</div>
</div>
</td><td onclick="window.location='Scenes.html'; return false;" colspan="3" style="width:100%">
<div class="headingbox">
<div class="headingtext">Scenes Index</div>
<div class="headingrubric">Like scenes in a movie</div>
</div></td>
</tr><tr><td onclick="window.location='World.html'; return false;"><div class="sidebar"></div></td><td onclick="window.location='World.html?segment1'; return false;"><div id="box7_1" class="box">
<a class="symbol" title="Map" href="#">Mp</a>
<div class="indexno">1</div>
<div class="rubric">Map</div>
</div>
</td><td onclick="window.location='World.html?segment2'; return false;"><div id="box7_2" class="box">
<a class="symbol" title="Gazetteer" href="#">Gz</a>
<div class="indexno">2</div>
<div class="rubric">Gazetteer</div>
</div>
</td><td onclick="window.location='World.html'; return false;" colspan="4" style="width:100%">
<div class="headingbox">
<div class="headingtext">World Index</div>
<div class="headingrubric">Like locations, props and actors in a movie</div>
</div></td>
</tr></table></div>
<!--CONTENT ENDS-->
</font>
</body>
</html>