.

app/src/preload.scss

@@ -1,4 +1,4 @@
-$color: rgba(0, 0, 0, 0.5);
+$color: rgba(66, 142, 173, 0.75);
 
 
 .preload-logo {
@@ -44,6 +44,7 @@ $color: rgba(0, 0, 0, 0.5);
   height: 160px;
   margin: auto;
   position: relative;
+  transform: rotateZ(-14.5deg);
 
   .part {
     position: absolute;
@@ -56,7 +57,7 @@ $color: rgba(0, 0, 0, 0.5);
       left: 24px;
       width: 44px;
       height: 44px;
-      background: rgba(0,0,0, .75);
+      background: $color;
       transform: rotateX(52deg) rotateY(-42deg);
       animation: terminusLogoPartOnce ease-out 1s;
     }

terminus-core/src/components/startPage.component.pug

@@ -16,9 +16,18 @@ div
             div
     h1.terminus-title Terminus
 
-    button.btn.btn-outline-primary.btn-lg.btn-block(
+    button.btn.btn-primary.btn-lg.btn-block(
         *ngFor='let button of getButtons()',
         (click)='button.click()',
     )
         i.fa([class]='"fa fa-" + button.icon')
         span {{button.title}}
+
+footer
+    .btn-group
+        button.btn.btn-secondary((click)='openGitHub()')
+            i.fa.fa-github
+            span GitHub
+        button.btn.btn-secondary((click)='reportBug()')
+            i.fa.fa-bug
+            span Report a problem

terminus-core/src/components/startPage.component.scss

@@ -1,6 +1,8 @@
 :host {
     display: flex;
+    flex-direction: column;
     flex: auto;
+    -webkit-app-region: drag;
 }
 
 :host > div {
@@ -13,5 +15,15 @@
 }
 
 .terminus-title {
-  margin: 0 0 60px;
+    margin: 0 0 60px;
+}
+
+footer {
+    flex: none;
+    padding: 20px 30px;
+    background: rgba(0,0,0,.5);
+}
+
+button {
+    -webkit-app-region: no-drag;
 }

terminus-core/src/components/startPage.component.ts

@@ -1,4 +1,5 @@
 import { Component, Inject } from '@angular/core'
+import { ElectronService } from '../services/electron.service'
 import { IToolbarButton, ToolbarButtonProvider } from '../api'
 
 @Component({
@@ -8,6 +9,7 @@ import { IToolbarButton, ToolbarButtonProvider } from '../api'
 })
 export class StartPageComponent {
     constructor(
+        private electron: ElectronService,
         @Inject(ToolbarButtonProvider) private toolbarButtonProviders: ToolbarButtonProvider[],
     ) { }
 
@@ -17,4 +19,12 @@ export class StartPageComponent {
             .reduce((a, b) => a.concat(b))
             .sort((a: IToolbarButton, b: IToolbarButton) => (a.weight || 0) - (b.weight || 0))
     }
+
+    openGitHub () {
+        this.electron.shell.openExternal('https://github.com/eugeny/terminus')
+    }
+
+    reportBug () {
+        this.electron.shell.openExternal('https://github.com/eugeny/terminus/issues/new')
+    }
 }

terminus-core/src/theme.scss

@@ -250,6 +250,12 @@ hotkey-input-modal {
     }
 }
 
+start-page {
+    .terminus-title {
+        color: $blue;
+    }
+}
+
 .form-group label {
     margin-bottom: 2px;
 }