Sengi-Windows-MacOS-Linux/src/app/components/stream/user-profile/user-profile.component.html

<div class="profile">
    <app-waiting-animation *ngIf="isLoading" class="waiting-icon"></app-waiting-animation>

    <div *ngIf="account" class="profile-header" [ngStyle]="{'background-image':'url('+account.header+')'}">
        <div class="profile-header__inner">
            <!-- <img class="profile-header__header" src="{{account.header}}" alt="header" /> -->
            <img class="profile-header__avatar" src="{{account.avatar}}" alt="header" />
            <h2 class="profile-header__display-name">{{account.display_name}}</h2>
            <h2 class="profile-header__fullhandle"><a href="{{account.url}}" target="_blank">@{{account.acct}}</a></h2>
        </div>
    </div>

    <div class="profile-sub-header flexcroll">
        <div *ngIf="account && hasNote" class="profile-description">
            <app-databinded-text class="status__content" [textIsSelectable]="false" [text]="account.note"
                (accountSelected)="browseAccount($event)" 
                (hashtagSelected)="browseHashtag($event)"></app-databinded-text>
            <!-- <p innerHTML="{{account.note}}"></p> -->
        </div>
        <div class="profile-statuses">
            <app-waiting-animation *ngIf="statusLoading" class="waiting-icon"></app-waiting-animation>

            <div *ngIf="!isLoading && !statusLoading && statuses.length == 0" class="profile-no-toots">
                no toots found
            </div>

            <div *ngFor="let statusWrapper of statuses">
                <app-status [statusWrapper]="statusWrapper" 
                    (browseHashtagEvent)="browseHashtag($event)"
                    (browseAccountEvent)="browseAccount($event)"
                    (browseThreadEvent)="browseThread($event)"></app-status> 
            </div>
        </div>
    </div>
</div>