diff --git a/README.md b/README.md
index d1f762a..005b1d7 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 # lazy-brush - smooth drawing with a mouse, finger or any pointing device
 
+![lazy-brush banner](public/og.png?raw=true "Lazy Brush in action")
+
 **[Demo drawing app](https://lazybrush.dulnan.net)**
 
 __The demo app also uses
diff --git a/demo-src/components/Icons/Github.vue b/demo-src/components/Icons/Github.vue
deleted file mode 100644
index 7003d70..0000000
--- a/demo-src/components/Icons/Github.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <svg
-    aria-labelledby="simpleicons-github-icon"
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <title id="simpleicons-github-icon">GitHub icon</title>
-    <path
-      d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-    />
-  </svg>
-</template>
diff --git a/demo-src/components/Icons/Menu.vue b/demo-src/components/Icons/Menu.vue
deleted file mode 100644
index 7784043..0000000
--- a/demo-src/components/Icons/Menu.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24px"
-    height="24px"
-  >
-    <path
-      d="M 12 3 A 2 2 0 0 0 10 5 A 2 2 0 0 0 12 7 A 2 2 0 0 0 14 5 A 2 2 0 0 0 12 3 z M 12 10 A 2 2 0 0 0 10 12 A 2 2 0 0 0 12 14 A 2 2 0 0 0 14 12 A 2 2 0 0 0 12 10 z M 12 17 A 2 2 0 0 0 10 19 A 2 2 0 0 0 12 21 A 2 2 0 0 0 14 19 A 2 2 0 0 0 12 17 z"
-    />
-  </svg>
-</template>
diff --git a/demo-src/App.vue b/demo/App.vue
similarity index 100%
rename from demo-src/App.vue
rename to demo/App.vue
diff --git a/demo-src/components/Copyright.vue b/demo/components/Copyright.vue
similarity index 100%
rename from demo-src/components/Copyright.vue
rename to demo/components/Copyright.vue
diff --git a/demo-src/components/Scene.vue b/demo/components/Scene.vue
similarity index 98%
rename from demo-src/components/Scene.vue
rename to demo/components/Scene.vue
index b1622c9..b3fbe57 100644
--- a/demo-src/components/Scene.vue
+++ b/demo/components/Scene.vue
@@ -21,7 +21,7 @@
 import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
 import LazyBrush from '../../src/LazyBrush'
 import { Point } from '../../src/LazyPoint'
-import { Catenary } from 'catenary-curve'
+import { getCatenaryCurve, drawResult } from 'catenary-curve'
 
 const DRAW_MAX_DPI = 2
 
@@ -82,8 +82,6 @@ const lazy = new LazyBrush({
   }
 })
 
-const catenary = new Catenary()
-
 function onMouseDown() {
   isPressing.value = true
 }
@@ -186,12 +184,12 @@ function drawInterface() {
     ctx.setLineDash([5 * stretchFactor, 5 * stretchFactor])
     ctx.strokeStyle =
       pullOffset > -0.1 ? styleVariables.colorCatenary : 'rgba(0,0,0,0.3)'
-    catenary.drawToCanvas(
-      ctx,
+    const result = getCatenaryCurve(
       brush,
       { x: x.value, y: y.value },
       props.lazyRadius
     )
+    drawResult(result, ctx)
     ctx.stroke()
   }
 
diff --git a/demo-src/components/Sidebar.vue b/demo/components/Sidebar.vue
similarity index 90%
rename from demo-src/components/Sidebar.vue
rename to demo/components/Sidebar.vue
index f0bed8d..52e6a84 100644
--- a/demo-src/components/Sidebar.vue
+++ b/demo/components/Sidebar.vue
@@ -26,15 +26,6 @@
 </template>
 
 <script lang="ts" setup>
-defineEmits(['update:enabled', 'clear'])
-
-defineProps({
-  enabled: {
-    type: Boolean,
-    default: false
-  }
-})
-
 const links = [
   {
     href: 'https://github.com/dulnan/lazy-brush',
diff --git a/demo-src/components/Slider.vue b/demo/components/Slider.vue
similarity index 100%
rename from demo-src/components/Slider.vue
rename to demo/components/Slider.vue
diff --git a/demo-src/components/Toggle.vue b/demo/components/Toggle.vue
similarity index 100%
rename from demo-src/components/Toggle.vue
rename to demo/components/Toggle.vue
diff --git a/demo-src/index.ts b/demo/index.ts
similarity index 100%
rename from demo-src/index.ts
rename to demo/index.ts
diff --git a/demo-src/styles/main.css b/demo/styles/main.css
similarity index 100%
rename from demo-src/styles/main.css
rename to demo/styles/main.css
diff --git a/index.html b/index.html
index 3b9fe8f..0997461 100644
--- a/index.html
+++ b/index.html
@@ -41,6 +41,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/demo-src/index.ts"></script>
+    <script type="module" src="/demo/index.ts"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
index 1f4a196..080b141 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lazy-brush",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Lazy brush - smooth drawing using mouse or finger",
   "type": "module",
   "files": [
@@ -8,6 +8,7 @@
   ],
   "main": "./lib/lazy-brush.umd.cjs",
   "module": "./lib/lazy-brush.js",
+  "types": "./lib/main.d.ts",
   "exports": {
     ".": {
       "import": "./lib/lazy-brush.js",
@@ -41,7 +42,7 @@
     "@types/node": "^18.11.18",
     "@vitejs/plugin-vue": "^4.0.0",
     "autoprefixer": "^10.4.13",
-    "catenary-curve": "^1.0.1",
+    "catenary-curve": "^2.0.0",
     "postcss": "^8.4.20",
     "prettier": "^2.8.1",
     "sass": "^1.57.1",
diff --git a/public/_redirects b/public/_redirects
new file mode 100644
index 0000000..7f834f3
--- /dev/null
+++ b/public/_redirects
@@ -0,0 +1,2 @@
+https://lazy-brush.netlify.app        https://lazybrush.dulnan.net
+https://lazy-brush.netlify.app/       https://lazybrush.dulnan.net/
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 2d01ff5..6881fab 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -2,7 +2,7 @@
 module.exports = {
   content: [
     "./index.html",
-    "./demo-src/**/*.{vue,js,ts,jsx,tsx}",
+    "./demo/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {
     extend: {
diff --git a/vite.config.ts b/vite.config.ts
index 0f47bb9..7c966b4 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
       insertTypesEntry: true
     })
   ],
+  publicDir: false,
   build: {
     outDir: 'lib',
     lib: {