diff --git a/Taskfile.yml b/Taskfile.yml
index c5738dc..8d5f5b6 100644
--- a/Taskfile.yml
+++ b/Taskfile.yml
@@ -36,6 +36,7 @@ tasks:
 
   build:
     cmds:
+      - changelord print --no-next > src/routes/\(about\)/about/changelog/changelog.svx
       - vite build
 
   integrate:
@@ -56,14 +57,10 @@ tasks:
   release:
     cmds:
       - standard-version -a
+
   changelog:
     sources: [CHANGELOG.md]
     generates: [src/lib/components/Changelog.svelte]
     cmds:
       - pnpx showdown makehtml -i CHANGELOG.md -o src/lib/components/Changelog.svelte
       - git add src/lib/components/Changelog.svelte
-
-  default:
-    cmds:
-      - echo "{{.GREETING}}"
-    silent: true
diff --git a/package.json b/package.json
index 3c8d152..0d4fa7a 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
     "histoire": "^0.16.1",
     "jsdom": "^21.1.1",
     "lodash": "^4.17.21",
+    "mdsvex": "^0.10.6",
     "memoize-one": "^6.0.0",
     "redux": "^4.2.1",
     "remeda": "^1.14.0",
diff --git a/src/routes/(about)/about/+layout.svelte b/src/routes/(about)/about/+layout.svelte
index 5c23321..e347680 100644
--- a/src/routes/(about)/about/+layout.svelte
+++ b/src/routes/(about)/about/+layout.svelte
@@ -3,6 +3,10 @@
     <i>Question_Mark</i>
     <span>About</span>
   </a>
+  <a href="/about/changelog">
+    <i>Format_List_Bulleted</i>
+    <span>Changelog</span>
+  </a>
   <a href="/about/see-also">
     <i>Read_more</i>
     <span>Other resources</span>
diff --git a/src/routes/(about)/about/changelog/+page.svelte b/src/routes/(about)/about/changelog/+page.svelte
new file mode 100644
index 0000000..a0a4041
--- /dev/null
+++ b/src/routes/(about)/about/changelog/+page.svelte
@@ -0,0 +1,25 @@
+<div class="changelog">
+  <Changelog />
+</div>
+
+<script>
+  import Changelog from "./changelog.svx";
+</script>
+
+<style>
+  .changelog {
+    font-size: var(--font-scale-11);
+  }
+  .changelog :global(ul) {
+    margin-left: 2em;
+  }
+  .changelog :global(a) {
+    margin-left: 0.2em;
+  }
+  .changelog :global(h2) {
+    font-size: var(--font-scale-13);
+  }
+  .changelog :global(h2) {
+    font-size: var(--font-scale-12);
+  }
+</style>
diff --git a/src/routes/(about)/about/changelog/changelog.svx b/src/routes/(about)/about/changelog/changelog.svx
new file mode 100644
index 0000000..57cf5b2
--- /dev/null
+++ b/src/routes/(about)/about/changelog/changelog.svx
@@ -0,0 +1,44 @@
+# Changelog for [AotDS: The Docks][homepage]
+
+
+
+## 3.0.0 2023-05-09
+
+  * major rewrite.
+
+
+## 2.3.0 2022-04-17
+
+
+### Features
+
+  * add 'reset ship' button
+  * add changelog to app
+  * add version to About component
+
+
+## 2.2.0 2022-04-11
+
+
+### Features
+
+  * allow to edit the print layout
+
+
+## 2.1.0 (2022-04-07)
+
+
+### Features
+
+* add localStorage memory 
+* can move main system comps in the print output 
+
+
+* add standard-version
+
+
+
+
+
+
+    [homepage]: https://git.babyl.ca/yanick/aotds-docks
diff --git a/svelte.config.js b/svelte.config.js
index 83e2bf3..de4c3f9 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,9 +1,11 @@
 import preprocess from "svelte-preprocess";
 import adapter from "@sveltejs/adapter-static";
+import { mdsvex } from "mdsvex";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-    preprocess: preprocess(),
+    extensions: [".svelte", ".svx"],
+    preprocess: [mdsvex(), preprocess()],
     kit: {
         adapter: adapter({
             fallback: "index.html",