(add) learn more page

components/g/Footer.vue

@@ -39,7 +39,7 @@
                                 <GNuxtLink :to="localePath('/brand-assets/')" class="hover:underline">{{ $t('_brandAssets.title') }}</GNuxtLink>
                             </li>
                             <li>
-                                <GNuxtLink :to="localePath('/links/')" class="hover:underline">{{ $t('_links.title') }}</GNuxtLink>
+                                <GNuxtLink :to="localePath('/learn-more/')" class="hover:underline">{{ $t('_links.title') }}</GNuxtLink>
                             </li>
                         </ul>
                     </div>

locales/ja-JP.yml

@@ -9,6 +9,7 @@ _nav:
   servers: "サーバー"
   docs: "ドキュメント"
   blog: "ブログ"
+  other: "もっと！"
   switchLang: "言語の設定"
 _landing:
   _hero:
@@ -132,11 +133,13 @@ _content:
   tip: "ヒント"
   warning: "注意"
   danger: "警告"
+  preview: "プレビュー"
 _other:
-  title: "お楽しみ"
+  title: "もっと！"
+  description: "Misskeyをもっと楽しめるその他のリソースをご紹介しています。"
 _brandAssets:
   title: "アセット集"
-  description: "Misskeyのロゴ、アイコンなどのアセットのコレクションです。アセットは、CC BY-NC-SAのライセンスの下で自由にお使いいただけます🎉"
+  description: "Misskeyのロゴ、アイコンなどのアセットのコレクションです。一定のライセンスのもとでご自由にお使いいただけます。"
   license: "アセットは、CC BY-NC-SAのライセンスの下で自由にお使いいただけます🎉"
   assetsDirectory: "全てのアセットは、{0}で管理されています。"
   logo: "ロゴ"
@@ -144,3 +147,15 @@ _brandAssets:
   banner: "バナー"
 _links:
   title: "リンク"
+  _github:
+    title: "Github"
+    description: "Misskeyの開発はGithub上で行われています。機能リクエストやバグ報告などはこちらから行えます。"
+  _crowdin:
+    title: "Crowdin"
+    description: "Misskey本体、およびドキュメントの翻訳はこちらで管理されています。皆さんのご協力をお願いします。"
+  _discord:
+    title: "Discordサーバー"
+    description: "Misskeyに関する質問や会話などをお楽しみいただけます。"
+  _aiChan:
+    title: "藍"
+    description: "Misskeyの看板娘、藍のウェブサイトです。"

pages/learn-more.vue

@@ -0,0 +1,67 @@
+<template>
+    <div>
+        <GHero>
+            <template #title>{{ $t('_other.title') }}</template>
+            <template #description>
+                {{ $t('_other.description') }}
+            </template>
+            <template #icon>
+                <div class="hidden lg:block relative px-6 py-8">
+                    <GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
+                    <GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
+                    <div class="relative lg:w-64 h-64 flex items-center">
+                        <img class="drop-shadow-xl learnMoreHeroPudding" src="/img/emojis/custard_3d.png" />
+                    </div>
+                </div>
+            </template>
+        </GHero>
+        <div class="pb-12 lg:mt-12 pt-6 bg-white dark:bg-slate-950">
+            <div class="container mx-auto max-w-screen-xl px-6 space-y-6 lg:space-y-8">
+                <GLargeLinks :items="[
+                    {
+                        to: localePath('/brand-assets/'),
+                        title: $t('_brandAssets.title'),
+                        description: $t('_brandAssets.description'),
+                        img: '/img/emojis/artist_palette_3d.png',
+                    },
+                    {
+                        to: 'https://github.com/misskey-dev',
+                        title: $t('_links._github.title'),
+                        description: $t('_links._github.description'),
+                        img: '/img/links/github.png',
+                    },
+                    {
+                        to: 'https://crowdin.com/project/misskey',
+                        title: $t('_links._crowdin.title'),
+                        description: $t('_links._crowdin.description'),
+                        img: '/img/links/crowdin.svg',
+                    },
+                    {
+                        to: 'https://discord.com/invite/Wp8gVStHW3',
+                        title: $t('_links._discord.title'),
+                        description: $t('_links._discord.description'),
+                        img: '/img/links/discord.png',
+                    },
+                    {
+                        to: 'https://藍.moe/',
+                        title: $t('_links._aiChan.title'),
+                        description: $t('_links._aiChan.description'),
+                        img: '/img/links/ai.png',
+                        cutBottom: true,
+                        cutLeft: true,
+                    },
+                ]" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+const localePath = useLocalePath();
+</script>
+
+<style>
+.learnMoreHeroPudding:hover {
+animation: .75s linear 0s 1 normal both running mfm-rubberBand;
+}
+</style>

public/img/links/crowdin.svg

@@ -0,0 +1 @@
+<svg version="1.1" viewBox="0 0 1311 1311" xmlns="http://www.w3.org/2000/svg"><circle cx="655.5" cy="655.5" r="653.46" fill="#fff" fill-rule="evenodd" style="paint-order:stroke fill markers"/><g transform="matrix(.77322 0 0 .77322 148.59 268.89)" fill="#263238"><path d="m1141.9 341.44c-38.89-4.773-77.14-7.193-113.82-7.103-119.07 0.295-322.54 38.004-322.54 196.27l37.998 7.38c-0.508 6.859-0.508 13.748 0 20.606v35.929l-37.998-2.69c10.08 142.86 93.811 182.33 172.66 184.44 37.723 0 73.254-4.042 108.04-20.077 1.188-0.559 2.151-1.526 2.724-2.736s0.721-2.588 0.419-3.899c-0.303-1.31-1.037-2.471-2.077-3.285s-2.322-1.229-3.626-1.176c-72.71 10.567-147.11-48.46-147.11-173.68 0-158.51 126.12-219.42 306.87-219.42 4.1 0.528 4.61-9.51-1.54-10.567zm-396.04 281.01h60.477c4.945 42.515 21.985 91.957 52.412 121.08-28.364-3.599-54.688-17.083-74.614-38.221-19.926-21.137-35.573-53.498-38.275-82.854zm67.317-133.59c0 5.284-4.096 14.794-6.145 24.305h-24.065c-12.873-0.601-25.698-2.013-38.404-4.227 0.183-1.226 0.183-2.473 0-3.699 15.874-85.066 97.288-120.47 176.14-135.26-25.382 10.285-48.212 26.3-66.818 46.87-18.605 20.57-32.516 45.174-40.711 72.011z"/><path d="m1224.1 214.81c-159.47-46.29-830.99-102.41-830.99 285.34 22.606 3.312 38.306 8.393 50.398 10.049-1.61 29.523 0 61.872 0 91.837l-60.478-10.204c0 224.49 157.94 295.22 282.54 295.22 20.572-0.097 41.117-1.572 61.51-4.416 51.324-5.885 101.11-21.999 146.68-47.476 0.994-0.733 1.744-1.777 2.142-2.982 0.398-1.206 0.424-2.512 0.075-3.734-0.349-1.223-1.056-2.298-2.02-3.075-0.964-0.776-2.137-1.214-3.352-1.251-105.15 22.082-249.2-7.728-249.2-268.3 0-346.69 468.12-323.91 604.28-329.43 1.16-0.53 2.13-1.447 2.74-2.608 0.62-1.161 0.86-2.503 0.68-3.82-0.18-1.316-0.76-2.535-1.67-3.468-0.9-0.933-2.07-1.529-3.33-1.697zm-558.01 642.99c-60.472 4.03-120.08-16.734-166.26-57.921s-75.353-99.585-81.358-162.9c39.955 5.52 90.951 9.937 133.54 12.145 2.114 43.6 15.134 85.844 37.746 122.48 22.613 36.634 54.02 66.364 91.058 86.196zm-97.786-419.01c-3.154 12.145-7.886 33.675-12.092 52.445l-63.087-6.625-63.614-8.28c0-202.73 316.38-272.25 437.34-272.25-164.03 40.3-271.73 123.2-298.55 233.06z"/><path d="m1306.2 100.14c-194.31-68.872-414.75-102.72-620.75-99.984-297.81 0-675.33 91.837-685.41 408.16l80.637 20.408c-10.08 40.816-10.08 122.45-10.08 122.45s-45.974-14.094-70.557-20.408c0 374.15 211.42 469.23 414.88 469.23 82.171 0.253 163.7-14.545 240.6-43.678 1.213-0.556 2.197-1.519 2.782-2.725 0.586-1.205 0.737-2.577 0.428-3.882s-1.058-2.462-2.121-3.272c-1.063-0.811-2.372-1.225-3.704-1.172-63.289 0-113.5 21.05-213.93-52.623-195.1-141.56-171.04-509.92 52.305-670.42 230.14-169.45 727.56-116.82 812.82-111.56 0.68 0.139 1.39 0.139 2.08 3e-3 0.69-0.137 1.34-0.409 1.92-0.8 0.59-0.391 1.09-0.893 1.48-1.479 0.39-0.585 0.66-1.242 0.79-1.933 0.14-0.692 0.14-1.403 0.01-2.094-0.14-0.692-0.41-1.349-0.8-1.936-0.39-0.586-0.89-1.09-1.47-1.482s-1.23-0.665-1.92-0.803zm-889.19 868.28c-241.65 0-365.15-135.83-376.66-396.84 65.62 17.123 127.51 34.219 194.63 43.737-4.044 102.29 30.95 202.26 97.811 279.43 34.19 34.383 76.203 59.853 122.39 74.199zm547.63-908.81c-294.49 0-635.66 36.966-702.54 369.11 0 0-181.43-30.612-221.75-40.816 50.398-418.37 745.89-386.8 1028.1-328.29z"/></g></svg>