.top-half
    .container.overflow-hidden
        .navbar
            img.brand(src='{{_logo}}')
            .me-auto
            a.btn.btn-primary([href]='releaseURL', target='_blank')
                fa-icon([icon]='_downloadIcon', [fixedWidth]='true')
                span Download
            a.btn.btn-secondary([href]='donationURL', target='_blank')
                fa-icon([icon]='_donateIcon', [fixedWidth]='true')
                span Donate
            a.btn.btn-secondary(routerLink='/login', *ngIf='instanceInfo.login_enabled')
                fa-icon([icon]='_loginIcon', [fixedWidth]='true')
                span Login

        ul.nav-pills.mb-4(ngbNav, [activeId]='router.url')
            li([ngbNavItem]='link.link', *ngFor='let link of navLinks')
                a(ngbNavLink, routerLink='.', [routerLink]='link.link') {{ link.title }}

    .container
        div(*ngIf='router.url == "/"')
            .intro
                h1 Hey.
                div My name is Eugene and I've built a nice terminal app, #[em.ms-1 just for you].
                div Crossplatform, local, SSH, serial, Telnet - it's all there.
                div Here's a demo 👇

            demo-terminal

.bottom-half
    .demo-offset(*ngIf='router.url == "/"')
    router-outlet