{{#if bridgeUsername}}
  {{hue-controls bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial dimmerOn=dimmerOn storage=storage action="toggleDimmer"}}
{{else}}
    <a href="https://github.com/hoboman313/huegasm" target="_blank " rel="noopener noreferrer" id="github-ribbon">
        <img src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png">
    </a>

  {{#if ready}}
    {{bridge-finder bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial storage=storage}}
  {{else}}
    <div class="ready-block">
      <div class="title">
        <img src="assets/images/logo.png" alt="Huegasm">
      </div>

      <p id="intro">
        Your lights meet your music.
      </p>
      <p id="intro-paragraph">
        Huegasm is a free web application for managing and synchronizing your <a target="_blank" href="http://www2.meethue.com">Philips Hue lights</a> with the beat of your music.
      </p>

      <div class="embed-container-wrapper">
        <div class="embed-container">
          <iframe width="560" height="315" src="https://www.youtube.com/embed/zi9J6Qg-MPw" frameborder="0" allowfullscreen></iframe>
        </div>
      </div>
      {{paper-button raised=true primary=true onClick=(action "isReady") class="go-button center-block" label="Go!"}}
    </div>
  {{/if}}
{{/if}}