updated logo

app/pods/components/bridge-finder/template.hbs

@@ -1,4 +1,4 @@
-<div class="title">Huegasm</div>
+<div class="title"><img src="assets/images/logo.png" alt="Huegasm"></div>
 {{#unless bridgeUsername}}
   {{#if bridgeIp}}
     {{#if error}}

app/pods/components/hue-controls/component.js

@@ -40,9 +40,13 @@ export default Em.Component.extend({
 
       intro.setOptions({
         steps: [
+          {
+            intro: 'Welcome to Huegasm.<br>' +
+            'This short wizard will guide you through the functionality available with this web application.'
+          },
           {
             element: '#musicTab',
-            intro: 'This is the music tab. You\'ll use this to play music and synchronize it with your active lights.<br><br>' +
+            intro: 'This is the music player. You\'ll use this to play music and synchronize it with your active lights.<br><br>' +
             '<i><b>TIP</b>: Control which lights are active through the <b>Lights</b> tab or through the <b>Groups</b> menu dropdown.</i>'
           },
           {
@@ -157,7 +161,7 @@ export default Em.Component.extend({
       // skip hidden/missing elements
       intro.onafterchange((element)=>{
         var elem = Em.$(element);
-        if(elem.hasClass('introjsFloatingElement') || elem.html() === '<!---->'){
+        if(elem.html() === '<!---->'){
           Em.$('.introjs-nextbutton').click();
         }
       }).onexit(onFinish).oncomplete(onFinish).start();

app/pods/components/huegasm-app/template.hbs

@@ -5,7 +5,7 @@
     {{bridge-finder bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial storage=storage}}
   {{else}}
     <div class="readyBlock">
-      <div class="title">Huegasm</div>
+      <div class="title"><img src="assets/images/logo.png" alt="Huegasm"></div>
       <p class="introParagraph">Huegasm is a free web application for controlling your <a href="http://www2.meethue.com/en-ca/">Philips Hue lights</a>...oh and it's kind of awesome at syncing music with your lights.</p>
 
       <a href="#" {{action "isReady"}}>

app/styles/app.scss

@@ -171,7 +171,6 @@ md-switch[disabled=disabled], md-switch[disabled=disabled] .md-container, md-sli
 }
 
 .title {
-  font-size: 34px;
   margin-bottom: 30px;
 }