stuff

frontend/src/homepage/components/home.component.pug

@@ -20,9 +20,9 @@
     .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.
+                h1 A terminal for the modern age
+                    .cursor █
+                div Tabby is an infinitely customizable cross-platform terminal app for local shells, serial, SSH and Telnet connections.
                 div Here's a demo 👇
 
             demo-terminal

frontend/src/homepage/components/home.component.scss

@@ -2,7 +2,7 @@
 @import "~@fontsource/fira-code/latin.css";
 
 :host {
-    font-size: 20px;
+    font-size: 16px;
     font-family: 'Fira Code', monospace;
     position: absolute;
     width: 100vw;
@@ -14,7 +14,8 @@
     background: linear-gradient(#0c141c00, #15202b);
 
     h1 {
-        font-size: 80px;
+        font-size: 70px;
+        margin: 40px 0;
     }
 
     .nav {
@@ -23,6 +24,7 @@
     }
 
     .intro {
+        font-size: 20px;
         width: 60vw;
         margin: auto;
     }
@@ -59,3 +61,14 @@ demo-terminal {
     top: 20vw;
     margin-top: -16vw;
 }
+
+@keyframes blink {
+    50% {
+        opacity: 0.0;
+    }
+}
+
+.cursor {
+    display: inline;
+    animation: blink 1s step-start 0s infinite;
+}

frontend/src/homepage/components/homeFeatures.component.scss

@@ -8,5 +8,5 @@
 }
 
 .card {
-    margin-bottom: 20px;
+    margin: 10px 20px 20px;
 }

frontend/src/homepage/components/homeIndex.component.pug

@@ -8,19 +8,6 @@
             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

frontend/src/homepage/components/homeIndex.component.scss

@@ -3,7 +3,8 @@
 h1 {
     font-family: $font-family-monospace;
     font-weight: bold;
-    font-size: 48px;
+    font-size: 32px;
+    color: #9cb8f9;
     text-shadow: 0 0 1px black;
     margin: 0 0 25px;
 }

frontend/theme/index.scss

@@ -84,3 +84,7 @@ a, button {
     margin-left: 5px;
   }
 }
+
+lib-ngx-image-zoom {
+    display: flex;
+}