docs: update examples wordings

# What's changed?

* Change example pages wordings
* Add Acknowledgement banner
This commit is contained in:
Braks
2022-04-11 16:43:07 +02:00
parent ae4cefefbc
commit d35eb96c1f
19 changed files with 109 additions and 27 deletions
+23
View File
@@ -0,0 +1,23 @@
<template>
<div class="w-full bg-black text-white border-b-1 border-white">
<div class="max-w-11/12 md:max-w-6/12 m-auto py-4 md:(pb-12 pt-6) text-center">
<div>
<div class="font-bold text-4xl mb-4">Acknowledgement</div>
<strong>First off</strong>: A big thank you to the developers of
<a href="https://webkid.io" target="_blank" class="text-green-500">Webkid</a>. Their amazing work made it possible for me
to create this port to Vue 3 - without them there is no Vue Flow.
</div>
<br />
<div>
Vue Flow 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 basic features
found in React Flow (zoom, pan, graph, additional components and more) 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,
<br />
<a href="https://github.com/sponsors/wbkd" target="_blank" class="text-lg font-bold text-green-500">
please consider supporting Webkid by donating.
</a>
</div>
</div>
</div>
</template>
+2 -2
View File
@@ -131,8 +131,8 @@ onPaneReady(({ fitView }) => {
<div class="max-w-[500px]">
<BoxNode class="intro">
<div class="font-mono flex flex-col gap-4 p-4 items-center text-center">
<h1 class="pointer-events-none text-2xl lg:text-4xl">Visualize your ideas with Vue Flow</h1>
<h2 class="pointer-events-none text-lg lg:text-xl font-normal">
<h1 class="text-2xl lg:text-4xl">Vue Flow</h1>
<h2 class="text-lg lg:text-xl font-normal !border-0">
A customizable Vue.js library for building node-based editors and diagrams.
</h2>
</div>