wip

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

@@ -1,4 +1,4 @@
-@import "../../theme/vars.scss";
+@import "theme/vars";
 
 :host {
     display: flex;

frontend/src/homepage/components/demoTerminal.component.ts

@@ -2,8 +2,8 @@ import { Subject } from 'rxjs'
 import * as semverCompare from 'semver/functions/compare-loose'
 import { HttpClient } from '@angular/common/http'
 import { Component, ElementRef, ViewChild } from '@angular/core'
-import { Version } from '../../api'
-import { CommonService } from '../../services/common.service'
+import { Version } from 'src/api'
+import { CommonService } from 'src/common'
 
 class DemoConnector {
     constructor (

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

@@ -1,4 +1,4 @@
-@import "../../theme/vars.scss";
+@import "theme/vars";
 @import "~@fontsource/fira-code/latin.css";
 
 :host {

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

@@ -2,7 +2,7 @@ import { Component } from '@angular/core'
 import { ActivatedRoute, Router } from '@angular/router'
 import { faCoffee, faDownload, faSignInAlt } from '@fortawesome/free-solid-svg-icons'
 import { Waves } from '../vanta/vanta.waves.js'
-import { InstanceInfo } from '../../api'
+import { InstanceInfo } from 'src/api'
 
 
 @Component({
@@ -15,7 +15,7 @@ export class HomeComponent {
     releaseURL = `${this.githubURL}/releases/latest`
     donationURL = 'https://ko-fi.com/eugeny'
 
-    _logo = require('../../assets/logo.svg')
+    _logo = require('assets/logo.svg')
     _downloadIcon = faDownload
     _loginIcon = faSignInAlt
     _donateIcon = faCoffee

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

@@ -1,7 +1,7 @@
 .container.mt-5.mb-5
     h1 Features
 
-    .row.mb-5
+    .row
         .col-12.col-md-4
             .card.bg-dark
                 img.card-img-top([src]='screenshots.progress')
@@ -23,7 +23,7 @@
                     h5.card-title Customizable hotkeys
                     .card-text Freely customizable single and multi-chord shortcuts.
 
-    .row.mb-5
+    .row
         .col-12.col-md-4
             .card.bg-dark
                 img.card-img-top([src]='screenshots.ssh2')
@@ -45,7 +45,7 @@
                     h5.card-title Zmodem transfers
                     .card-text Send and receive files directly form the prompt in SSH, telnet and serial session.
 
-    .row.mb-5
+    .row
         .col-12.col-md-4
             .card.bg-dark
                 img.card-img-top([src]='screenshots.quake')
@@ -67,7 +67,7 @@
                     h5.card-title Profile manager
                     .card-text Every option configurable combined in a profile startable a hotkey.
 
-    .row.mb-5
+    .row
         .col-12.col-md-4
             .card.bg-dark
                 img.card-img-top([src]='screenshots.fonts')

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

@@ -6,3 +6,7 @@
     aspect-ratio: 2;
     object-fit: cover;
 }
+
+.card {
+    margin-bottom: 20px;
+}

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

@@ -7,17 +7,17 @@ import { Component } from '@angular/core'
 })
 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'),
+        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'),
     }
 }

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

@@ -1,4 +1,4 @@
-@import "../../theme/vars.scss";
+@import "theme/vars";
 
 h1 {
     font-family: $font-family-monospace;

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

@@ -15,10 +15,10 @@ export class HomeIndexComponent {
     _githubIcon = faGithub
 
     screenshots = {
-        window: require('../../assets/screenshots/window.png'),
-        tabs: require('../../assets/screenshots/tabs.png'),
-        ssh: require('../../assets/screenshots/ssh.png'),
-        serial: require('../../assets/screenshots/serial.png'),
-        win: require('../../assets/screenshots/win.png'),
+        window: require('assets/screenshots/window.png'),
+        tabs: require('assets/screenshots/tabs.png'),
+        ssh: require('assets/screenshots/ssh.png'),
+        serial: require('assets/screenshots/serial.png'),
+        win: require('assets/screenshots/win.png'),
     }
 }