Tutorial part 2

WebServer/AppLoader.js

@@ -90,6 +90,7 @@ function newAppLoader() {
                 'Spaces/DesignSpace.js',
                 'Spaces/SideSpace.js',
                 'Spaces/DocSpace.js',
+                'Spaces/TutorialSpace.js',
 
                 'Files/SingleFile.js',
                 'Files/FileCloud.js',

WebServer/index.html

@@ -82,6 +82,24 @@
             <div class="tutorial-saira-bold-small tutorial-alert-success" role="alert"><i class="tutorial-fa tutorial-check-square-o"></i> <b>Tip:</b> Esto es un tip. </div>
             <div class="tutorial-saira-bold-small tutorial-alert-warning" role="alert"><i class="tutorial-fa tutorial-warning"></i> <b>Important:</b> Esto es  algo importante.</div>
             <div class="tutorial-saira-bold-small tutorial-alert-danger" role="alert"><i class="tutorial-fa tutorial-exclamation-circle"></i> <b>Warning:</b>  Esto es una aviso de alerta.</div>
+            <form>
+                <table class="tutorial-buttonsTable">
+                    <tr>
+                        <td>
+                            <label class="tutorial-stop-button" id="stopTutorial" onclick="canvas.tutorialSpace.stopTutorial()" value="">Stop Tutorial</label>
+                        </td>
+                        <td>
+                            <input id="skipTopic" type="submit" formaction="/action_two" value="Skip Topic">
+                        </td>
+                        <td>
+                            <input id="skipStep" type="submit" formaction="/action_three" value="Skip Step">
+                        </td>
+                        <td>
+                            <input id="tutotialStepDone" type="submit" formaction="/action_four" value="Done">
+                        </td>
+                    </tr>
+                </table>
+              </form>
         </div>
     </div>
 </body>

WebServer/main.css

@@ -165,4 +165,16 @@
   text-rendering:auto;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale
+}
+
+.tutorial-stop-button {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+  padding: 15px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  margin: 20px 0;
+  border-top-color: #e4b9c0;
+  width: 20%;
 }