This repository has been archived by the owner on Nov 18, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
166 lines (141 loc) · 4.56 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<html>
<head>
<title>Test [a||b]</title>
<style>
body {
font-family: sans-serif;
padding: 50px;
background-color: #eee8d5;
color: #586e75;
}
h1, h2 {
color: #073642;
}
textarea {
background-color: #eaeaea;
width:50%;
min-height: 200px;
border-radius: 5px;
overflow-y: auto;
}
pre {
outline: 1px solid #ccc;
padding: 5px;
margin: 5px;
height: 50%;
min-height: 200px;
white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-y:scroll;
color: #657b83;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
font-size:11px;
line-height: 1.5;
background-color: #002b37;
}
.string { color: #2aa198; }
.number { color: #cb4b16; }
.boolean { color: #6c71c4; }
.null { color: #b58900; }
.key { color: #859900; }
textarea {
height: 1px;
display: block;
width:1px;
position:absolute;
left:999px;
}
main.wrapper {
margin: auto;
display: block;
max-width: 1200px;
}
.invalid {
max-height: 100px;
}
</style>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="node_modules/requirejs/require.js"></script>
<script src="js/index.js"></script>
<body>
<main class='wrapper'>
<h2>TwineJson results</h1>
<hr>
<h3>Hierarchical JSON output (Whole tree)</h3>
<pre id='output'>
</pre>
<h3>Plain JSON output</h3>
<pre id='outputPlain'>
</pre>
</main>
<div id='storyData' style="display: none;"><tw-storydata name="Test" startnode="1" creator="Twine" creator-version="2.0.11" ifid="1F7F0675-339C-4CDF-952C-FB0A8D778EE1" format="TwineJson" options="" hidden><style role="stylesheet" id="twine-user-stylesheet" type="text/twine-css"></style><script role="script" id="twine-user-script" type="text/twine-javascript"></script>
<!-- complexity 2, with variables -->
<tw-passagedata pid="1" name="You see a distant castle" tags="" position="113,130">{{text}}
There is a distant castle
long after the fores
up the hill.
{{/text}}
{{uncanny}}
true
{{/uncanny}}
[[Go to the bridge]]</tw-passagedata>
<tw-passagedata pid="2" name="Middle" tags="" position="290,131">{{text}}
You ran to the middle of the hall
{{/text}}
[[Run Away]]
[[Fight against him]]</tw-passagedata>
<tw-passagedata pid="3" name="Run Away" tags="" position="289,281">Double-click this passage to edit it.</tw-passagedata>
<tw-passagedata pid="4" name="Fight against him" tags="" position="450,131">[[Get the sword form the floor!]]
</tw-passagedata>
<tw-passagedata pid="5" name="The emperor awaits" tags="" position="449,281">[[Fight against him]]
[[Run away]]
</tw-passagedata>
<tw-passagedata pid="6" name="Go to the bridge" tags="" position="113,280">[[Enter the gates]]
</tw-passagedata>
<tw-passagedata pid="7" name="Enter the gates" tags="" position="291,412">[[The emperor awaits]]</tw-passagedata>
<tw-passagedata pid="8" name="Get the sword form the floor!" tags="" position="611,130">{{text}}
He strikes you in the head,
you are dead
{{/text}}
{{end}}
true
{{/end}}</tw-passagedata>
<!-- cyclic -->
<!--<tw-passagedata pid="1" name="A" tags="" position="627,314">[[b]]
</tw-passagedata>
<tw-passagedata pid="2" name="b" tags="" position="981,409">[[c]]
[[d->d1]]
</tw-passagedata>
<tw-passagedata pid="3" name="c" tags="" position="980,567"></tw-passagedata>
<tw-passagedata pid="4" name="d1" tags="" position="632,568">[[A]]
</tw-passagedata>
</tw-storydata>
-->
<!-- bifurcated -->
<!--
<tw-passagedata pid="1" name="A" tags="" position="627,314">[[b]]
</tw-passagedata>
<tw-passagedata pid="2" name="b" tags="" position="981,409">[[c]]
[[d->d1]]
</tw-passagedata>
<tw-passagedata pid="3" name="c" tags="" position="981,559">C content
</tw-passagedata>
<tw-passagedata pid="4" name="d1" tags="" position="1131,559">d1 content
</tw-passagedata>
</tw-storydata>
-->
<!--<tw-passagedata pid="1" name="Night" tags="" position="702,326">[[test|Another Passage]]</tw-passagedata>
<tw-passagedata pid="2" name="Another Passage" tags="" position="891,452">test
[[Well!|Ending Passage]]
</tw-passagedata>
<tw-passagedata pid="3" name="Ending Passage" tags="" position="1057,574">THE END
</tw-passagedata>
</tw-storydata>-->
</div>
</body>
</html>