alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update home page styles

Browse Source
This commit is contained in:
braks
2023-10-06 23:39:02 +02:00
committed by Braks
parent 28fd4955f4
commit 750c01df9d
6 changed files with 60 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/home/Acknowledgement.vue
+21 -25
View File
@@ -3,35 +3,31 @@ import Heart from '~icons/mdi/heart'
</script>
<template>
<div id="acknowledgement">
<div class="bg-black text-white dark:(bg-gray-100 text-black)">
<div class="max-w-3/4 md:max-w-4xl mx-auto py-4 md:py-12 lg:py-12 text-center">
<h1 class="md:(!mb-8) flex justify-center items-center gap-2"><Heart class="text-red-500" /> Acknowledgement</h1>
<div id="acknowledgement mt-12">
<div class="max-w-3/4 md:max-w-4xl mx-auto py-4 md:py-12 lg:py-12 text-center">
<h1 class="md:(!mb-8) flex justify-center items-center gap-2"><Heart class="text-red-500 min-w-8" /> Acknowledgement</h1>
<p>
<span class="underline">First and foremost</span>: A huge <span class="font-semibold text-red-400">Thank you</span> to
the developers of <a href="https://webkid.io" target="_blank" class="text-green-500">Webkid</a>.
<p>
<span class="underline">First and foremost</span>: A huge <span class="font-semibold text-red-400">Thank you</span> to the
developers of <a href="https://webkid.io" target="_blank" class="text-primary">Webkid</a>.
<span class="inline-block">
Without their continuous, amazing, open-source work, this project would not have been possible.
</span>
</p>
<span class="inline-block">
Without their continuous, amazing, open-source work, this project would not have been possible.
</span>
</p>
<p>
<span class="font-semibold text-secondary">Vue Flow</span> is built on top of existing features and code taken from
<a href="https://reactflow.dev" target="_blank" class="text-green-500">React Flow</a>. It replicates the features found
in React Flow and brings them to the Vue 3 experience, with all the fun reactivity and features like template slots etc.
you know and love from Vue. If you're happy with Vue Flow,
<p>
<span class="font-semibold text-accent">Vue Flow</span> is built on top of existing features and code taken from
<a href="https://reactflow.dev" target="_blank" class="text-primary">React Flow</a>. It replicates the features found in
React Flow and brings them to the Vue 3 experience, with all the fun reactivity and features like template slots etc. you
know and love from Vue. If you're happy with Vue Flow,
<span class="inline-block text-xl font-medium">
please consider supporting <a href="https://webkid.io" target="_blank" class="text-green-500">Webkid</a> by
<a href="https://github.com/sponsors/wbkd" target="_blank" class="font-bold text-green-500"> donating </a> or
<a href="https://pro.reactflow.dev/" target="_blank" class="font-bold text-green-500">
subscribing to React Flow Pro.
</a>
</span>
</p>
</div>
<span class="inline-block text-xl font-medium">
please consider supporting <a href="https://webkid.io" target="_blank" class="text-primary">Webkid</a> by
<a href="https://github.com/sponsors/wbkd" target="_blank" class="font-bold text-primary"> donating </a> or
<a href="https://pro.reactflow.dev/" target="_blank" class="font-bold text-primary"> subscribing to React Flow Pro. </a>
</span>
</p>
</div>
</div>
</template>