home.html 1.6 KB

1234567891011121314151617181920212223242526272829303132
  1. <template name="home">
  2. {{> header}}
  3. <main>
  4. <div class="col s12 m10 l8">
  5. <div class="row">
  6. {{#each rooms}}
  7. <div class="col s12 m5 l2">
  8. <div class="card">
  9. <div class="card-image waves-effect waves-block waves-light">
  10. <img onerror="this.src='http://static.boredpanda.com/blog/wp-content/uploads/2014/04/amazing-fox-photos-182.jpg'" src={{currentSong.song.img}}>
  11. <figcaption>
  12. <h5>{{currentSong.song.title}}</h5>
  13. <h5>{{currentSong.song.artist}}</h5>
  14. <a href=/{{type}} class="waves-effect waves-light btn">Join Room</a>
  15. </figcaption>
  16. </div>
  17. <div class="card-content">
  18. <span class="card-title activator grey-text text-darken-4">{{display}}<i class="material-icons right">more_vert</i></span>
  19. <p><span class="user-num">{{userNum}}</span> <i class="material-icons">perm_identity</i></p>
  20. </div>
  21. <div class="card-reveal">
  22. <span class="card-title grey-text text-darken-4">{{display}}<i class="material-icons right">close</i></span>
  23. {{roomDesc}}
  24. </div>
  25. </div>
  26. </div>
  27. {{/each}}
  28. </div>
  29. </div>
  30. </main>
  31. {{> footer}}
  32. </template>