tabby-web/src/components/home.component.pug

.top-half
    .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

    .container
        .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 - it's all there.
            div Go on, try it out 👇

        iframe(#iframe)

.bottom-half
    .container
        .d-flex.m-auto
            a.btn.btn-lg.btn-primary.ms-auto.me-3([href]='releaseURL', target='_blank')
                fa-icon([icon]='_downloadIcon', [fixedWidth]='true')
                span Latest release

            a.btn.btn-lg.btn-secondary.me-auto([href]='githubURL', target='_blank')
                fa-icon([icon]='_githubIcon', [fixedWidth]='true')
                span GitHub

        .quotes
            .quote
                .text "reasonable"
                .author — Michael

            .quote
                .text "cool"
                .author — some dude on my ko-fi

            .quote
                .text "very cool"
                .author — datsukan

    .section.section-a
        .container
            .row
                .col
                    img.screenshot([src]='screenshots.window')
                .col
                    h1 The important stuff
                    ul
                        li Runs on #[strong Windows, Mac and Linux]
                        li Integrated #[strong SSH client] with a connection manager
                        li Integrated #[strong serial terminal]
                        li PowerShell, PS Core, WSL, Git-Bash, Cygwin, Cmder and CMD support
                        li Full #[strong Unicode support] including double-width characters
                        li File transfer from/to SSH sessions via #[strong SFTP and Zmodem]
                        li Theming and color schemes
                        li Fully #[strong configurable shortcuts] and multi-chord shortcuts
                        li #[strong Remembers your tabs] and split panes
                        li Proper shell experience on Windows including #[strong tab completion]
                        li Integrated #[strong encrypted container] for SSH secrets and configuration

    .section.section-b
        .container
            .row
                .col
                    h1 Terminal features
                    ul
                        li Multiple #[strong nested panes]
                        li #[strong Progress bars] and activity notifications for tabs
                        li Tabby remembers open tabs and panes where you left off
                        li Tabs on #[strong any side of the window]
                        li Optional #[strong quake mode] (terminal docked to a side of the screen)
                        li Optional #[strong global hotkey] to focus/hide the terminal
                        li Bracketed paste
                .col
                    img.screenshot([src]='screenshots.tabs')

    .section.section-a
        .container
            .row
                .col
                    img.screenshot([src]='screenshots.ssh')
                .col
                    h1 SSH Client
                    ul
                        li SSH2 client with a connection manager
                        li #[strong SFTP and Zmodem] file transfers
                        li #[strong X11] and #[strong port forwarding]
                        li Jump hosts
                        li #[strong Agent forwarding] - including Pageant and Windows native OpenSSH Agent
                        li Login scripts
                        li Optional built-in #[strong password manager] with a master passphrase
                        li #[strong Proxy command] support

    .section.section-b
        .container
            .row
                .col
                    h1 Windows, but nice
                    ul
                        li Support for #[strong different shells] in the same window
                        li Better tab completion #[strong cmd.exe] thanks to Clink.
                        li Explorer menu integration
                        li Optional #[strong portable mode]
                        li Current directory detection that works
                .col
                    img.screenshot([src]='screenshots.win')

    .section.section-a
        .container
            .row
                .col
                    img.screenshot([src]='screenshots.serial')
                .col
                    h1 Serial Terminal
                    ul
                        li Multiple #[strong connection profiles]
                        li Newline conversion
                        li Text, #[strong readline] and #[strong byte-by-byte] input modes
                        li Text and #[strong hexdump] output modes
                        li Zmodem
                        li Non-standard baud rates

    .section.section-a
        .container
            h1 And just too much stuff to mention here:
            ul
                li Themes #[strong customizable with CSS]
                li Extensible via #[strong plugins] (in JS)
                li A bunch of color schemes already included
                li #[strong Font ligatures] and font fallback
                li #[strong Clickable URLs], IPs and paths
                li #[strong WinSCP] integration
                li Shell #[strong profiles]
                li Simultaneous #[strong multi-pane input]
                li Optional PuTTY style #[strong right-click paste] and #[strong copy on select]
                li macOS vibrancy and Win 10 fluent background support