website/tutorial: remove mounts and allow fullscreen

website/source/_ember_steps.html.erb

@@ -24,7 +24,6 @@
     <ul>
         <li>- Initializing and unsealing your Vault</li>
         <li>- Authorizing your requests to Vault</li>
-        <li>- Mounting a backend</li>
         <li>- Reading and writing secrets</li>
         <li>- Sealing your Vault</li>
     </ul>
@@ -93,28 +92,10 @@
     </p>
 </script>
 
-<script type="text/x-handlebars" data-template-name="mounts">
-    <p>
-        Vault supports a number of secret backends. This behaves
-        a lot like a virtual filesystem. The read/write/delete
-        operations are forwarded to the backend, and the backend can
-        choose to react to these operations however it wishes.
-    </p>
-    <p>
-        Backends can be very powerful, dynamically interacting with
-        services like AWS IAM, but for now we'll mount a simple
-        generic backend that simply passes data through to
-        the storage backend (after encrypting it).
-    </p>
-    <p>
-        <code>vault mount generic</code>
-    </p>
-</script>
-
 <script type="text/x-handlebars" data-template-name="secrets">
     <p>
         Now that Vault has been set-up, we can start reading and writing secrets
-        with the previously mounted generic backend. Secrets written to Vault
+        with the default mounted secret backend. Secrets written to Vault
         are encrypted and then written to the backend storage.
         The backend storage mechanism never sees the unencrypted
         value and doesn't have the means necessary to decrypt

website/source/_ember_templates.html.erb

@@ -18,7 +18,7 @@
 
 <span class="close-terminal" {{action "close"}}>X</span>
 
-<div class="demo-terminal">
+<div {{bind-attr class=":demo-terminal fullscreen:fullscreen" }}>
     <div class="log">{{renderedLogs}}</div>
 
     <form {{action "submitText" on="submit"}}>

website/source/assets/javascripts/demo/controllers/step.js

@@ -8,6 +8,7 @@ Demo.DemoStepController = Ember.ObjectController.extend({
   commandLog: [],
   cursor: 0,
   notCleared: true,
+  fullscreen: false,
 
   renderedLogs: function() {
     return this.get('logs');
@@ -67,6 +68,7 @@ Demo.DemoStepController = Ember.ObjectController.extend({
           break;
         case "previous":
         case "back":
+        case "prev":
           this.set('notCleared', true);
           this.send('previous');
           break;
@@ -78,10 +80,14 @@ Demo.DemoStepController = Ember.ObjectController.extend({
           this.set('logs', "");
           this.set('notCleared', false);
           break;
+        case "fu":
+        case "fullscreen":
+          this.set('fullscreen', true);
+          break;
         case "help":
           this.get('controllers.demo').appendLog('You can use `vault help <command>` ' +
             'to learn more about specific Vault commands, or `next` ' +
-            'and `previous` to navigate.', false);
+            'and `previous` to navigate. Or, `fu` to go fullscreen.', false);
           break;
         default:
           this.set('isLoading', true);

website/source/assets/javascripts/demo/initializer/load-steps.js

@@ -11,10 +11,9 @@ Ember.Application.initializer({
         { id: 2, name: 'init', humanName: "Step 2: Initialize your Vault"},
         { id: 3, name: 'unseal', humanName: "Step 3: Unsealing your Vault"},
         { id: 4, name: 'auth', humanName: "Step 4: Authorize your requests"},
-        { id: 5, name: 'mounts', humanName: "Step 5: Mount a secret backend"},
-        { id: 6, name: 'secrets', humanName: "Step 6: Read and write secrets"},
-        { id: 7, name: 'seal', humanName: "Step 7: Seal your Vault"},
-        { id: 8, name: 'finish', humanName: "You're finished!"},
+        { id: 5, name: 'secrets', humanName: "Step 6: Read and write secrets"},
+        { id: 6, name: 'seal', humanName: "Step 7: Seal your Vault"},
+        { id: 7, name: 'finish', humanName: "You're finished!"},
       ]
     };
 

website/source/assets/stylesheets/_demo.scss

@@ -86,11 +86,14 @@
     width: 100%;
     top: 225px;
     bottom: 0;
-
     display: block;
     overflow: scroll;
     position: absolute;
 
+    &.fullscreen {
+        top: 0;
+    }
+
     .log {
         white-space: pre;
     }