enhance(Sponsor): スポンサー一覧に空いてるロゴをいれる (#136)

* enhance(Sponsor): スポンサー一覧に空いてるロゴをいれる

* 文言の変更

components/index/Sponsors.vue

@@ -21,11 +21,19 @@
                     :style="(typeof sponsor.margin === 'string' && sponsor.margin !== 'true' ? sponsor.margin : undefined)"
                 />
             </GNuxtLink>
+            <GNuxtLink
+                :to="localePath('/docs/become-a-sponsor/')"
+                class="flex flex-col p-5 items-center justify-center aspect-square bg-white hover:bg-gray-50 rounded-full border-2 border-dashed hover:border-solid border-gray-300 text-gray-500"
+            >
+                <div class="text-center text-lg sm:text-xl">{{ $t('_landing._sponsors.becomeASponsor') }}<ArrowRightIco class="ml-1" /></div>
+            </GNuxtLink>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
+import ArrowRightIco from 'bi/arrow-right.svg';
+
 type Sponsor = {
     /** 画像URL */
     img: string;
@@ -62,4 +70,6 @@ const sponsors: Sponsor[] = [
         to: 'https://www.xserver.ne.jp/',
     },
 ];
+
+const localePath = useGLocalePath();
 </script>

locales/ja-JP.yml

@@ -13,6 +13,7 @@ browse: "参照"
 settings: "設定"
 goToLegacyHub: "従来のMisskey Hub"
 contactUs: "お問い合わせ"
+detail: "詳細"
 
 _error:
   notFound: "ページが見つかりませんでした"
@@ -101,6 +102,7 @@ _landing:
     description: "Misskeyは非営利なため、開発資金は皆様からの寄付に頼っています。Misskeyを気に入られたら、今後も開発を続けられるようにぜひ支援をお願いします。"
   _sponsors:
     title: "スポンサー"
+    becomeASponsor: "スポンサーになる"
 
 _servers:
   title: "サーバー一覧"