<template name="home">
    {{> header}}
    <main>
      <div class="col s12 m10 l8">
        <div class="row">
          {{#each rooms}}
          <div class="col s12 m5 l2">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <a href="/{{type}}"><img src={{currentSong.song.img}}></a>
              </div>
              <div class="card-content">
                <span class="card-title activator grey-text text-darken-4">{{display}}<i class="material-icons right">more_vert</i></span>
                <p><a href="/{{type}}">Listen</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title grey-text text-darken-4">EDM Room<i class="material-icons right">close</i></span>
                <p>The EDM room provides music similar to...</p>
              </div>
            </div>
          </div>
          {{/each}}
        </div>
      </div>
    </main>
    <!--{{> dashboard}}-->
    {{> footer}}
</template>
