MusareMeteor/app/client/templates/profile.html

<template name="profile">
    {{> header}}
    <div class="row">
        <div class="col s12 m12 l10 push-l1 pull-l1">
            <div class="card">
                <div class="row" style="margin-top: 40px;">
                    <div class="col s12 m8 push-m2 pull-m2 l2 push-l5 pull-l5">
                        <img src="/notes.png" style="width: 100%;background-color: rgb(245, 245, 245);margin-top: 40px;" class="circle center-align"/>
                    </div>
                </div>
                <h1 id="profile-name" class="center-align black-text thin">{{username}}</h1>
                <div class="container row center" style="list-style-type: none;">
                    <div class="col s12 m12 l4">
                        <h4>User Info</h4>
                        <!--<p>Name: {{real_name}}</p>-->
                        <p>Username: {{username}}</p>
                        <p>First Joined: {{first_joined}}</p>
                        <p>Rank: {{rank}}</p>
                        <p>Requested Songs: {{songs_requested}}</p>
                    </div>
                    <div class="col s12 m12 l4">
                        <h4>Liked songs</h4>
                        <div style="height: 300px;overflow-y: scroll;">
                            {{#each likedSongs}}
                                <li>
                                    <h5>{{title}}</h5>
                                    <h6>{{artist}}</h6>
                                </li>
                            {{/each}}
                        </div>
                    </div>
                    <div class="col s12 m12 l4">
                        <h4>Disliked songs</h4>
                        <div style="height: 300px;overflow-y: scroll;">
                            {{#each dislikedSongs}}
                                <li>
                                    <h5>{{title}}</h5>
                                    <h6>{{artist}}</h6>
                                </li>
                            {{/each}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>