veyron/examples/pipetobrowser: Help page and polishing the error and loading
views.

Change-Id: Ia00e2e6c5bf699c12f941352bc237f90012271f0
diff --git a/examples/pipetobrowser/browser/views/publish/component.html b/examples/pipetobrowser/browser/views/publish/component.html
index e32d8dd..d17b40a 100644
--- a/examples/pipetobrowser/browser/views/publish/component.html
+++ b/examples/pipetobrowser/browser/views/publish/component.html
@@ -7,7 +7,7 @@
   <template id="template">
     <link rel="stylesheet" href="../common/common.css">
     <link rel="stylesheet" href="component.css">
-    <paper-input id="publishNameInput" label="Name to publish under (e.g. JohnTablet)" error="You must pick a name!" floatinglabel/></paper-input>
+    <paper-input id="publishNameInput" label="Name to publish under (e.g. john-tablet)" error="You must pick a name!" floatinglabel/></paper-input>
     <paper-button class="paper colored" inkColor="#3367d6" on-click="{{ publishAction }}">Publish</paper-button>
   </template>
   <script>
@@ -19,7 +19,7 @@
        * @event
        */
       publishAction: function() {
-        var name = this.$.publishNameInput.value;
+        var name = this.$.publishNameInput.value.trim();
         if(name === "") {
           this.$.publishNameInput.invalid = true;
           this.$.publishNameInput.classList.toggle('invalid', true);