Anonymous avatar Anonymous committed a2d9437

add link to the original gvr site and the lessons.

Comments (0)

Files changed (2)

app/src/ui/css/style.css

 }
 h1{ font-size: 160%; }
 h2{ font-size: 150%; }
-h3{ font-size: 140%; }
-h4{ font-size: 130%; }
-h5{ font-size: 120%; }
-h6{ font-size: 110%; }
+h3{ font-size: 130%; }
+h4{ font-size: 120%; }
+h5{ font-size: 110%; }
+h6{ font-size: 100%; }
 
 ul,ol{
     padding-left: 1em;
 
 pre.code{
     border: 1px solid #ccc;
-    margin: 0 2em;
-    padding: 1em;
+    margin: 1em 1em;
+    padding: 1em 1em 0;
 }
 input[type="text"],
 textarea{
     padding: 2em;
     font-size: 110%;
 }
+.panel .body .content h2 {
+    margin-bottom: 1em;
+    border-bottom: 1px solid #777;
+}
 
 .panel .footer{
     height: 10px;

app/src/ui/help.html

 <div id="help-pane" class="panel">
   <div class="header">
-    <h1>Language Reference</h1>
+    <h1>Help with GvR</h1>
   </div>
   <div class="body">
     <div class="content" >
-      <h2>The Five Primitive Guido van Robot Instructions:</h2>
+      <h2>Language Reference</h2>
+      <h3>The Five Primitive Guido van Robot Instructions:</h3>
       <pre>
     move
     turnleft
     turnoff
       </pre>
 
-      <h2><br />Block Structuring</h2>
+      <h3>Block Structuring</h3>
       <p>
         Each Guido van Robot instruction must be on a separate line.  A sequence of
         one or more Guido van Robot instructions that are all indented the same
         instructions above, the conditional branching or iteration instructions below,
         or a user defined instruction.
       </p>
-      <pre>
+      <pre class="code">
     &lt;instruction&gt;
     &lt;instruction&gt;
       ...
       </pre>
 
 
-      <h2><br />Conditional Branching</h2>
+      <h3>Conditional Branching</h3>
       <p>
         <strong>Conditional branching</strong> refers to the ability of a program to
         alter it's <strong>flow of execution</strong> based on the result of the
         <code>&lt;test&gt;</code> refers to one of the eighteen conditionals below.
       </p>
 
-      <pre>
+      <pre class="code">
     if &lt;test&gt;:
         &lt;block&gt;
 
       </pre>
 
-      <pre>
+      <pre class="code">
     if &lt;test&gt;:
         &lt;block&gt;
     else:
 
       </pre>
 
-      <pre>
+      <pre class="code">
     if &lt;test&gt;:
         &lt;block&gt;
     elif &lt;test&gt;:
       </pre>
 
 
-      <h2><br />Conditionals</h2>
+      <h3>Conditionals</h3>
       <p>
         GvR has eighteen built-in tests that are divided into three groups: the
         first six are wall tests, the next four are beeper tests, and the last
         eight are compass tests:
       </p>
-      <pre>
+      <pre class="code">
     front_is_clear
     front_is_blocked
     left_is_clear
       </pre>
 
 
-      <h2><br />Iteration</h2>
+      <h3>Iteration</h3>
       <p>
         <strong>Iteration</strong> refers to the ability of a program to repeate an
         instruction (or block of instructions) over and over until some condition is
         <code>&lt;positive_number&gt;</code> must be an integer greater than 0.
       </p>
 
-      <pre>
+      <pre class="code">
     do &lt;positive_number&gt;:
         &lt;block&gt;
 
       </pre>
 
-      <pre>
+      <pre class="code">
     while &lt;test&gt;:
         &lt;block&gt;
       </pre>
 
 
-      <h2><br />Defining a New Instruction:</h2>
+      <h3>Defining a New Instruction:</h3>
       <p>
         New instructions can be created for Guido van Robot using the
         <code>define</code> statement.  &nbsp; <code>&lt;new_name&gt;</code> can
         Robot are A..Z, a..z, and the underscore (_) character.  Guido van Robot is
         case sensitive, so TurnRight, turnright, and turnRight are all different names.
       </p>
-      <pre>
+      <pre class="code">
     define &lt;new_name&gt;:
         &lt;block&gt;
       </pre>
 
 
-      <h2><br />Simplest GvR Program</h2>
+      <h3>Simplest GvR Program</h3>
       <p>
         Execution of a GvR program ends with the <code>turnoff</code> instruction.
         Any program which reaches the end of its instruction sequence without
         encountering <code>turnoff</code> is considered in error.  Thus the simplest
         GvR program is:
       </p>
-      <pre>
+      <pre class="code">
     turnoff
       </pre>
+
+      <h2>More ways to learn GvR</h2>
+      <p>
+        The GvR language was originally defined by Jeff Elkner and
+        implemented as a Desktop application which is now very mature
+        and stable.  It runs on all major platforms including Windows,
+        Mac OS X and Linux.  You can find more information about the
+        desktop application on the GvR website
+        at <a href="http://gvr.sourceforge.net">http://gvr.sourceforge.net</a>.
+        There is also a series of 18 structured lessons for learning
+        GvR and programming concepts in general.  You can find the
+        lessons here:
+        <a href="http://gvr.sourceforge.net/lessons/rfrank/">http://gvr.sourceforge.net/lessons/rfrank/</a>.
+      </p>
     </div>
   </div>
   <div class="footer"></div>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.