update main helper for new site

main.js

@@ -125,6 +125,11 @@ function loadProject(path) {
     e.preventDefault()
   })
 
+  mainWindow.webContents.on('will-navigate', function(e, url) {
+    e.preventDefault()
+    Shell.openExternal(url)
+  })
+
   mainWindow.loadUrl('file://' + __dirname + '/window.html')
   mainWindow.on('closed', function() {
     mainWindow = null

styles/helper.mcss

@@ -2,6 +2,7 @@ Helper {
   padding: 5px
   color: #777
   text-align: center
+  font-size: 120%
 
   -webkit-user-select: text
   cursor: text
@@ -19,5 +20,19 @@ Helper {
 
   a {
     color: #5A91D8
+
+
+    img {
+      transition: -webkit-filter, opacity, 1s ease
+      -webkit-filter: saturate(5%)
+      opacity: 0.3
+    }
+
+    :hover {
+      img {
+        -webkit-filter: saturate(100%)
+        opacity: 1
+      }
+    }
   }
 }

views/tabbed-editor.js

@@ -2,6 +2,7 @@ var mercury = require("mercury")
 var h = require('micro-css/h')(mercury.h)
 var getBaseName = require('path').basename
 var getDirectory = require('path').dirname
+var join = require('path').join
 
 var ValueEvent = require('lib/value-event')
 var Select = require('lib/params/select')
@@ -93,12 +94,12 @@ function renderHelper(){
     noMidi ? renderNoMidi() : null,
 
     h('div Helper', [
-      'For help, view the ',
-      h('a', {href: 'https://github.com/mmckegg/loop-drop-app#getting-started', target: '_blank'}, 'getting started guide'),
-      ' or ',
+      h('a', {href: 'http://loopjs.com/'}, [
+        h('img', {src: 'file://' + join(__dirname, '..', 'logo.png'), width: 128})
+      ]),
       h('br'),
-      h('a', {href: 'https://github.com/mmckegg/loop-drop-app/issues', target: '_blank'}, 'ask a question'),
-      ' on github.'
+      'For help visit ',
+      h('a', {href: 'http://loopjs.com/'}, 'loopjs.com')
     ])
 
   ])

welcome.html

@@ -27,7 +27,7 @@
     <div class='ChooseProject'>
 
       <header>
-        <img src='icon128.png' width='128' />
+        <img src='logo.png' width='128' />
         <h1>Loop Drop</h1>
         <h2 id='version-container'>version <script>document.write(version)</script></h2>
       </header>