docs: added edit and team page

vdocs/.vitepress/config.ts

@@ -1,12 +1,14 @@
 import { version } from '../../package.json';
 import ExampleMarkdown from './mermaid-markdown-all';
 import { defineConfig } from 'vitepress';
+import { update } from 'lodash';
 
 export default defineConfig({
   lang: 'en-US',
   title: 'Mermaid',
   description: 'Create diagrams and visualizations using text and code.',
   base: '/mermaid-docs/',
+  lastUpdated: true,
   markdown: ExampleMarkdown,
   themeConfig: {
     nav: nav(),
@@ -19,6 +21,19 @@ export default defineConfig({
       // "/misc/": sidebarMisc(),
       // "/community/": sidebarCommunity(),
     },
+
+    footer: {
+      message: 'Released under the MIT License.',
+      copyright: 'Copyright © 2014-present Knut Sveidqvist',
+    },
+
+    // TODO: update to mermaid
+    editLink: {
+      pattern: 'https://github.com/emersonbottero/mermaid/edit/develop/vdocs/:path',
+      text: 'Edit this page on GitHub',
+    },
+
+    socialLinks: [{ icon: 'github', link: 'https://github.com/emersonbottero/mermaid' }],
   },
 });
 

vdocs/index.md

@@ -30,6 +30,77 @@ features:
     details: Use Mermaid with your favorite applications, check out the list of Integrations and Usages of Mermaid.
 ---
 
+<script setup>
+import { VPTeamMembers } from 'vitepress/theme'
+
+const members = [
+  {
+    avatar: 'https://avatars.githubusercontent.com/u/5837277?v=4',
+    name: 'Knut Sveidqvist',
+    title: 'Creator',
+    links: [
+      { icon: 'github', link: 'https://github.com/knsv' },
+    ]
+  },
+   {
+    avatar: 'https://avatars.githubusercontent.com/u/1912783?v=4',
+    name: 'Marc Faber',
+    title: 'Developer',
+    links: [
+      { icon: 'github', link: 'https://gdfaber.github.io/' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/marc-faber/' },      
+    ]
+  }, {
+    avatar: 'https://avatars.githubusercontent.com/u/1564825?v=4',
+    name: 'Nacho Orlandoni',
+    title: 'Developer',
+    links: [
+      { icon: 'github', link: 'https://github.com/IOrlandoni' },
+    ]
+  }, {
+    avatar: 'https://avatars.githubusercontent.com/u/6552521?v=4',
+    name: 'Christian Klemm',
+    title: 'Developer',
+    links: [
+      { icon: 'github', link: 'https://github.com/klemmchr' },
+    ]
+  }, {
+    avatar: 'https://avatars.githubusercontent.com/u/12032557?v=4',
+    name: 'Mindaugas Laganeckas',
+    title: 'Developer',
+    links: [
+      { icon: 'github', link: 'https://github.com/MindaugasLaganeckas' },
+    ]
+  }, {
+    avatar: 'https://avatars.githubusercontent.com/u/58763315?v=4',
+    name: 'Neil Cuzon',
+    title: 'Developer',
+    links: [
+      { icon: 'github', link: 'https://github.com/NeilCuzon' },
+    ]
+  }, {
+    avatar: 'https://avatars.githubusercontent.com/u/19526120?v=4',
+    name: 'Adrian Hall',
+    title: 'Developer',
+    links: [
+      { icon: 'github', link: 'https://github.com/spopida' },
+    ]
+  }, {
+    avatar: 'https://avatars.githubusercontent.com/u/53054099?v=4',
+    name: 'Yash Singh',
+    title: 'Developer',
+    links: [
+      { icon: 'github', link: 'https://github.com/Yash-Singh1' },
+    ]
+  },
+]
+</script>
+
+<div class="vp-doc" >
+  <h2 id="meet-the-team"> Meet The Team </h2>
+  <VPTeamMembers size="small" :members="members" />
+</div>
+
 <style>
   .image-container .image-src {
     margin: 1rem auto;
@@ -40,4 +111,20 @@ features:
     filter: invert(1) hue-rotate(217deg)  contrast(0.72);
     max-width: 100%;
   }
+
+  .vp-doc {
+    align-items: center;
+    flex-direction: column;
+    display: flex;
+    margin-top: 2.5rem;
+  }
+
+  .vp-doc h2 {
+    margin: 48px 0 16px;
+    border-top: 1px solid var(--vp-c-divider-light);
+    padding-top: 24px;
+    letter-spacing: -.02em;
+    line-height: 32px;
+    font-size: 24px;
+}
 </style>