added c and c++ demos

pgbovine · pgbovine · commit 2da3ab54c099 · 2015-11-08T15:53:54.000-05:00
diff --git a/v3/css/index.css b/v3/css/index.css
@@ -115,10 +115,10 @@ div#learnPane p {
 }
 
 div#learnPane #startLink {
-  font-size: 18pt;
+  font-size: 16pt;
   font-weight: normal;
-  margin-top: 30px;
-  margin-bottom: 35px;
+  margin-top: 20px;
+  margin-bottom: 25px;
   font-family: verdana, arial, helvetica, sans-serif;
 }
 
diff --git a/v3/index.html b/v3/index.html
@@ -31,7 +31,7 @@
 
 <head>
 
-<title>Online Python Tutor - Visualize Python, Java, JavaScript, TypeScript, Ruby, C, and C++ code execution</title>
+<title>Python Tutor - Visualize Python, Java, JavaScript, TypeScript, Ruby, C, and C++ code execution</title>
 
 <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
 
@@ -76,12 +76,14 @@ <h1><span id="learnHeading">VISUALIZE</span> <span class="smallH1">
 
 </span></h1>
 
-<p><a id="optLink" href="visualize.html">Online Python Tutor</a> is a
-free educational tool created by <a href="http://www.pgbovine.net/">Philip Guo</a>
-that helps people overcome a fundamental
+<p><a id="optLink" href="visualize.html">Python Tutor</a>, created
+by <a
+href="http://www.pgbovine.net/">Philip Guo</a>,
+helps people overcome a fundamental
 barrier to learning programming: understanding what happens as the
 computer executes each line of a program's source code.</p>
 
+
 <p>Using this
 tool, you can write <b><a href="visualize.html#py=2">Python</a></b>,
 <a href="java.html"><b>Java</b></a>,
@@ -91,10 +93,10 @@ <h1><span id="learnHeading">VISUALIZE</span> <span class="smallH1">
 <a href="http://pgbovine.net/rosetta/c-demo.html"><b>C</b></a>,
 and <a href="http://pgbovine.net/rosetta/cpp-demo.html"><b>C++</b></a>
 programs in your Web
-browser and visualize what the computer is doing step-by-step as it executes those programs.</p>
+browser and visualize what the computer is doing step-by-step as it executes those programs.
 
-<p>So far, over 1.2 million people in over 165 countries have used
-Online Python Tutor to visualize over 11 million pieces of code, often as a
+So far, over <b>1.5 million people in over 180 countries</b> have used
+Python Tutor to visualize over 13 million pieces of code, often as a
 supplement to textbooks, lecture notes, and online programming
 tutorials.</p>
 
@@ -105,9 +107,7 @@ <h1><span id="learnHeading">VISUALIZE</span> <span class="smallH1">
 
 <p>For example, here is a visualization showing a Python program that <a
 href="http://en.wikipedia.org/wiki/Recursion_(computer_science)">recursively</a>
-finds the sum of a linked list.
-Click the &ldquo;Forward&rdquo; button to see what happens as the
-computer executes each line of code.</p>
+finds the sum of a linked list:</p>
 
 <div id="demoViz"></div>
 
@@ -177,7 +177,7 @@ <h1><span id="embedHeading">SHARE</span> <span class="smallH1">live visualizatio
 <h1><span id="shareHeading">EMBED</span> <span class="smallH1"> in any Web page</span></h1>
 
 <p>Using a single line of JavaScript code, you can <a
-href="https://github.com/pgbovine/OnlinePythonTutor/blob/master/v3/docs/embedding-HOWTO.md">embed</a> an Online Python Tutor
+href="https://github.com/pgbovine/OnlinePythonTutor/blob/master/v3/docs/embedding-HOWTO.md">embed</a> a Python Tutor
 visualization within any Web page (as shown in the &ldquo;Learn&rdquo;
 box above). The screenshot below shows a visualization
 embedded within the online textbook for the introductory CS course at UC
@@ -198,7 +198,7 @@ <h1><span id="shareHeading">EMBED</span> <span class="smallH1"> in any Web page<
 Details:
 <ul>
 
-  <li/>Online Python Tutor runs Python 2.7 and 3.3, hosted on any CGI-capable Web server.
+  <li/>Python Tutor runs Python 2.7 and 3.3, hosted on any CGI-capable Web server.
 
  <li/>Main technologies: Python, Node.js, and Docker for
  backends; HTML/CSS/JavaScript with <a
diff --git a/v3/java.html b/v3/java.html
@@ -162,13 +162,15 @@
 Java Tutor - Visualize Java code execution to learn Java online
 
 <p style="font-size: 10pt";>
-This tool is part of <a href="index.html">Online Python
-Tutor</a>, which visualizes
+(also visualize
 <a href="visualize.html#py=2">Python</a>,
 <a href="java.html">Java</a>,
 <a href="javascript.html">JavaScript</a>,
-<a href="typescript.html">TypeScript</a>, and
-<a href="ruby.html">Ruby</a> code.
+<a href="typescript.html">TypeScript</a>,
+<a href="ruby.html">Ruby</a>,
+<a href="http://pgbovine.net/rosetta/c-demo.html">C</a>,
+and <a href="http://pgbovine.net/rosetta/cpp-demo.html">C++</a>
+code)
 </p>
 
 </div>
diff --git a/v3/javascript.html b/v3/javascript.html
@@ -163,13 +163,15 @@
 JavaScript Tutor - Visualize JavaScript code execution to learn JavaScript online
 
 <p style="font-size: 10pt";>
-This tool is part of <a href="index.html">Online Python
-Tutor</a>, which visualizes
+(also visualize
 <a href="visualize.html#py=2">Python</a>,
 <a href="java.html">Java</a>,
 <a href="javascript.html">JavaScript</a>,
-<a href="typescript.html">TypeScript</a>, and
-<a href="ruby.html">Ruby</a> code.
+<a href="typescript.html">TypeScript</a>,
+<a href="ruby.html">Ruby</a>,
+<a href="http://pgbovine.net/rosetta/c-demo.html">C</a>,
+and <a href="http://pgbovine.net/rosetta/cpp-demo.html">C++</a>
+code)
 </p>
 
 </div>
diff --git a/v3/ruby.html b/v3/ruby.html
@@ -162,13 +162,15 @@
 Ruby Tutor - Visualize Ruby code execution to learn Ruby online
 
 <p style="font-size: 10pt";>
-This tool is part of <a href="index.html">Online Python
-Tutor</a>, which visualizes
+(also visualize
 <a href="visualize.html#py=2">Python</a>,
 <a href="java.html">Java</a>,
 <a href="javascript.html">JavaScript</a>,
-<a href="typescript.html">TypeScript</a>, and
-<a href="ruby.html">Ruby</a> code.
+<a href="typescript.html">TypeScript</a>,
+<a href="ruby.html">Ruby</a>,
+<a href="http://pgbovine.net/rosetta/c-demo.html">C</a>,
+and <a href="http://pgbovine.net/rosetta/cpp-demo.html">C++</a>
+code)
 </p>
 
 </div>
diff --git a/v3/typescript.html b/v3/typescript.html
@@ -162,13 +162,15 @@
 TypeScript Tutor - Visualize TypeScript code execution to learn TypeScript online
 
 <p style="font-size: 10pt";>
-This tool is part of <a href="index.html">Online Python
-Tutor</a>, which visualizes
+(also visualize
 <a href="visualize.html#py=2">Python</a>,
 <a href="java.html">Java</a>,
 <a href="javascript.html">JavaScript</a>,
-<a href="typescript.html">TypeScript</a>, and
-<a href="ruby.html">Ruby</a> code.
+<a href="typescript.html">TypeScript</a>,
+<a href="ruby.html">Ruby</a>,
+<a href="http://pgbovine.net/rosetta/c-demo.html">C</a>,
+and <a href="http://pgbovine.net/rosetta/cpp-demo.html">C++</a>
+code)
 </p>
 
 </div>
diff --git a/v3/visualize.html b/v3/visualize.html
@@ -163,12 +163,16 @@
 <div id="adHeader" style="margin-left: 15px; margin-bottom: 35px;">
 
 <div id="optHeader" style="font-family: Georgia, Palatino, Times, serif; font-size: 13pt; margin-bottom: 10px;">
-<a href="index.html">Online Python Tutor</a>: Visualize
+<a href="index.html">Python Tutor</a>: Visualize
 Python,
 <a href="java.html">Java</a>,
 <a href="javascript.html">JavaScript</a>,
-<a href="typescript.html">TypeScript</a>, and
-<a href="ruby.html">Ruby</a> code execution
+<a href="typescript.html">TypeScript</a>,
+<a href="ruby.html">Ruby</a>,
+<a href="http://pgbovine.net/rosetta/c-demo.html">C</a>,
+and <a href="http://pgbovine.net/rosetta/cpp-demo.html">C++</a>
+code execution
+
 </div>
 
 <!--
@@ -457,7 +461,7 @@
 </div>
 
 <p style="margin-top: 25px;">
-<a href="http://pythontutor.com/">Online Python Tutor</a> currently supports five
+<a href="http://pythontutor.com/">Python Tutor</a> currently supports seven
 languages (despite its name!):</p>
 
 <p>1. Python <a href="http://www.python.org/doc/2.7/">2.7</a> and <a
@@ -510,6 +514,10 @@
 href="https://github.com/pgbovine/OnlinePythonTutor/tree/master/v4-cokapi/backends/ruby">Backend
 source code</a>.</p>
 
+<p>6. <a href="http://pgbovine.net/rosetta/c-demo.html">C using Valgrind</a> (full online support coming soon)</p>
+
+<p>7. <a href="http://pgbovine.net/rosetta/cpp-demo.html">C++ using Valgrind</a> (full online support coming soon)</p>
+
 <p style="margin-top: 30px;">Privacy Policy: By using Online Python
 Tutor, your visualized code, options, user interactions, text chats, and
 IP address are logged on our server and may be analyzed for research

Original file line number	Diff line number	Diff line change
`@@ -115,10 +115,10 @@ div#learnPane p {`
`115`	`115`	`}`
`116`	`116`
`117`	`117`	`div#learnPane #startLink {`
`118`		`- font-size: 18pt;`
	`118`	`+ font-size: 16pt;`
`119`	`119`	`font-weight: normal;`
`120`		`- margin-top: 30px;`
`121`		`- margin-bottom: 35px;`
	`120`	`+ margin-top: 20px;`
	`121`	`+ margin-bottom: 25px;`
`122`	`122`	`font-family: verdana, arial, helvetica, sans-serif;`
`123`	`123`	`}`
`124`	`124`