diff --git a/frontend/src/assets/screenshots/colors.png b/frontend/src/assets/screenshots/colors.png new file mode 100644 index 0000000..3c0617e Binary files /dev/null and b/frontend/src/assets/screenshots/colors.png differ diff --git a/frontend/src/assets/screenshots/fonts.png b/frontend/src/assets/screenshots/fonts.png new file mode 100644 index 0000000..8d187dd Binary files /dev/null and b/frontend/src/assets/screenshots/fonts.png differ diff --git a/frontend/src/assets/screenshots/history.png b/frontend/src/assets/screenshots/history.png new file mode 100644 index 0000000..bb3fd08 Binary files /dev/null and b/frontend/src/assets/screenshots/history.png differ diff --git a/frontend/src/assets/screenshots/hotkeys.png b/frontend/src/assets/screenshots/hotkeys.png new file mode 100644 index 0000000..361d4ad Binary files /dev/null and b/frontend/src/assets/screenshots/hotkeys.png differ diff --git a/frontend/src/assets/screenshots/paste.png b/frontend/src/assets/screenshots/paste.png new file mode 100644 index 0000000..1bb9ea6 Binary files /dev/null and b/frontend/src/assets/screenshots/paste.png differ diff --git a/frontend/src/assets/screenshots/ports.png b/frontend/src/assets/screenshots/ports.png new file mode 100644 index 0000000..f7e379d Binary files /dev/null and b/frontend/src/assets/screenshots/ports.png differ diff --git a/frontend/src/assets/screenshots/profiles.png b/frontend/src/assets/screenshots/profiles.png new file mode 100644 index 0000000..919ec66 Binary files /dev/null and b/frontend/src/assets/screenshots/profiles.png differ diff --git a/frontend/src/assets/screenshots/progress.png b/frontend/src/assets/screenshots/progress.png index 5ed8eb9..a699bb1 100644 Binary files a/frontend/src/assets/screenshots/progress.png and b/frontend/src/assets/screenshots/progress.png differ diff --git a/frontend/src/assets/screenshots/quake.png b/frontend/src/assets/screenshots/quake.png new file mode 100644 index 0000000..47b55b2 Binary files /dev/null and b/frontend/src/assets/screenshots/quake.png differ diff --git a/frontend/src/assets/screenshots/split.png b/frontend/src/assets/screenshots/split.png new file mode 100644 index 0000000..c6b3de1 Binary files /dev/null and b/frontend/src/assets/screenshots/split.png differ diff --git a/frontend/src/assets/screenshots/ssh2.png b/frontend/src/assets/screenshots/ssh2.png new file mode 100644 index 0000000..91e450b Binary files /dev/null and b/frontend/src/assets/screenshots/ssh2.png differ diff --git a/frontend/src/assets/screenshots/zmodem.png b/frontend/src/assets/screenshots/zmodem.png index 44342fc..92dc814 100644 Binary files a/frontend/src/assets/screenshots/zmodem.png and b/frontend/src/assets/screenshots/zmodem.png differ diff --git a/frontend/src/components/homeFeatures.component.pug b/frontend/src/components/homeFeatures.component.pug index c53fc0e..ed74f36 100644 --- a/frontend/src/components/homeFeatures.component.pug +++ b/frontend/src/components/homeFeatures.component.pug @@ -1,7 +1,7 @@ .container.mt-5.mb-5 h1 Features - .row + .row.mb-5 .col-12.col-md-4 .card.bg-dark img.card-img-top([src]='screenshots.progress') @@ -9,9 +9,82 @@ h5.card-title Smart tabs .card-text Tabs that detect progress and can notify you when a process is done. + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.colors') + .card-body + h5.card-title 24-bit color + .card-text Support for True Color and base16 infrastructure, as well as over 150 community ANSI color schemes. + + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.hotkeys') + .card-body + h5.card-title Customizable hotkeys + .card-text Freely customizable single and multi-chord shortcuts. + + .row.mb-5 + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.ssh2') + .card-body + h5.card-title SSH and the kitchen sink + .card-text A built-in SSH client with profiles, SFTP, key management, jump hosts, X11 and the rest. + + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.ports') + .card-body + h5.card-title Persistent port forwards + .card-text Preconfigure often-used port forwarding setups. + .col-12.col-md-4 .card.bg-dark img.card-img-top([src]='screenshots.zmodem') .card-body h5.card-title Zmodem transfers - .card-text Full support for Zmodem transfers in SSH, telnet and serial connections. + .card-text Send and receive files directly form the prompt in SSH, telnet and serial session. + + .row.mb-5 + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.quake') + .card-body + h5.card-title Quake mode + .card-text Dock on the side of the screen? Check. Spawn with a key? Sure. Tabs on bottom? No problem. + + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.split') + .card-body + h5.card-title Split tabs + .card-text Freely rearrangeable split panes which you can also save as a profile. + + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.profiles') + .card-body + h5.card-title Profile manager + .card-text Every option configurable combined in a profile startable a hotkey. + + .row.mb-5 + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.fonts') + .card-body + h5.card-title Delicate fontwork + .card-text Ligature support, Powerline and Nerd Fonts, emoji, pixel-perfect boxes. + + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.history') + .card-body + h5.card-title Persistent history and tabs + .card-text Tabby remembers your open tabs, and when you accidentally close them, restores the complete terminal state. + + .col-12.col-md-4 + .card.bg-dark + img.card-img-top([src]='screenshots.paste') + .card-body + h5.card-title Careful pasting + .card-text Multi-line paste warnings and bracketed paste support prevent accidentaly executing stuff when pasting multiple lines. diff --git a/frontend/src/components/homeFeatures.component.ts b/frontend/src/components/homeFeatures.component.ts index a14ea2f..2162bd9 100644 --- a/frontend/src/components/homeFeatures.component.ts +++ b/frontend/src/components/homeFeatures.component.ts @@ -9,5 +9,15 @@ export class HomeFeaturesComponent { screenshots = { progress: require('../assets/screenshots/progress.png'), zmodem: require('../assets/screenshots/zmodem.png'), + colors: require('../assets/screenshots/colors.png'), + hotkeys: require('../assets/screenshots/hotkeys.png'), + ports: require('../assets/screenshots/ports.png'), + ssh2: require('../assets/screenshots/ssh2.png'), + fonts: require('../assets/screenshots/fonts.png'), + history: require('../assets/screenshots/history.png'), + paste: require('../assets/screenshots/paste.png'), + quake: require('../assets/screenshots/quake.png'), + split: require('../assets/screenshots/split.png'), + profiles: require('../assets/screenshots/profiles.png'), } }