Sengi-Windows-MacOS-Linux/src/app/components/floating-column/add-new-account/add-new-account.component.html

<div class="panel" [class.comrade__background]="isComrade">
    <h3 class="panel__title" [class.comrade__text]="isComrade">Add new account</h3>

    <div class="panel__content">
        <h2 class="comrade__title" *ngIf="isComrade">Welcome Comrade!</h2>
        <form (ngSubmit)="onSubmit()">
            <label [class.comrade__text]="isComrade">Please provide your <span *ngIf="isComrade">comrade</span>
                account:</label>

            <div>
                <input type="text" class="form-control form-control-sm form-with-button"
                    [(ngModel)]="mastodonFullHandle" name="mastodonFullHandle" [class.comrade__input]="isComrade"
                    placeholder="@nickname@mastodon.social" />
                <!-- <br /> -->
                <button type="submit" class="form-button"
                    title="add this account"
                    [class.comrade__button]="isComrade">
                    <span *ngIf="!isLoading">Submit</span>
                    <app-waiting-animation *ngIf="isLoading" class="waiting-icon"></app-waiting-animation>
                </button>
               
            </div>
        </form>

        <div *ngIf="isComrade" class="comrade__video">
            <iframe width="300" height="170"
                src="https://www.youtube.com/embed/NzBjnoRG7Mo?feature=oembed&autoplay=1&auto_play=1" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>
        </div>

    </div>
</div>