marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-11-19 04:04:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6309 from mermaid-js/promos

Browse Source 
DOCS: TopBar updates
This commit is contained in:
Sidharth Vinod
2025-02-21 13:43:52 +05:30
committed by GitHub
parent 26bd8cb53c 877a7e288a
commit 4f5c4b8349
1 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/mermaid/src/docs/.vitepress/components/TopBar.vue
View File

@@ -12,15 +12,15 @@ const allTaglines: { [key: string]: { design: number; taglines: Taglines[] } } =
taglines: [ taglines: [
{ {
label: 'Replace ChatGPT Pro, Mermaid.live, and Lucid Chart with Mermaid Chart', label: 'Replace ChatGPT Pro, Mermaid.live, and Lucid Chart with Mermaid Chart',
url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=AIbundle_A', url: 'https://www.mermaidchart.com/play?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=AIbundle_A',
}, },
{ {
label: 'Diagram live with teammates in Mermaid Chart', label: 'Diagram live with teammates in Mermaid Chart',
url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=teams_A', url: 'https://www.mermaidchart.com/play?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=teams_A',
}, },
{ {
label: 'Use the Visual Editor in Mermaid Chart to design and build diagrams', label: 'Use the Visual Editor in Mermaid Chart to design and build diagrams',
url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=visual_editor_A', url: 'https://www.mermaidchart.com/play?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=visual_editor_A',
}, },
{ {
label: 'Explore the Mermaid Whiteboard from the creators of Mermaid', label: 'Explore the Mermaid Whiteboard from the creators of Mermaid',
@@ -45,7 +45,7 @@ const allTaglines: { [key: string]: { design: number; taglines: Taglines[] } } =
}, },
{ {
label: 'Explore the Mermaid Whiteboard from the creators of Mermaid', label: 'Explore the Mermaid Whiteboard from the creators of Mermaid',
url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=whiteboard_A', url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=whiteboard_B',
}, },
], ],
}, },
@@ -66,7 +66,7 @@ const allTaglines: { [key: string]: { design: number; taglines: Taglines[] } } =
}, },
{ {
label: 'Explore the Mermaid Whiteboard from the creators of Mermaid', label: 'Explore the Mermaid Whiteboard from the creators of Mermaid',
url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=whiteboard_B', url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=whiteboard_A',
}, },
], ],
}, },
@@ -87,7 +87,7 @@ const allTaglines: { [key: string]: { design: number; taglines: Taglines[] } } =
}, },
{ {
label: 'Explore the Mermaid Whiteboard from the creators of Mermaid', label: 'Explore the Mermaid Whiteboard from the creators of Mermaid',
url: 'https://www.mermaidchart.com/play?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=whiteboard_B', url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=whiteboard_B',
}, },
], ],
}, },
@@ -106,7 +106,7 @@ onMounted(() => {
<template> <template>
<div <div
:class="[design === 1 ? 'bg-gradient-to-r from-[#bd34fe] to-[#ff3670] ' : 'bg-[#2E2183]']" :class="[design === 1 ? 'bg-gradient-to-r from-[#bd34fe] to-[#ff3670] ' : 'bg-[#E0095F]']"
class="mb-4 w-full top-bar flex p-2" class="mb-4 w-full top-bar flex p-2"
> >
<p class="w-full tracking-wide fade-text"> <p class="w-full tracking-wide fade-text">
@@ -118,10 +118,7 @@ onMounted(() => {
class="unstyled flex justify-center items-center gap-4 text-white tracking-wide plausible-event-name=bannerClick" class="unstyled flex justify-center items-center gap-4 text-white tracking-wide plausible-event-name=bannerClick"
> >
<span class="font-semibold">{{ taglines[index].label }}</span> <span class="font-semibold">{{ taglines[index].label }}</span>
<button <button class="bg-[#1E1A2E] rounded-lg p-1.5 px-4 font-semibold tracking-wide">
:class="[design === 1 ? 'bg-[#2E2183]' : 'bg-[#E0095F]']"
class="rounded-lg p-1.5 px-4 font-semibold tracking-wide"
>
Try now Try now
</button> </button>
</a> </a>