Add basics of Help page

dist/index.html

@@ -26,6 +26,7 @@
       <script src="./js/component/splash.js"></script>
       <script src="./js/page/home.js"></script>
       <script src="./js/page/settings.js"></script>
+      <script src="./js/page/help.js"></script>
       <script src="./js/app.js"></script>
       <script src="./js/main.js"></script>
     </body>

js/app.js

@@ -5,9 +5,16 @@ var appStyles = {
 };
 var App = React.createClass({
   getInitialState: function() {
-    return {
+    var query = window.location.search.slice(1);
-      viewingPage: window.location.search === '?settings' ? 'settings' : 'home'
+    if (query == 'settings' || query == 'help') {
+      var viewingPage = query;
+    } else {
+      var viewingPage = 'home';
     }
+
+    return {
+      viewingPage: viewingPage
+    };
   },
   componentWillMount: function() {
     lbry.checkNewVersionAvailable(function(isAvailable) {
@@ -45,6 +52,8 @@ var App = React.createClass({
       var content = <HomePage />;
     } else if (this.state.viewingPage == 'settings') {
       var content = <SettingsPage />;
+    } else if (this.state.viewingPage == 'help') {
+      var content = <HelpPage />;
     }
     return (
       <div style={appStyles}>

js/page/help.js

@@ -0,0 +1,16 @@
+var HelpPage = React.createClass({
+  render: function() {
+    return (
+      <main>
+        <h1>Help</h1>
+        <p>Content will go here</p>
+        <h3>Subsection</h3>
+        <p>More content</p>
+        <p>Even more content</p>
+        <section>
+          <Link href="/" label="<< Return"/>
+        </section>
+      </main>
+    );
+  }
+});

js/page/home.js

@@ -238,7 +238,9 @@ var TopBar = React.createClass({
         <span style={balanceStyle}>
           <CreditAmount amount={this.state.balance}/>
         </span>
-        <Link href='/?settings' icon="icon-gear" />
+        <Link href='/?settings' icon='icon-gear' />
+        { ' ' }
+        <Link href='/?help' icon='icon-question-circle' />
       </span>
     );
   }