add team page

docs/.vitepress/config.mjs

@@ -10,7 +10,8 @@ export default defineConfig({
     logo: '/icon.png',
     nav: [
       { text: 'Home', link: '/' },
-      { text: 'Document', link: '/cinepi' }
+      { text: 'Document', link: '/cinepi' },
+      { text: 'Team', link: '/team' },
     ],
 
     sidebar: [
@@ -57,7 +58,8 @@ export default defineConfig({
     ],
 
     socialLinks: [
-      { icon: 'github', link: 'https://github.com/cinepi' }
+      { icon: 'github', link: 'https://github.com/cinepi' },
+      { icon: 'discord', link: 'https://discord.com/invite/Wz9sQU3skC' }
     ],
     lastUpdated: true,
 

docs/team.md

@@ -0,0 +1,64 @@
+---
+layout: home
+---
+<script setup>
+import {
+  VPTeamPage,
+  VPTeamPageTitle,
+  VPTeamMembers
+} from 'vitepress/theme'
+
+const members = [
+  {
+    avatar: 'https://www.github.com/schoolpost.png',
+    name: 'Csaba Nagy',
+    title: 'Creator',
+    links: [
+      { icon: 'github', link: 'https://github.com/schoolpost' },
+      { icon: 'twitter', link: 'https://twitter.com/schoolpost09' }
+    ]
+  },
+  {
+    avatar: 'https://www.github.com/schoolpost.png',
+    name: 'Csaba Nagy',
+    title: 'Creator',
+    links: [
+      { icon: 'github', link: 'https://github.com/schoolpost' },
+      { icon: 'twitter', link: 'https://twitter.com/schoolpost09' }
+    ]
+  },
+   {
+    avatar: 'https://www.github.com/schoolpost.png',
+    name: 'Csaba Nagy',
+    title: 'Creator',
+    links: [
+      { icon: 'github', link: 'https://github.com/schoolpost' },
+      { icon: 'twitter', link: 'https://twitter.com/schoolpost09' }
+    ]
+  },
+   {
+    avatar: 'https://www.github.com/schoolpost.png',
+    name: 'Csaba Nagy',
+    title: 'Creator',
+    links: [
+      { icon: 'github', link: 'https://github.com/schoolpost' },
+      { icon: 'twitter', link: 'https://twitter.com/schoolpost09' }
+    ]
+  },
+]
+</script>
+
+<VPTeamPage>
+  <VPTeamPageTitle>
+    <template #title>
+      Our Team
+    </template>
+    <template #lead>
+     CinePI is mainly developed by the following core members.
+    </template>
+  </VPTeamPageTitle>
+  <VPTeamMembers 
+    size="small"
+    :members="members"
+  />
+</VPTeamPage>