-
-
Notifications
You must be signed in to change notification settings - Fork 6.7k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* master: update link to mermaid chart playground fix promo bar links Fix text color Add animated transitions feat: Update promo bar links update badge on mermaid chart page remove product hunt badge chore: Revert pnpm changes add most recent blog posts update product hunt badges chore: Update docs Add Slidev to the list of integrations add announcement bar to docs and minor styling update update product hunt badge on mermaid chart page add product hunt badge to homepage fix linting issue add blog post confluence plugin
- Loading branch information
Showing
10 changed files
with
131 additions
and
26 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -58,6 +58,7 @@ rehype | |
| roughjs | ||
| rscratch | ||
| shiki | ||
| Slidev | ||
| sparkline | ||
| sphinxcontrib | ||
| ssim | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
14 changes: 14 additions & 0 deletions
14
packages/mermaid/src/docs/.vitepress/components/ProductHuntBadge.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <template> | ||
| <div class="-mt-6 mb-8"> | ||
| <a | ||
| href="https://www.producthunt.com/posts/mermaid-ai-2?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-mermaid-ai-2" | ||
| target="_blank" | ||
| ><img | ||
| src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=465568&theme=light" | ||
| alt="Mermaid AI - Maximize your diagramming efficiency with Mermaid AI | Product Hunt" | ||
| style="width: 250px; height: 54px" | ||
| width="250" | ||
| height="54" | ||
| /></a> | ||
| </div> | ||
| </template> |
81 changes: 60 additions & 21 deletions
81
packages/mermaid/src/docs/.vitepress/components/TopBar.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,65 @@ | ||
| <script setup lang="ts"> | ||
| import { ref, onMounted } from 'vue'; | ||
| interface Taglines { | ||
| label: string; | ||
| url: string; | ||
| } | ||
| const taglines: Taglines[] = [ | ||
| { | ||
| label: 'Use the Visual Editor in Mermaid Chart to design and build diagrams', | ||
| url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=visual_editor', | ||
| }, | ||
| { | ||
| label: 'Diagram live with teammates in Mermaid Chart', | ||
| url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=teams', | ||
| }, | ||
| { | ||
| label: 'Skip the rough draft with Mermaid AI in Mermaid Chart', | ||
| url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=mermaid_ai', | ||
| }, | ||
| ]; | ||
| let index = ref(Math.floor(Math.random() * taglines.length)); | ||
| onMounted(() => { | ||
| setInterval(() => { | ||
| index.value = (index.value + 1) % taglines.length; | ||
| }, 60_000); | ||
| }); | ||
| </script> | ||
|
|
||
| <template> | ||
| <div | ||
| class="w-full top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex items-center text-center justify-center p-1 text-white" | ||
| > | ||
| <p class="flex-grow text-center tracking-wide text-text"> | ||
| <a | ||
| href="https://www.mermaidchart.com/landing" | ||
| target="_blank" | ||
| class="unstyled flex-grow tracking-wide plausible-event-name=bannerClick" | ||
| > | ||
| <span class="text-primary-50 font-semibold">{{ | ||
| [ | ||
| 'Try diagramming with ChatGPT at Mermaid Chart', | ||
| 'Try Mermaid’s Visual Editor at Mermaid Chart', | ||
| 'Enjoy live collaboration with teammates at Mermaid Chart', | ||
| ][Math.floor(Math.random() * 3)] | ||
| }}</span> | ||
| <button | ||
| class="ml-4 rounded bg-[#111113] p-1 px-2 text-sm font-semibold tracking-wide text-white" | ||
| <div class="mb-4 w-full top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex p-1"> | ||
| <p class="w-full tracking-wide fade-text"> | ||
| <transition name="fade" mode="out-in"> | ||
| <a | ||
| :key="index" | ||
| :href="taglines[index].url" | ||
| target="_blank" | ||
| class="unstyled flex justify-center items-center gap-4 text-white tracking-wide plausible-event-name=bannerClick" | ||
| > | ||
| Try it now | ||
| </button> | ||
| </a> | ||
| <span class="font-semibold">{{ taglines[index].label }}</span> | ||
| <button class="rounded bg-[#111113] p-1 px-2 text-sm font-semibold tracking-wide"> | ||
| Try it now | ||
| </button> | ||
| </a> | ||
| </transition> | ||
| </p> | ||
| </div> | ||
| </template> | ||
|
|
||
| <style> | ||
| .fade-enter-active, | ||
| .fade-leave-active { | ||
| transition: opacity 1s; | ||
| } | ||
| .fade-enter-from, | ||
| .fade-leave-to { | ||
| opacity: 0; | ||
| } | ||
| .fade-enter-to, | ||
| .fade-leave-from { | ||
| opacity: 1; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters