Add some helpful content to the How To use KidsRuby section of help

xn · Jan 31, 2011 · 7ab071d · 7ab071d
1 parent ac18e3b
commit 7ab071d
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git a/public/help/index.html b/public/help/index.html
@@ -14,7 +14,7 @@
 </head>
 <body class="lesson-set">
 <h1>KidsRuby Help</h1>
-<p>We have put together here some of the best resources for Kids to learn Ruby programming. Have fun!</p>
+<p>We have put together here some of the best resources here to learn Ruby programming. Have fun!</p>
 <article class="resource"><h1>KidsRuby</h1>
   <ol>
     <li><a href="kidsruby/how_to_use.html">How To Use KidsRuby</a></li>

diff --git a/public/help/kidsruby/how_to_use.html b/public/help/kidsruby/how_to_use.html
@@ -23,7 +23,29 @@ <h1>How To Use KidsRuby</h1>
 
   <article class="lesson"><h1>Welcome!</h1>
     <section class="page"><h1>This is KidsRuby</h1>
-      <p>Instructions on how to use KidsRuby goes here...</p>
+      <p>Hi, and welcome to KidsRuby. We hope you are ready to have fun learning how to make computers do whatever you want them to.</p>
+      <p>To use this 'Help' system, you can click on any lesson title, just like you clicked on this one. You can use the links above here to go to the 'Previous' or to the 'Next' lesson. You can also click on the 'Back to Lessons' link to get back to the main list of lessons at any time.</p>
+    </section>
+  </article>
+  <article class="lesson"><h1>What is Ruby?</h1>
+    <section class="page"><h1>Ruby is a programming language</h1>
+      <p>The way you tell a computer what to do, is by learning a special language that the computer can understand. This kind of special language is called a 'programming language'. KidsRuby lets you program in the most awesome computer language ever, Ruby.</p>
+      <p>Ruby was invented in Japan by a very cool guy named Matz. His real name is Yukihiro Matsumoto, but everyone calls him Matz. He has given away his programming language to the world to use for free. That is pretty cool.</p>
+    </section>
+  </article>
+  <article class="lesson"><h1>How To Make It Work</h1>
+    <section class="page"><h1>Type in some Ruby to the left</h1>
+      <p>You make KidsRuby work by doing this:</p>
+      <p>1. Type in some Ruby 'code' to the left, just below where it says "Type in your code just below here:".</p>
+      <p>2. Click on the "Run" button. This will cause the computer to look at the Ruby you typed in, and do whatever it says to do.</p>
+      <p>3. Watch the computer do whatever you have told it to!</p>
+      <p>Don't worry if you do not know how to write Ruby yet. That is what this Help system is designed to do.</p>
+    </section>
+  </article>
+  <article class="lesson"><h1>What To Do Next</h1>
+    <section class="page"><h1>Go 'Back to Lessons', and check out "Hackety Hack"</h1>
+      <p>Once upon a time there was an amazing guy named "_why the lucky stiff". He made a lot of programs using Ruby, and one of them was named Hackety Hack. It was designed to help kids learn how to program in Ruby.</p>
+      <p>One day, _why disappeared. He probably vanished and went back to whatever magic programming world he had originally came from. He left behind some great ideas, and we have tried to make KidsRuby with his spirit of fun and discovery. That is "why" we have included some of his writings here for you to learn from. Have fun!</p>
     </section>
   </article>
 

diff --git a/public/index.html b/public/index.html
@@ -20,7 +20,7 @@
 
   <div id="input">
 <textarea id="rubycode" cols="40">
-# This is a comment. Put your code below here:
+# Type in your code just below here:
 </textarea>
     <button id="run">Run</button>
   </div>