Skip to content

Commit 181e67d

Browse files
committed
bah
1 parent 4b68ebe commit 181e67d

File tree

10 files changed

+811
-9
lines changed

10 files changed

+811
-9
lines changed

v5-unity/c.html

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<!--
5+
Python Tutor: https://github.com/pgbovine/OnlinePythonTutor/
6+
Copyright (C) Philip Guo (philip@pgbovine.net)
7+
LICENSE: https://github.com/pgbovine/OnlinePythonTutor/blob/master/LICENSE.txt
8+
-->
9+
10+
<head>
11+
<title>C Tutor - Visualize C code execution to learn C online</title>
12+
13+
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
14+
15+
<script type="text/javascript">
16+
window.optOverride = {}
17+
window.optOverride.frontendLang = 'c'; // hacky override before including visualize.bundle.js
18+
</script>
19+
20+
<!-- let Webpack take care of everything. Use the [hash] feature to
21+
create unique filenames for releases:
22+
https://webpack.github.io/docs/long-term-caching.html -->
23+
<script type="text/javascript" src="build/visualize.bundle.js" charset="utf-8"></script>
24+
25+
<!-- insert google-analytics.txt contents here -->
26+
27+
</head>
28+
29+
<body>
30+
31+
<table id="experimentalHeader">
32+
<tr>
33+
<td valign="top">
34+
35+
<div id="ssDiv">
36+
<button id="sharedSessionBtn" type="button" class="togetherjsBtn">
37+
Start shared session
38+
</button>
39+
<div style="font-size: 7pt; margin-left: 2px; margin-top: 3px;">
40+
<a href="https://www.youtube.com/watch?v=Z2TIjNArOK4" target="_blank">What are shared sessions?</a>
41+
</div>
42+
</div>
43+
44+
<div id="sharedSessionDisplayDiv" style="display: none;">
45+
<button id="stopTogetherJSBtn" type="button" class="togetherjsBtn">
46+
End shared session
47+
</button>
48+
49+
<div style="width: 200px; font-size: 8pt; color: #666; margin-top: 5px;">
50+
Your chat logs and code may be recorded, anonymized, and analyzed for research.
51+
</div>
52+
</div>
53+
54+
</td>
55+
<td valign="top">
56+
57+
<div id="togetherjsStatus"></div>
58+
59+
<div id="surveyHeader"></div>
60+
61+
<div id="optHeader" style="font-family: Georgia, Palatino, Times, serif; font-size: 13pt; margin-bottom: 16px; margin-left: 16px;">
62+
C Tutor - Visualize C code execution to learn C online
63+
64+
<p style="font-size: 10pt";>
65+
(also visualize
66+
<a href="visualize.html#py=2">Python</a>,
67+
<a href="java.html">Java</a>,
68+
<a href="javascript.html">JavaScript</a>,
69+
<a href="typescript.html">TypeScript</a>,
70+
<a href="ruby.html">Ruby</a>,
71+
<a href="c.html">C</a>,
72+
and
73+
<a href="cpp.html">C++</a>
74+
code)
75+
</p>
76+
77+
</div>
78+
79+
</td>
80+
</tr>
81+
</table>
82+
83+
84+
<div id="pyInputPane">
85+
86+
<div id="codeInputWarnings">Write code in
87+
88+
<select id="pythonVersionSelector">
89+
<option value="c">C (gcc 4.8, C11) EXPERIMENTAL</option>
90+
</select>
91+
92+
</div>
93+
94+
<div id="someoneIsTypingDiv" style="color: #e93f34; font-weight: bold; display: none;">Someone is typing ...</div>
95+
96+
<div id="codeInputPane"></div> <!-- populate with Ace code editor instance -->
97+
<div id="frontendErrorOutput"></div>
98+
<div id="surveyPane"></div>
99+
100+
<p>
101+
<button id="executeBtn" class="bigBtn" type="button">Visualize Execution</button>
102+
<button style="margin-left: 20px;" id="liveModeBtn" class="bigBtn" type="button">Live Programming Mode <font color="#e93f34">(NEW!)</font></button>
103+
</p>
104+
105+
106+
<div id="optionsPane" style="margin-top: 20px; line-height: 150%;">
107+
<select id="cumulativeModeSelector" style="display: none;">
108+
<option value="false">hide exited frames [default]</option>
109+
<option value="true">show all frames (Python)</option>
110+
</select>
111+
<select id="heapPrimitivesSelector" style="display: none;">
112+
<option value="false">inline primitives &amp; nested objects [default]</option>
113+
<option value="true">render all objects on the heap (Python/Java)</option>
114+
</select>
115+
<select id="textualMemoryLabelsSelector" style="display: none;">
116+
<option value="false">draw pointers as arrows [default]</option>
117+
<option value="true">use text labels for pointers</option>
118+
</select>
119+
</div>
120+
121+
<div id="exampleSnippets"></div>
122+
123+
</div>
124+
125+
<div id="pyOutputPane"></div>
126+
127+
<div id="footer"></div>
128+
129+
</body>
130+
</html>

v5-unity/composingprograms.html

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<!--
5+
Python Tutor: https://github.com/pgbovine/OnlinePythonTutor/
6+
Copyright (C) Philip Guo (philip@pgbovine.net)
7+
LICENSE: https://github.com/pgbovine/OnlinePythonTutor/blob/master/LICENSE.txt
8+
-->
9+
10+
<head>
11+
<title>Online Python Tutor - Composing Programs - Python 3</title>
12+
13+
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
14+
15+
<script type="text/javascript">
16+
window.optOverride = {}
17+
</script>
18+
19+
<!-- let Webpack take care of everything. Use the [hash] feature to
20+
create unique filenames for releases:
21+
https://webpack.github.io/docs/long-term-caching.html -->
22+
<script type="text/javascript" src="build/composingprograms.bundle.js" charset="utf-8"></script>
23+
24+
<!-- insert google-analytics.txt contents here -->
25+
26+
</head>
27+
28+
<body>
29+
30+
<table id="experimentalHeader">
31+
<tr>
32+
<td valign="top">
33+
34+
<div id="ssDiv">
35+
<button id="sharedSessionBtn" type="button" class="togetherjsBtn">
36+
Start shared session
37+
</button>
38+
<div style="font-size: 7pt; margin-left: 2px; margin-top: 3px;">
39+
<a href="https://www.youtube.com/watch?v=Z2TIjNArOK4" target="_blank">What are shared sessions?</a>
40+
</div>
41+
</div>
42+
43+
<div id="sharedSessionDisplayDiv" style="display: none;">
44+
<button id="stopTogetherJSBtn" type="button" class="togetherjsBtn">
45+
End shared session
46+
</button>
47+
48+
<div style="width: 200px; font-size: 8pt; color: #666; margin-top: 5px;">
49+
Your chat logs and code may be recorded, anonymized, and analyzed for research.
50+
</div>
51+
</div>
52+
53+
</td>
54+
<td valign="top">
55+
56+
<div id="togetherjsStatus"></div>
57+
58+
<div id="surveyHeader"></div>
59+
60+
</td>
61+
</tr>
62+
</table>
63+
64+
65+
<div id="pyInputPane">
66+
67+
<div id="codeInputWarnings">Write code in
68+
69+
<select id="pythonVersionSelector">
70+
<option value="3">Python 3.3</option>
71+
</select>
72+
73+
and
74+
75+
<select id="cumulativeModeSelector">
76+
<option value="true">display frames of exited functions.</option>
77+
<option value="false">don't display exited functions.</option>
78+
</select>
79+
80+
81+
</div>
82+
83+
<div id="someoneIsTypingDiv" style="color: #e93f34; font-weight: bold; display: none;">Someone is typing ...</div>
84+
85+
<div id="codeInputPane"></div> <!-- populate with Ace code editor instance -->
86+
<div id="frontendErrorOutput"></div>
87+
<div id="surveyPane"></div>
88+
89+
<p>
90+
<button id="executeBtn" class="bigBtn" type="button">Visualize Execution</button>
91+
<button style="margin-left: 20px;" id="liveModeBtn" class="bigBtn" type="button">Live Programming Mode <font color="#e93f34">(NEW!)</font></button>
92+
</p>
93+
94+
<div id="exampleSnippets"></div>
95+
96+
</div>
97+
98+
<div id="pyOutputPane"></div>
99+
100+
<div id="footer"></div>
101+
102+
</body>
103+
</html>

v5-unity/cpp.html

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<!--
5+
Python Tutor: https://github.com/pgbovine/OnlinePythonTutor/
6+
Copyright (C) Philip Guo (philip@pgbovine.net)
7+
LICENSE: https://github.com/pgbovine/OnlinePythonTutor/blob/master/LICENSE.txt
8+
-->
9+
10+
<head>
11+
<title>C++ Tutor - Visualize C++ code execution to learn C++ online</title>
12+
13+
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
14+
15+
<script type="text/javascript">
16+
window.optOverride = {}
17+
window.optOverride.frontendLang = 'cpp'; // hacky override before including visualize.bundle.js
18+
</script>
19+
20+
<!-- let Webpack take care of everything. Use the [hash] feature to
21+
create unique filenames for releases:
22+
https://webpack.github.io/docs/long-term-caching.html -->
23+
<script type="text/javascript" src="build/visualize.bundle.js" charset="utf-8"></script>
24+
25+
<!-- insert google-analytics.txt contents here -->
26+
27+
</head>
28+
29+
<body>
30+
31+
<table id="experimentalHeader">
32+
<tr>
33+
<td valign="top">
34+
35+
<div id="ssDiv">
36+
<button id="sharedSessionBtn" type="button" class="togetherjsBtn">
37+
Start shared session
38+
</button>
39+
<div style="font-size: 7pt; margin-left: 2px; margin-top: 3px;">
40+
<a href="https://www.youtube.com/watch?v=Z2TIjNArOK4" target="_blank">What are shared sessions?</a>
41+
</div>
42+
</div>
43+
44+
<div id="sharedSessionDisplayDiv" style="display: none;">
45+
<button id="stopTogetherJSBtn" type="button" class="togetherjsBtn">
46+
End shared session
47+
</button>
48+
49+
<div style="width: 200px; font-size: 8pt; color: #666; margin-top: 5px;">
50+
Your chat logs and code may be recorded, anonymized, and analyzed for research.
51+
</div>
52+
</div>
53+
54+
</td>
55+
<td valign="top">
56+
57+
<div id="togetherjsStatus"></div>
58+
59+
<div id="surveyHeader"></div>
60+
61+
<div id="optHeader" style="font-family: Georgia, Palatino, Times, serif; font-size: 13pt; margin-bottom: 16px; margin-left: 16px;">
62+
C++ Tutor - Visualize C++ code execution to learn C++ online
63+
64+
<p style="font-size: 10pt";>
65+
(also visualize
66+
<a href="visualize.html#py=2">Python</a>,
67+
<a href="java.html">Java</a>,
68+
<a href="javascript.html">JavaScript</a>,
69+
<a href="typescript.html">TypeScript</a>,
70+
<a href="ruby.html">Ruby</a>,
71+
<a href="c.html">C</a>,
72+
and
73+
<a href="cpp.html">C++</a>
74+
code)
75+
</p>
76+
77+
</div>
78+
79+
</td>
80+
</tr>
81+
</table>
82+
83+
84+
<div id="pyInputPane">
85+
86+
<div id="codeInputWarnings">Write code in
87+
88+
<select id="pythonVersionSelector">
89+
<option value="cpp">C++ (gcc 4.8, C++11) EXPERIMENTAL</option>
90+
</select>
91+
92+
</div>
93+
94+
<div id="someoneIsTypingDiv" style="color: #e93f34; font-weight: bold; display: none;">Someone is typing ...</div>
95+
96+
<div id="codeInputPane"></div> <!-- populate with Ace code editor instance -->
97+
<div id="frontendErrorOutput"></div>
98+
<div id="surveyPane"></div>
99+
100+
<p>
101+
<button id="executeBtn" class="bigBtn" type="button">Visualize Execution</button>
102+
<button style="margin-left: 20px;" id="liveModeBtn" class="bigBtn" type="button">Live Programming Mode <font color="#e93f34">(NEW!)</font></button>
103+
</p>
104+
105+
106+
<div id="optionsPane" style="margin-top: 20px; line-height: 150%;">
107+
<select id="cumulativeModeSelector" style="display: none;">
108+
<option value="false">hide exited frames [default]</option>
109+
<option value="true">show all frames (Python)</option>
110+
</select>
111+
<select id="heapPrimitivesSelector" style="display: none;">
112+
<option value="false">inline primitives &amp; nested objects [default]</option>
113+
<option value="true">render all objects on the heap (Python/Java)</option>
114+
</select>
115+
<select id="textualMemoryLabelsSelector" style="display: none;">
116+
<option value="false">draw pointers as arrows [default]</option>
117+
<option value="true">use text labels for pointers</option>
118+
</select>
119+
</div>
120+
121+
<div id="exampleSnippets"></div>
122+
123+
</div>
124+
125+
<div id="pyOutputPane"></div>
126+
127+
<div id="footer"></div>
128+
129+
</body>
130+
</html>

0 commit comments

Comments
 (0)