features wip

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.

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'),
     }
 }