mirror of
https://github.com/Ryujinx/Ryujinx-Website.git
synced 2024-06-13 10:38:44 +02:00
70d6df62bd
* Initial project push * Add tailwind config * Add vue router config * Continue * Add generic navigation header * Update navigations logic to prevent invalid active class * Update HomePage.vue * Add footer * Add team member GitHub link * Add new social list component * Add SEO + favicon tag * Update SEO tag * Split header in multiple component * Update i18n * Add new homepage section * Add new stats homepage section * Add new section homepage section * Add new section homepage section * Add download page * Update mac os section * Add build information * Continue * Continue * Continue * Continue * Add LDN build section * Re order section * Remove branch info * Update contribute page * Add generic button component * Finish contribute page * Update action logic * Continue * Continue * Continue * Fix invalid build * Add missing token * Fix deploy * Update package * Update package * Add node version * Fix typo * Continue * Fix typos * Update teams * Add new older build link * Add new github action * Add docker build * Add LICENSE.txt and update README.md * Add funding link * Cleanup * Fix invalid url * Update .env * Remove merge branch on release.yml * Add asset condition * Add sitemap.xml * Add translation section
48 lines
1.4 KiB
Vue
48 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { useI18n } from "vue-i18n";
|
|
import { teamMembers } from "@/common/constants/teams";
|
|
|
|
const { t } = useI18n();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-white">
|
|
<div
|
|
class="space-y-16 container xl:max-w-7xl mx-auto px-4 py-16 lg:px-8 lg:py-32"
|
|
>
|
|
<!-- Heading -->
|
|
<div class="text-center">
|
|
<h2 class="text-3xl md:text-4xl font-extrabold mb-4">{{t("views.homepage.ourTeam")}}</h2>
|
|
<h3
|
|
class="text-lg md:text-xl md:leading-relaxed font-medium text-gray-600 lg:w-2/3 mx-auto"
|
|
>
|
|
{{t("views.homepage.ourTeamDescription")}}
|
|
</h3>
|
|
</div>
|
|
|
|
<!-- Team -->
|
|
<div
|
|
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 md:gap-16 text-center"
|
|
>
|
|
<div v-for="member in teamMembers" :key="member.name">
|
|
<span class="inline-block rounded-full bg-white shadow-lg p-2 mb-5">
|
|
<img
|
|
:src="member.avatar"
|
|
alt="User Avatar"
|
|
class="inline-block w-28 h-28 rounded-full"
|
|
/>
|
|
</span>
|
|
<h4 class="text-xl font-semibold mb-1">
|
|
<a
|
|
class="text-blue-400"
|
|
:href="'https://github.com/' + member.githubName"
|
|
>{{ member.name }}
|
|
</a>
|
|
</h4>
|
|
<p class="text-gray-600 font-medium">{{ member.title }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|