-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
87 lines (87 loc) · 6.68 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tiled Grace</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="outputarea">
<canvas id="standard-canvas" width="500" height="500"></canvas>
<textarea id="stdout_txt" style="clear:both;" cols="100" rows="5"></textarea>
</div>
<div id="codearea">
<div id="bin"></div>
<div id="desaturator"></div>
</div>
<div id="toolbox">
<div class="tile vardec" data-category="Variables"><span style="margin-right: 1ex; color: blue;">var</span><input type="text" value="" size="1" class="variable-name"><span class="assop">:=</span><div class="hole"></div></div>
<div class="tile defdec" data-category="Variables"><span style="margin-right: 1ex; color: blue;">def</span><input type="text" value="" size="1" class="variable-name"><span class="assop">=</span><div class="hole"></div></div>
<div class="tile var" data-category="Variables"><span class="var-name">Variable</span></div>
<div class="tile assign" data-category="Variables"><div class="hole bind-lhs"></div><span class="assop">:=</span><div class="hole"></div></div>
<div class="tile operator" data-category="Numbers and Strings" data-types="Number" data-operators="+ * - /"><div class="hole number" data-accepts="Number"></div><div class="op" data-operators="+ * - /">+</div><div class="hole number" data-accepts="Number"></div></div>
<div class="tile operator" data-category="Numbers and Strings" data-types="String" data-operators="++"><div class="hole" data-accepts="String"></div><div class="op">++</div><div class="hole" data-accepts="String"></div></div>
<div class="tile comparison-operator" data-category="Numbers and Strings" data-types="Boolean" data-operators="== < >"><div class="hole number"></div><div class="cmpop">==</div><div class="hole number"></div></div>
<div class="tile number" data-category="Numbers and Strings" data-types="Number"><input type="text" value="0" size="3" ></div>
<div class="tile operator iterable" data-category="Numbers and Strings" data-types="Iterable" data-operators=".."><div class="hole number"></div><div class="op">..</div><div class="hole number"></div></div>
<div class="tile string" data-types="String Iterable" data-category="Numbers and Strings">"<input type="text" value="Hello, world!" size="13" >"</div>
<div class="tile request" data-category="Control"><div class="hole"></div><span>.</span><input type="text" size="5"><a class="argument-adder">+</a></div>
<div class="tile object" data-category="Control"><div><span style="margin-right: 1ex; color: blue;">object</span> {</div><div class="indent"><div class="hole multi object-scope"></div></div><div>}</div></div>
<div class="tile class" data-category="Control"><div><span style="margin-right: 1ex; color: blue;">class</span><input type="text" value="" size="5" class="variable-name class-name" />.<input type="text" value="" size="5" class="method-name" /><a class="parameter-adder">+</a><span class="lbrace">{</span></div><div class="indent"><div class="hole multi object-scope"></div></div><div>}</div></div>
<div class="tile inherits" data-category="Control"><span style="margin-right: 1ex; color: blue;">inherits</span> <div class="hole "></div></div>
<div class="tile method" data-category="Control"><div><span style="margin-right: 1ex; color: blue;">method</span><input type="text" value="" size="5" class="method-name" /><a class="parameter-adder">+</a> <span class="lbrace">{</span></div><div class="indent"><div class="hole multi"></div></div><div>}</div></div>
<div class="tile selfcall" data-category="Control"><input type="text" size="5" /><a class="argument-adder">+</a></div>
</div>
</div> <!--wrapper-->
<div id="category-bar">
<input type="button" value="Variables" />
<input type="button" value="Numbers and Strings" />
<input type="button" value="I/O" />
<input type="button" value="Control" />
<input type="button" value="Turtle" />
</div>
<div style="clear: left;"></div>
<select id="dialect" onchange="changeDialect()">
<option value="">Standard
<option value="logo">Turtle graphics
<option value="loopinvariant">Loop invariants
<option value="sniff">Sniff graphics
</select>
<input type="button" onclick="go()" value="Run" id="runbutton">
<input type="button" onclick="toggleShrink()" value="Code View" id="viewbutton">
<div id="indicator" style="display: inline-block; width: 16px; height: 16px; background: green;"></div>
<a download="myprogram.grace" id="downloadlink">Download</a>
Load file: <input type="file" id="userfile" onchange="loadFile()" />
<input type="button" value="Load sample" onclick="loadSample(document.getElementById('samples').value)" />
<select id="samples">
<option>Select sample</option>
<option value="fibonacci">Fibonacci loop</option>
<option value="turtlehousec">Turtle house</option>
<option value="sniffpong">Sniff pong</option>
<option value="davesvsstuarts">Daves vs Stuarts</option>
<option value="orbital">Orbital simulator</option>
</select>
<br />
<textarea id="stderr_txt" style="clear:both;" cols="100" rows="5"></textarea>
<textarea id="gracecode" cols="100" rows="10"></textarea>
<canvas id="overlay-canvas" width="500" height="500"></canvas>
<div id="acknowledgements"><a href="https://github.com/mwh/minigrace">Minigrace</a> is distributed under the GNU GPL version 3. <a href="http://www.entypo.com/">Entypo</a> pictograms by Daniel Bruce.</div>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="overlay.js"></script>
<script type="text/javascript" src="drag.js"></script>
<script type="text/javascript" src="text.js"></script>
<script type="text/javascript" src="codegen.js"></script>
<script type="text/javascript" src="json.js"></script>
<script type="text/javascript" src="dialects.js"></script>
<script type="text/javascript" src="minigrace.js"></script>
<script type="text/javascript" src="turtle.js"></script>
<script type="text/javascript" src="logo.js"></script>
<script type="text/javascript" src="loopinvariant.js"></script>
<script type="text/javascript" src="sniff.js"></script>
<div id="code_txt_real"></div>
<script src="ace/ace.js"></script>
<script src="ace/mode-grace.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="setup.js"></script>
</body>
</html>