forked from inexorabletash/jslogo
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
142 lines (126 loc) · 6.5 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
<!DOCTYPE html>
<html dir="ltr">
<title>Logo Interpreter</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="alternate" type="application/atom+xml" href="https://github.com/inexorabletash/jslogo/commits/master.atom">
<link rel="shortcut icon" href="favicon.ico">
<script src="polyfill/polyfill.min.js"></script>
<!-- CodeMirror, add-ons, and Logo-specific highlighting -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/addon/runmode/runmode.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/addon/edit/closebrackets.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/addon/edit/matchbrackets.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/addon/display/placeholder.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/codemirror.css">
<script src="cm/logo.js"></script>
<link rel="stylesheet" href="cm/logo.css">
<link rel="stylesheet" href="index.css">
<body class="single">
<div id="topbar" class="panel">
<h1>Logo Interpreter</h1>
<p>
By <a href="mailto:[email protected]">Joshua Bell</a>
| <a target="_blank" href="tests.html">Unit Tests</a>
| <a target="_blank" href="https://github.com/inexorabletash/jslogo">Source</a>
| <a title="Collaborate with TogetherJS" href="#" id="start-togetherjs" onclick="TogetherJS(); return false">Collaborate</a><sup><i>New!</i></sup>
</p>
</div>
<div id="display-panel" class="panel">
<div id="display">
<div class="inner">
<canvas id="sandbox" width="450" height="250">
<span>Your browser does not support the canvas element - sorry!</span>
</canvas>
<canvas id="turtle" width="450" height="250"></canvas>
<div id="overlay"></div>
<div id="error"></div>
</div>
</div>
</div>
<div id="input-panel" class="panel">
<!-- TODO: Make this a button or anchor -->
<div id="run"><div class="label">Run</div></div>
<div id="clear"><div class="label">Clear</div></div>
<div id="input">
<div class="inner">
<div id="toggle">
<span id="expand-label">↗</span>
<span id="collapse-label">↙</span>
</div>
<textarea rows="1" cols="80" placeholder="Type your code here..." id="logo-ta-single-line"></textarea>
<textarea rows="20" cols="80" placeholder="Type your code here..." id="logo-ta-multi-line"></textarea>
</div>
</div>
</div>
<div id="sidebar-header" class="panel">
<ul>
<li><a id="sb-link-reference" href="#">Reference</a> - the Logo language
<li><a id="sb-link-library" href="#">Library</a> - your procedures
<li><a id="sb-link-history" href="#">History</a> - everything you've done here
<li><a id="sb-link-examples" href="#">Examples</a> - fun things to try out
<li><a id="sb-link-extras" href="#">Extras</a> - helpful utilities
<li><a id="sb-link-links" href="#">Links</a> - other Logo resources
</ul>
</div>
<div id="sidebar" class="panel examples">
<iframe frameBorder="0" allowtransparency="true" src="language.html" class="choice" id="reference"></iframe>
<div class="choice snippets" id="examples">
</div>
<div class="choice snippets" id="history">
<!-- TODO: Add "clear history" button -->
</div>
<div class="choice snippets" id="library">
</div>
<div class="choice" id="links">
<ul>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Logo_(programming_language)">Logo</a> according to Wikipedia
<li><a target="_blank" href="http://utdallas.edu/~veerasam/logo/">UT Dallas LOGO Workshop</a> - fun examples to try
<li>Other Web-based Logos:
<ul>
<li><a target="_blank" href="http://logo.twentygototen.org/_REo_2F2">papert - logo in your browser</a>
<li><a target="_blank" href="https://github.com/drj11/curlylogo" data-old-href="http://www.amberfrog.com/logo/">Curly Logo</a> (uses SVG).
<li><a target="_blank" href="https://blog.heroku.com/archives/2011/4/1/announcing_heroku_for_logo">Heroku for Logo</a> - based on Logo; launched April 1st, 2011
<li><a target="_blank" href="http://turtleacademy.com/">Turtle Academy</a> - The easy way to learn programming
</ul>
<li><a target="_blank" href="http://el.media.mit.edu/logo-foundation/">The Logo Foundation</a> with links to learning resources and software
<li><a target="_blank" href="http://www.cs.berkeley.edu/~bh/logo.html">Berkeley Logo (UCBLogo)</a> is a well respected freeware interpreter
<li><a target="_blank" href="http://elica.net/download/papers/LogoTreeProject.pdf">The Logo Tree Project</a> analyzes Logo variants
<li><a target="_blank" href="http://blog.ianbicking.org/2007/10/19/logo/">Ian Bicking on Logo</a>
<li><a target="_blank" href="http://pylogo.sourceforge.net/">PyLogo</a> is a sweet interpreter in Python
<li><a target="_blank" href="http://www.bfoit.org/itp/itp.html">Introduction to Computer Programming</a> using Logo
<li><a target="_blank" href="http://groups.yahoo.com/group/LogoForum/">LogoForum</a> - a group for Logo programming discussions
</ul>
<p style="margin-top: 5em;">
Syntax Highlighting by <a target="_blank" href="http://codemirror.net">CodeMirror</a>.
</p>
</div>
<div class="choice" id="extras">
<ul>
<li><a id="savelibrary" href="#">Download Library</a></li>
<li><a id="screenshot" href="#">Download Drawing</a></li>
<li><a id="clearhistory" href="#">Clear history</a></li>
<li><a id="clearlibrary" href="#">Clear library</a> </li>
</ul>
</div>
</div>
<script src="floodfill.js"></script>
<script src="logo.js"></script>
<script src="turtle.js"></script>
<script src="index.js"></script>
<!-- TogetherJS Collaboration -->
<script src="https://togetherjs.com/togetherjs-min.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18610679-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<style>
</style>
<a class=forkme target="_blank" href="https://github.com/inexorabletash/jslogo">Fork me on GitHub</a>
</body>
</html>