From 75a9a288d6e80fe702cb3073c15f05b8ba37a364 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 30 Dec 2020 19:24:01 +0900
Subject: [PATCH] :art:

---
 src/client/assets/misskey.svg         |  3 +++
 src/client/pages/welcome.entrance.vue | 25 ++++++++++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 src/client/assets/misskey.svg

diff --git a/src/client/assets/misskey.svg b/src/client/assets/misskey.svg
new file mode 100644
index 000000000..d70f1da9a
--- /dev/null
+++ b/src/client/assets/misskey.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:981521e25eaf0625e4005069f1db1ba5b0794906968724b0fce7dd804ff98371
+size 9396
diff --git a/src/client/pages/welcome.entrance.vue b/src/client/pages/welcome.entrance.vue
index 655920e3d..7273e3615 100644
--- a/src/client/pages/welcome.entrance.vue
+++ b/src/client/pages/welcome.entrance.vue
@@ -1,6 +1,8 @@
 <template>
 <div class="rsqzvsbo" v-if="meta">
 	<div class="top">
+		<div class="shape"></div>
+		<img src="/assets/misskey.svg" class="misskey"/>
 		<div class="main _panel">
 			<div class="bg" :style="{ backgroundImage: `url(${ meta.bannerUrl })` }">
 				<div class="fade"></div>
@@ -142,12 +144,33 @@ export default defineComponent({
 		box-sizing: border-box;
 		padding: 16px;
 
+		> .shape {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			background: var(--accent);
+			clip-path: polygon(0% 0%, 50% 0%, 15% 100%, 0% 100%);
+		}
+
+		> .misskey {
+			position: absolute;
+			top: 24px;
+			left: 24px;
+			width: 160px;
+		}
+
 		> .main {
 			position: relative;
 			width: min(490px, 100%);
-			margin: auto;
+			margin: auto auto auto 128px;
 			box-shadow: 0 12px 32px rgb(0 0 0 / 25%);
 
+			@media (max-width: 1200px) {
+				margin: auto;
+			}
+
 			> .bg {
 				position: absolute;
 				top: 0;