diff --git a/frontend/src/homepage/components/home.component.pug b/frontend/src/homepage/components/home.component.pug index 1f4118b..ba18bff 100644 --- a/frontend/src/homepage/components/home.component.pug +++ b/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 diff --git a/frontend/src/homepage/components/home.component.scss b/frontend/src/homepage/components/home.component.scss index fe7d056..48cea41 100644 --- a/frontend/src/homepage/components/home.component.scss +++ b/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; +} diff --git a/frontend/src/homepage/components/homeFeatures.component.scss b/frontend/src/homepage/components/homeFeatures.component.scss index c8b749b..2510436 100644 --- a/frontend/src/homepage/components/homeFeatures.component.scss +++ b/frontend/src/homepage/components/homeFeatures.component.scss @@ -8,5 +8,5 @@ } .card { - margin-bottom: 20px; + margin: 10px 20px 20px; } diff --git a/frontend/src/homepage/components/homeIndex.component.pug b/frontend/src/homepage/components/homeIndex.component.pug index 8978370..f12195f 100644 --- a/frontend/src/homepage/components/homeIndex.component.pug +++ b/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 diff --git a/frontend/src/homepage/components/homeIndex.component.scss b/frontend/src/homepage/components/homeIndex.component.scss index efbf4b0..db3ad6c 100644 --- a/frontend/src/homepage/components/homeIndex.component.scss +++ b/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; } diff --git a/frontend/theme/index.scss b/frontend/theme/index.scss index 84bb2c9..d3211cb 100644 --- a/frontend/theme/index.scss +++ b/frontend/theme/index.scss @@ -84,3 +84,7 @@ a, button { margin-left: 5px; } } + +lib-ngx-image-zoom { + display: flex; +}