jointrashposs/pages/learn-more.vue
かっこかり 9581ad416c
Misskey-devメンバーを紹介するページ (#11)
* (midev-abouts) initial

* (add) team member

* fix

* (add) see more button

* (fix) column

* enhance(about-us): make avatars small

* change domains

* ✌️

---------

Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
2023-11-12 10:38:15 +09:00

79 lines
3.2 KiB
Vue

<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: localePath('/tools/'),
title: $t('_tools.title'),
description: $t('_tools.description'),
img: '/img/emojis/toolbox_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,
},
{
to: localePath('/about-us/'),
title: $t('_aboutUs.title'),
description: $t('_aboutUs.description'),
img: '/img/misc/midev.png',
},
]" />
</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>