From 1a5e0b6a5f55fe91e68dd0f1399c6befee41f49d Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Thu, 21 Jan 2021 23:41:28 +0100
Subject: [PATCH] docs: add 404 page

---
 docs/src/docPages/api/overview.md | 17 +++++++++--------
 docs/src/pages/404.vue            | 22 ++++++++++++++++++++++
 2 files changed, 31 insertions(+), 8 deletions(-)
 create mode 100644 docs/src/pages/404.vue

diff --git a/docs/src/docPages/api/overview.md b/docs/src/docPages/api/overview.md
index 0420f1d9..38db90ba 100644
--- a/docs/src/docPages/api/overview.md
+++ b/docs/src/docPages/api/overview.md
@@ -11,14 +11,15 @@ The document is stored in a state. All changes are applied as transactions to th
 Extensions add [nodes](/api/nodes), [marks](/api/marks) and/or [functionalities](/api/extensions) to the editor. A lot of those extensions bound their commands to common [keyboard shortcuts](/api/keyboard-shortcuts).
 
 ## Vocabulary
+ProseMirror has its own vocabulary and you’ll stumble upon all those words now and then. Here is a short overview of the most common words we use in the documentation.
 
 | Word        | Description                                                              |
 | ----------- | ------------------------------------------------------------------------ |
-| schema      | Configures the structure your content can have.                          |
-| document    | The actual content in your editor.                                       |
-| state       | Everything to describe the current content and selection of your editor. |
-| transaction | A change to the state (updated selection, content, …)                    |
-| extension   | Registeres new functionality.                                            |
-| node        | Adds blocks, like heading, paragraph.                                    |
-| mark        | Adds inline formatting, for example bold or italic.                      |
-| command     | Execute an action inside the editor, that somehow changes the state.     |
+| Schema      | Configures the structure your content can have.                          |
+| Document    | The actual content in your editor.                                       |
+| State       | Everything to describe the current content and selection of your editor. |
+| Transaction | A change to the state (updated selection, content, …)                    |
+| Extension   | Registeres new functionality.                                            |
+| Node        | Adds blocks, like heading, paragraph.                                    |
+| Mark        | Adds inline formatting, for example bold or italic.                      |
+| Command     | Execute an action inside the editor, that somehow changes the state.     |
diff --git a/docs/src/pages/404.vue b/docs/src/pages/404.vue
new file mode 100644
index 00000000..5572250e
--- /dev/null
+++ b/docs/src/pages/404.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="error-page">
+    Oh no, page not found.
+    <g-link
+      to="/"
+    >
+      → Back
+    </g-link>
+  </div>
+</template>
+
+<style lang="scss">
+.error-page {
+  margin: 5rem 1rem;
+  text-align: center;
+  color: rgba($colorWhite, 0.4);
+
+  a {
+    color: $colorWhite;
+  }
+}
+</style>