/
index.html
executable file
·99 lines (99 loc) · 5.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Storytron</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="page-header">
<img src="masks-comedy-tragedy-0.png" alt="Comedy & Tragedy Masks">
<h1 id="application-name">Storytron 2</h1>
</div>
<input id="storyworld-name" type="text" size="90" placeholder="Storyworld Name">
<button id="download-storyworld type="button" onclick="downloadStoryworld()">Download Storyworld</button>
<button id="upload-storyworld" type="button" onclick="uploadStoryworld()">Upload Storyworld</button> |
<!--<button id="save-storyworld" type="button" disabled>Save Storyworld</button>
<button id="load-storyworld" type="button" disabled>Load Storyworld</button>|-->
<button id="load-sample-storylets" type="button" onclick="loadSampleStoryworld()">Load Sample Storylets</button>
<!--<button id="load-sample-storyworld" type="button" disabled onclick="loadSampleStoryworld()">Load Sample Storyworld</button>--> | v0.3</p>
<div class="wrapper">
<div id="list-commands-area">
<button id="move-storylet-up" type="button" onclick="moveStoryletUp()" disabled>▲</button>
<button id="move-storylet-down" type="button" onclick="moveStoryletDown()" disabled>▼</button>
<button id="delete-storylet" type="button" onclick="deleteStorylet()" disabled>Delete</button>
</div>
<div id="list-area">
STORYLETS</p>
<select id="list-of-storylets" size="35"></select>
</div>
<div id="storylet-commands-area">
<button id="new-storylet" type="button" onclick="newStorylet()">New</button>
<button id="edit-storylet" type="button" onclick="editStorylet()">Edit</button>
<button id="save-storylet" type="button" disabled onclick="saveStorylet()">Save</button>
</div>
<div id="edit-field-area">
STORYLET</p>
Title<br>
<textarea id="storylet-editor-title" class="edit-field" rows="1" cols="50"></textarea></p>
Text<br>
<textarea id="storylet-editor-text" class="edit-field" rows="5" cols="50"></textarea></p>
Response 1<br>
<textarea id="storylet-editor-response-1" class="edit-field" rows="3" cols="50"></textarea></p>
Reaction 1<br>
<textarea id="storylet-editor-reaction-1" class="edit-field" rows="3" cols="50"></textarea></p>
Response 2<br>
<textarea id="storylet-editor-response-2" class="edit-field" rows="3" cols="50"></textarea></p>
Reaction 2<br>
<textarea id="storylet-editor-reaction-2" class="edit-field" rows="3" cols="50"></textarea></p>
Response 3<br>
<textarea id="storylet-editor-response-3" class="edit-field" rows="3" cols="50"></textarea></p>
Reaction 3<br>
<textarea id="storylet-editor-reaction-3" class="edit-field" rows="3" cols="50"></textarea></p>
</div>
<!--<div id="variable-commands-area"></div>
<div id="edit-variable-area">
STORYLET VARIABLES</p>
</div>-->
<div id="actor-branching-commands-area"></div>
<div id="actor-branching-area">
STORYLET BRANCHING</p>
<select id="list-of-branches" size="28">
<option id="" selected="selected">NEXT STORYLET IN LIST</option>
</select></p>
<button id="calculate-branching" type="button" disabled>Calculate Branching</button></p>
<!--ACTOR</p>
<select id="list-of-actors">
<option selected="selected">NONE</option>
</select>-->
</div>
<div id="player-commands-area">
<select id="player-command-menu" onchange="previewOrPlay()">
<option selected="selected">Preview</option>
<option>Play</option>
</select>
<span id="player-messages"></span></span>
</div>
<div id="player-area">
<text id="player-title">STORYLET PREVIEW</text>
<div>
<p id="storylet-player-text"></p>
<a id="next-link" href="#" style="display: none">Next</a>
<br>
<br>
<p><a id="storylet-player-response-1" href="#"></a></p>
<p><a id="storylet-player-response-2" href="#"></a></p>
<p><a id="storylet-player-response-3" href="#"></a></p>
</div>
</div>
<!--<div id="json-commands-area">
<button id="create-json" type="button" disabled onclick="createJson()">Create JSON</button>
</div>
<div id="created-json-area">
CONSOLE</p>
<textarea id="display-json" rows="43" cols="50" readonly></textarea>
</div>-->
</div>
<script type="text/javascript" src="storytron.js"></script>
</body>
</html>