-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
62 lines (56 loc) · 2.46 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
<!DOCTYPE html>
<title>jsSyntaxTree</title>
<link rel="stylesheet" type="text/css" href="default.css" />
<link rel="manifest" href="syntaxtree.webmanifest" />
<script type="module" src="syntaxtree.js" async></script>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name="author" content="Andre Eisenbach" />
<meta name="description"
content="jsSyntaxtree - a syntax tree generator for linguists. Draw syntax trees from labelled bracket notation phrases and include them into your assignment/homework." />
<meta name="keywords" content="syntax tree, linguists, homework, labelled bracket notation" />
<h1>jsSyntaxTree</h1>
<div id="options">
<select id="font">
<option value="sans-serif" selected="selected">sans-serif</option>
<option value="serif">serif</option>
<option value="monospace">monospace</option>
<option value="cursive">cursive</option>
<option value="fantasy">fantasy</option>
</select>
<select id="fontsize">
<option value="12">12</option>
<option value="14">14</option>
<option value="16" selected="selected">16</option>
<option value="18">18</option>
<option value="20">20</option>
<option value="24">24</option>
<option value="36">36</option>
</select>
<input type="checkbox" id="nodecolor" checked="checked" />
<label for="nodecolor">Color</label>
<input type="checkbox" id="autosub" checked="checked" />
<label for="autosub">Auto subscript</label>
<input type="checkbox" id="triangles" checked="checked" />
<label for="triangles">Triangles</label>
<select id="align">
<option value="0">Top aligned</option>
<option value="1">Leaves aligned</option>
<option value="2">Bottom aligned</option>
</select>
<input type="range" id="spacing" min="75" max="150" value="100" />
</div>
<div id="input">
<h2>Phrase (labelled bracket notation)</h2>
<textarea rows="5" id="code">[S [NP jsSyntaxTree][VP [V creates][NP nice syntax trees ->1]]]</textarea>
<span id="parse-error"></span>
</div>
<div id="tree"><canvas id="canvas" width="100" height="100"></canvas></div>
<div id="tip"></div>
<footer>
© 2003-2022 IronCreek Software<br />
Idea and linguistic guidance - <b>Mei Eisenbach</b><br />
Coding & design - <b>André Eisenbach</b><br />
<a href="https://github.com/int2str/jssyntaxtree">https://github.com/int2str/jssyntaxtree</a>
<div id="version"> </div>
</footer>