jointrashposs/pages/docs/index.vue
2023-07-15 17:33:31 +09:00

66 lines
2.5 KiB
Vue

<template>
<div>
<GHero>
<template #title>{{ $t('_docs.title') }}</template>
<template #description>
{{ $t('_seo.defaultDescription') + $t('_docs.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 rotate-6">
<img class="drop-shadow-xl" src="/img/emojis/green_book_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">
<GLocalNav :items="[
{
name: $t('_docs._forUsers.title'),
anchor: '#forUsers',
},
{
name: $t('_docs._forAdmin.title'),
anchor: '#forAdmin',
},
{
name: $t('_docs._forDevelopers.title'),
anchor: '#forDevelopers',
}
]" />
<GLargeLinks :items="[
{
to: localePath('/docs/about-misskey/'),
title: $t('_docs._aboutMisskey.title'),
description: $t('_docs._aboutMisskey.description'),
img: '/img/docs/mi_ai_docs.png',
cutBottom: true,
},
{
to: localePath('/docs/releases'),
title: $t('_docs._changelog.title'),
description: $t('_docs._changelog.description'),
img: '/img/emojis/rocket_3d.png',
}
]" />
<DocsReadersNav section-id="forUsers" id="forUsers" />
<!--<DocsReadersNav section-id="forAdmin" id="forAdmin" />
<DocsReadersNav section-id="forDevelopers" id="forDevelopers" />-->
</div>
</div>
</div>
</template>
<script setup lang="ts">
import ArrowRightIco from 'bi/arrow-right.svg';
import { title } from 'process';
const localePath = useLocalePath();
</script>
<style scoped>
</style>