<ion-header>
  <ion-toolbar>
    <ion-title>Urnings</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content no-padding>
  <ion-grid no-padding>
    <ion-row align-items-stretch>
      <ion-col col-4 class="profile tell-your-story">
        <button ion-button clear large icon-only (tap)="doTellStory()">
          <ion-icon name="md-person-add"></ion-icon>
        </button>
      </ion-col>
      <ion-col col-4 class="profile" *ngFor="let current of profiles" (tap)="profileTapped($event, current)" (press)="profilePressed($event, current)" [style.backgroundImage]="getBackgroundThumbnail(current.details.pic)">
        <span class="username" [ngClass]="{ 'online': (current.messages?.length > 0) }">{{current.details.name}}</span>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
