MusareMeteor/app/client/templates/profile.html

<template name="profile">
    {{> header}}
        <!--{{> avatar userId=profileUserId shape="circle" class="profile-img" initials=initials}}-->
        <h1 id="profile-name" class="center-align black-text thin">{{username}}</h1>
        <div class="row hack-container">
            <div class="col s12 m4 l4">
                <div class="card blue-grey darken-1 profile-card">
                    <div class="card-content white-text">
                        <span class="card-title">User Info</span>
                        <p>Name: {{real_name}}</p>
                        <p>Username: {{username}}</p>
                        <p>First Joined: {{first_joined}}</p>
                        <p>Rank: {{rank}}</p>
                    </div>
                </div>
            </div>
            <div class="col s12 m4 l4">
                <div class="card teal accent-3 profile-card">
                    <div class="card-content white-text">
                        <span class="card-title">Liked Songs</span>
                        <ul>
                           {{#each likedSongs}}
                               <li>
                                   <h5>{{title}}</h5>
                                   <h6>{{artist}}</h6>
                               </li>
                           {{/each}}
                       </ul>
                    </div>
                </div>
            </div>
            <div class="col s12 m4 l4">
                <div class="card red darken-2 profile-card">
                    <div class="card-content white-text">
                        <span class="card-title">Disliked Songs</span>
                        {{#each dislikedSongs}}
                            <li>
                                <h4>{{title}}</h4>
                                <h5>{{artist}}</h5>
                            </li>
                        {{/each}}
                    </div>
                </div>
            </div>
        </div>
</template>