Added in tutorial button

resources/public/javascript/tryclojure.js

@@ -1,6 +1,6 @@
 var pages;
 
-var currentPage = -1;
+var currentPage = 0;
 
 function pageExitCondition(pageNumber) {
     if (pageNumber >= 0 && pageNumber < pages.length && pages[pageNumber].exitexpr) {
@@ -37,8 +37,8 @@ function goToTag(tag) {
     return;
 }
 
-function setupLink(url) {
-    return function(e) { $("#changer").load(url, function(data) { $("#changer").html(data); }); }
+function setupLink(url, opts) {
+    return function(e) { $("#changer").load(url, function(data) { $("#changer").html(data);changerUpdated() }); }
 }
 
 function setupExamples(controller) {
@@ -149,6 +149,13 @@ function changerUpdated() {
 
 var controller;
 
+function setCurrentPage(){
+    return function(){
+	$.post("/tutorial?page="+currentPage, function(data){
+	    $("#changer").html(data);
+	})}
+}
+
 $(document).ready(function() {
     $.getJSON("/metadata.json", function (data) { pages = data; } );
 
@@ -164,6 +171,7 @@ $(document).ready(function() {
 
     $("#about").click(setupLink("about"));
     $("#links").click(setupLink("links"));
+    $("#tutorial").click( setCurrentPage() );
     $("#home").click(setupLink("home"));
 
     changerUpdated();

resources/public/tutorial.html

@@ -1,4 +1,9 @@
 <div id="tutorial">
+  <div class="page">
+    <p>Welcome to Clojure!</p>
+    <p>You can see a Clojure interpreter above - we call it a <em>REPL</em>.</p>
+    <p>Type <code>next</code> in the REPL to begin.</p>
+  </div>
   <div class="page" data-tag="start">
     <p>
       I'll take you on a 5-minutes tour of Clojure, but feel free to experiment on your own along the road!

src/tryclojure/views/home.clj

@@ -60,6 +60,7 @@
       [:div#container
        [:div#console.console]
        [:div#buttons
+        [:a#tutorial.buttons "tutorial"]
         [:a#links.buttons "links"]
         [:a#about.buttons.last "about"]]
        [:div#changer (home-html)]]