From 69d264d8ef34f00a6470148b1bf8b45d578a2f80 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 13 Feb 2020 03:01:39 +0900
Subject: [PATCH] Update about-misskey.vue

---
 src/client/pages/about-misskey.vue | 48 ++++++++++++------------------
 1 file changed, 19 insertions(+), 29 deletions(-)

diff --git a/src/client/pages/about-misskey.vue b/src/client/pages/about-misskey.vue
index 8eadd1abc..08821522b 100644
--- a/src/client/pages/about-misskey.vue
+++ b/src/client/pages/about-misskey.vue
@@ -1,26 +1,25 @@
 <template>
 <div class="znqjceqz">
-	<portal to="icon"><fa :icon="faInfoCircle"/></portal>
-	<portal to="title">{{ $t('aboutMisskey') }}</portal>
+	<portal to="title">🍀 {{ $t('aboutMisskey') }}</portal>
 
 	<section class="_card">
-		<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('aboutMisskey') }}</div>
+		<div class="_title">🍀 {{ $t('aboutMisskey') }}</div>
 		<div class="_content">
 			<div style="margin-bottom: 1em;">{{ $t('aboutMisskeyText') }}</div>
-			<div>{{ $t('misskeyMembers') }}</div>
-			<span class="members">
-				<a href="https://github.com/syuilo" target="_blank" class="_link">@syuilo</a>
-				<a href="https://github.com/AyaMorisawa" target="_blank" class="_link">@AyaMorisawa</a>
-				<a href="https://github.com/mei23" target="_blank" class="_link">@mei23</a>
-				<a href="https://github.com/acid-chicken" target="_blank" class="_link">@acid-chicken</a>
-				<a href="https://github.com/tamaina" target="_blank" class="_link">@tamaina</a>
-				<a href="https://github.com/rinsuki" target="_blank" class="_link">@rinsuki</a>
-			</span>
-			<div style="margin-top: 1em;">{{ $t('misskeySource') }}</div>
+			<div>🛠️ {{ $t('misskeyMembers') }}</div>
+			<ul class="members">
+				<li><mk-link url="https://github.com/syuilo" class="at">@syuilo</mk-link></li>
+				<li><mk-link url="https://github.com/AyaMorisawa" class="at">@AyaMorisawa</mk-link></li>
+				<li><mk-link url="https://github.com/mei23" class="at">@mei23</mk-link></li>
+				<li><mk-link url="https://github.com/acid-chicken" class="at">@acid-chicken</mk-link></li>
+				<li><mk-link url="https://github.com/tamaina" class="at">@tamaina</mk-link></li>
+				<li><mk-link url="https://github.com/rinsuki" class="at">@rinsuki</mk-link></li>
+			</ul>
+			<div style="margin-top: 1em;">📦 {{ $t('misskeySource') }}</div>
 			<mk-url url="https://github.com/syuilo/misskey"/>
-			<div style="margin-top: 1em;">{{ $t('misskeyTranslation') }}</div>
+			<div style="margin-top: 1em;">🌏 {{ $t('misskeyTranslation') }}</div>
 			<mk-url url="https://crowdin.com/project/misskey"/>
-			<div style="margin-top: 1em;">{{ $t('misskeyDonate') }}</div>
+			<div style="margin-top: 1em;">💴 {{ $t('misskeyDonate') }}</div>
 			<mk-url url="https://www.patreon.com/syuilo"/>
 		</div>
 		<div class="_content">
@@ -55,10 +54,15 @@ import Vue from 'vue';
 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
 import { version } from '../config';
 import i18n from '../i18n';
+import MkLink from '../components/link.vue';
 
 export default Vue.extend({
 	i18n,
 
+	components: {
+		MkLink
+	},
+
 	metaInfo() {
 		return {
 			title: this.$t('aboutMisskey') as string
@@ -73,17 +77,3 @@ export default Vue.extend({
 	},
 });
 </script>
-
-<style lang="scss" scoped>
-.znqjceqz {
-	> ._card {
-		> ._content {
-			> .members {
-				> a {
-					margin-right: 0.5em;
-				}
-			}
-		}
-	}
-}
-</style>