From 5a0df1d632a52a858f671f5e90929bfd8c508696 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 17 Mar 2018 17:47:46 +0900
Subject: [PATCH] :art:

---
 .../views/components/welcome-timeline.vue     |  8 ++---
 src/web/app/desktop/views/pages/welcome.vue   | 34 +++++++++++++++----
 src/web/assets/welcome-bg.svg                 |  3 ++
 src/web/assets/welcome-fg.svg                 |  3 ++
 src/web/assets/welcome.svg                    |  3 --
 5 files changed, 37 insertions(+), 14 deletions(-)
 create mode 100644 src/web/assets/welcome-bg.svg
 create mode 100644 src/web/assets/welcome-fg.svg
 delete mode 100644 src/web/assets/welcome.svg

diff --git a/src/web/app/common/views/components/welcome-timeline.vue b/src/web/app/common/views/components/welcome-timeline.vue
index ab402f126..2ff06e2cc 100644
--- a/src/web/app/common/views/components/welcome-timeline.vue
+++ b/src/web/app/common/views/components/welcome-timeline.vue
@@ -78,14 +78,14 @@ export default Vue.extend({
 
 			> img
 				display block
-				width 36px
-				height 36px
+				width 42px
+				height 42px
 				border-radius 6px
 
 		> .body
 			float right
-			width calc(100% - 36px)
-			padding-left 8px
+			width calc(100% - 42px)
+			padding-left 12px
 
 			> header
 				display flex
diff --git a/src/web/app/desktop/views/pages/welcome.vue b/src/web/app/desktop/views/pages/welcome.vue
index 53ea99598..5d1d4ad01 100644
--- a/src/web/app/desktop/views/pages/welcome.vue
+++ b/src/web/app/desktop/views/pages/welcome.vue
@@ -70,9 +70,24 @@ export default Vue.extend({
 	display flex
 	flex-direction column
 	flex 1
-	background #eee
 	$width = 1000px
 
+	background-image url('/assets/welcome-bg.svg')
+	background-size cover
+	background-position top center
+
+	&:before
+		content ""
+		display block
+		position fixed
+		bottom 0
+		left 0
+		width 100%
+		height 100%
+		background-image url('/assets/welcome-fg.svg')
+		background-size cover
+		background-position bottom center
+
 	> main
 		display flex
 		flex 1
@@ -80,9 +95,6 @@ export default Vue.extend({
 		> .top
 			display flex
 			width 100%
-			background-image url('/assets/welcome.svg')
-			background-size cover
-			background-position top center
 
 			> div
 				display flex
@@ -92,7 +104,8 @@ export default Vue.extend({
 
 				> div:first-child
 					margin 0 48px 0 0
-					color #777
+					color #d1e6bf
+					text-shadow 0 0 12px #172062
 
 					> h1
 						margin 0
@@ -154,18 +167,19 @@ export default Vue.extend({
 							overflow auto
 
 	> footer
+		font-size 12px
 		color #949ea5
-		background #fff
 
 		> div
 			max-width $width
 			margin 0 auto
-			padding 42px 0
+			padding 0 0 42px 0
 			text-align center
 
 			> .c
 				margin 16px 0 0 0
 				font-size 10px
+				opacity 0.7
 
 </style>
 
@@ -194,3 +208,9 @@ export default Vue.extend({
 	a
 		color #666
 </style>
+
+<style lang="stylus">
+html
+body
+	background linear-gradient(to bottom, #1e1d65, #bd6659)
+</style>
diff --git a/src/web/assets/welcome-bg.svg b/src/web/assets/welcome-bg.svg
new file mode 100644
index 000000000..ba9d4bf34
--- /dev/null
+++ b/src/web/assets/welcome-bg.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:992dba610bbc82bffb0cb8e867c3cd86cde088941084ce205ccbe1f803cff0f4
+size 18113
diff --git a/src/web/assets/welcome-fg.svg b/src/web/assets/welcome-fg.svg
new file mode 100644
index 000000000..112dd7f5c
--- /dev/null
+++ b/src/web/assets/welcome-fg.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7e3884fd93b9fd16953a9b57ce607bc250af14c28304f486f254968b68479c1d
+size 12542
diff --git a/src/web/assets/welcome.svg b/src/web/assets/welcome.svg
deleted file mode 100644
index b969b0150..000000000
--- a/src/web/assets/welcome.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7ac334d3aa7b2c6bc1d73a3ed767745d1eea851d0688ce40c7e48d5e70dfcd63
-size 15476