From 8be70110fe457e59751900d83e91b462650f93f7 Mon Sep 17 00:00:00 2001
From: Eugene Pankov <john.pankov@gmail.com>
Date: Fri, 28 Apr 2017 17:20:21 +0200
Subject: [PATCH] .

---
 app/src/preload.scss                               |  5 +++--
 .../src/components/startPage.component.pug         | 11 ++++++++++-
 .../src/components/startPage.component.scss        | 14 +++++++++++++-
 .../src/components/startPage.component.ts          | 10 ++++++++++
 terminus-core/src/theme.scss                       |  6 ++++++
 5 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/app/src/preload.scss b/app/src/preload.scss
index 56e1b6b3..c5a1d0be 100644
--- a/app/src/preload.scss
+++ b/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;
     }
diff --git a/terminus-core/src/components/startPage.component.pug b/terminus-core/src/components/startPage.component.pug
index bd568fa0..1a7139ce 100644
--- a/terminus-core/src/components/startPage.component.pug
+++ b/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
diff --git a/terminus-core/src/components/startPage.component.scss b/terminus-core/src/components/startPage.component.scss
index d0a3cd61..315e81de 100644
--- a/terminus-core/src/components/startPage.component.scss
+++ b/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;
 }
diff --git a/terminus-core/src/components/startPage.component.ts b/terminus-core/src/components/startPage.component.ts
index 407f4436..15479d88 100644
--- a/terminus-core/src/components/startPage.component.ts
+++ b/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')
+    }
 }
diff --git a/terminus-core/src/theme.scss b/terminus-core/src/theme.scss
index d2b68d2e..9724fd00 100644
--- a/terminus-core/src/theme.scss
+++ b/terminus-core/src/theme.scss
@@ -250,6 +250,12 @@ hotkey-input-modal {
     }
 }
 
+start-page {
+    .terminus-title {
+        color: $blue;
+    }
+}
+
 .form-group label {
     margin-bottom: 2px;
 }