feat: remove team (#572)

productdevbook · web-flow · commit 59cba4f72a21 · 2024-11-20T14:45:29.000+03:00
* docs: “Removed the ‘team’ mention

* refactor: remove team members import and update heading style in HomePage.vue
diff --git a/.docs/.vitepress/components/Contributors.vue b/.docs/.vitepress/components/Contributors.vue
@@ -1,25 +1,56 @@
 <script setup lang="ts">
 import { contributors } from '../contributors'
+import { AvatarFallback, AvatarImage, AvatarRoot, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from '@oku-ui/primitives'
+
+function getInitials(name: string) {
+  return name.match(/\b[A-Z]/gi)?.join('') ?? name[0]
+}
 </script>
 
 <template>
-  <div class="flex flex-wrap gap-2 justify-center">
-    <a
-      v-for="{ name, avatar } of contributors"
-      :key="name"
-      :href="`https://github.com/${name}`"
-      class="m-0"
-      rel="noopener noreferrer"
-      :aria-label="`${name} on GitHub`"
-    >
-      <img
-        loading="lazy"
-        :src="avatar"
-        width="50"
-        height="50"
-        class="rounded-full h-12 w-12"
-        :alt="`${name}'s avatar`"
+  <div class="flex flex-wrap gap-4 justify-center my-8 not-prose">
+    <TooltipProvider>
+      <TooltipRoot
+        v-for="{ name, avatar } of contributors"
+        :key="name"
+        :delay-duration="0"
+        :disable-hoverable-content="true"
       >
-    </a>
+        <TooltipTrigger as="template">
+          <AvatarRoot as="template">
+            <a
+              :href="`https://github.com/${name}`"
+              class="group relative inline-flex items-center justify-center"
+              rel="noopener noreferrer"
+              :aria-label="`${name} on GitHub`"
+              target="_blank"
+            >
+              <div
+                class="h-14 w-14 rounded-full overflow-hidden bg-gradient-to-br from-green-400 via-blue-500 to-purple-600 flex items-center justify-center shadow-lg transform transition-all group-hover:scale-110"
+              >
+                <AvatarImage
+                  :src="avatar"
+                  :alt="`${name}'s avatar`"
+                  class="h-full w-full object-cover"
+                />
+                <AvatarFallback
+                  class="text-center uppercase text-sm font-semibold text-white"
+                  :delay-ms="1000"
+                >
+                  {{ getInitials(name) }}
+                </AvatarFallback>
+              </div>
+            </a>
+          </AvatarRoot>
+        </TooltipTrigger>
+
+        <TooltipContent
+          class="text-xs font-semibold text-white px-3 py-1 rounded bg-gray-800 border border-gray-600 shadow-md transform transition-opacity duration-200"
+          side="bottom"
+        >
+          {{ name }}
+        </TooltipContent>
+      </TooltipRoot>
+    </TooltipProvider>
   </div>
-</template>
+</template>
diff --git a/.docs/.vitepress/components/HomePage.vue b/.docs/.vitepress/components/HomePage.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { VPTeamMembers } from 'vitepress/theme-without-fonts'
-import { teamMembers } from '../contributors'
 import Contributors from './Contributors.vue'
 </script>
 
@@ -9,29 +7,17 @@ import Contributors from './Contributors.vue'
     <div class="mx-auto w-full container max-w-[1152px]">
       <main class="w-full">
         <div class="vp-doc flex flex-col items-center mt-10">
-          <h2
-            id="meet-the-team"
-            class="opacity-50 font-medium pt-10 pb-2"
-          >
-            Meet The Team
-          </h2>
-          <div class="w-full">
-            <VPTeamMembers
-              size="small"
-              :members="teamMembers"
-            />
-          </div>
           <h2
             id="the-team"
-            class="op50 font-medium pt-5 pb-2"
+            class="font-medium pt-5 pb-2"
           >
-            Contributors
+            Crafted with passion by Vue enthusiasts 💚
           </h2>
           <p class="text-lg max-w-200 text-center leading-7">
             <Contributors />
             <br>
             <a
-              href="https://discord.gg/RCGzQQPtAh"
+              href="https://chat.oku-ui.com"
               rel="noopener noreferrer"
             >Join the community</a> and get involved!
           </p>
diff --git a/.docs/.vitepress/meta.ts b/.docs/.vitepress/meta.ts
@@ -19,7 +19,7 @@ export const ogImage = `${ogUrl}oku-og.png`
 export const github = 'https://github.com/oku-ui/primitives'
 export const releases = 'https://github.com/oku-ui/primitives/releases'
 export const contributing = 'https://github.com/oku-ui/primitives/blob/main/CONTRIBUTING.md'
-export const discord = 'https://discord.gg/RCGzQQPtAh'
+export const discord = 'https://chat.oku-ui.com'
 // export const mastodon = "https://elk.zone/m.webtoo.ls/@vitest";
 // export const twitter = "https://twitter.com/vitest_dev";
 
diff --git a/.docs/content/overview/introduction.md b/.docs/content/overview/introduction.md
@@ -66,7 +66,7 @@ We compile all primitives into one package, so you just have to install once, an
 
 To get involved with the Radix community, ask questions, and share tips, join our Discord.
 
-[Join our Discord](https://discord.gg/RCGzQQPtAh)
+[Join our Discord](https://chat.oku-ui.com)
 
 ### Twitter
 
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -104,5 +104,5 @@ pnpm oku # Run Oku CLI (packages/cli) // pnpm oku publish (publish packages)
 Oku is made possible by a passionate team and a strong community of developers. If you have any questions or would like to get more involved in the Oku community you can check out:
 
 -   [Github Issues](https://github.com/oku-ui/primitives/issues)
--   [Discord](https://discord.gg/RCGzQQPtAh)
+-   [Discord](https://chat.oku-ui.com)
 -   [Twitter](https://twitter.com/oku_ui)
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@
   <a href="https://www.npmjs.com/package/@oku-ui/primitives"><img src="https://img.shields.io/npm/dm/@oku-ui/primitives.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"></a>
   <a href="https://github.com/oku-ui/primitives/tree/main/LICENSE"><img src="https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a>
   <a href="https://primitives.oku-ui.com"><img src="https://img.shields.io/badge/Oku Primitives%20Docs-18181B?logo=nuxt.js" alt="Website"></a>
-  <a href="https://discord.gg/RCGzQQPtAh"><img src="https://img.shields.io/badge/Oku%20Discord-18181B?logo=discord" alt="Discord"></a>
+  <a href="https://chat.oku-ui.com"><img src="https://img.shields.io/badge/Oku%20Discord-18181B?logo=discord" alt="Discord"></a>
 </p>
 
 # Oku Primitives
@@ -87,7 +87,7 @@ Enter the component you want most in the components, leave the emojis and follow
 | [VisuallyHidden](https://vue-primitives.netlify.app/?path=/story/utilities-visuallyhidden--basic)     | ✅ Completed | ❌         |                 |         |                                     |
 ## Community
 
-- [Discord](https://discord.gg/RCGzQQPtAh) - To get involved with the Oku community, ask questions and share tips.
+- [Discord](https://chat.oku-ui.com) - To get involved with the Oku community, ask questions and share tips.
 - [Twitter](https://twitter.com/oku_ui) - To receive updates, announcements, blog posts, and general Oku tips.
 
 ## Sponsors
diff --git a/packages/core/README.md b/packages/core/README.md
@@ -9,7 +9,7 @@
   <a href="https://www.npmjs.com/package/@oku-ui/primitives"><img src="https://img.shields.io/npm/dm/@oku-ui/primitives.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"></a>
   <a href="https://github.com/oku-ui/primitives/tree/main/LICENSE"><img src="https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a>
   <a href="https://nuxt.com"><img src="https://img.shields.io/badge/Oku Primitives%20Docs-18181B?logo=nuxt.js" alt="Website"></a>
-  <a href="https://discord.gg/RCGzQQPtAh"><img src="https://img.shields.io/badge/Oku%20Discord-18181B?logo=discord" alt="Discord"></a>
+  <a href="https://chat.oku-ui.com"><img src="https://img.shields.io/badge/Oku%20Discord-18181B?logo=discord" alt="Discord"></a>
 </p>
 
 # Oku Primitives
@@ -87,7 +87,7 @@ Enter the component you want most in the components, leave the emojis and follow
 | [VisuallyHidden](https://vue-primitives.netlify.app/?path=/story/utilities-visuallyhidden--basic)     | ✅ Completed | ❌         |                 |         |                                     |
 ## Community
 
-- [Discord](https://discord.gg/RCGzQQPtAh) - To get involved with the Oku community, ask questions and share tips.
+- [Discord](https://chat.oku-ui.com) - To get involved with the Oku community, ask questions and share tips.
 - [Twitter](https://twitter.com/oku_ui) - To receive updates, announcements, blog posts, and general Oku tips.
 
 ## Sponsors
