Add Dialogue Node docs and tidy up tips

Author: jonnydgreen

docs/latest/concepts/dialogue-node.md

@@ -1,6 +1,26 @@
 ---
 description: |
-  A Dialogue Node defines: TODO.
+  A Dialogue Node defines a passage of dialogue for a character within the Dialogue Sequence. It is associated with a character which can be used to enhance the displayed dialogue.
 ---
 
-A Dialogue Node defines: TODO.
+A Dialogue Node defines a passage of dialogue for a character within the
+Dialogue Sequence. It is associated with a character which can be used to
+enhance the displayed dialogue.
+
+![dialogue-node](../../../www/static/docs/dialogue/dialogue-node.png)
+
+They have the following characteristics:
+
+## Character
+
+The character associated with the Dialogue Node. These are stored in the
+character store and determine the available characters that can be used to
+select against.
+
+## Text
+
+The text of the Dialogue. For example, something that the character says.
+
+> [tip]: The text input supports Godot
+> [BBCode](https://docs.godotengine.org/en/latest/tutorials/ui/bbcode_in_richtextlabel.html)
+> which can be used to enhance the look of your displayed dialogue.

docs/latest/concepts/end-node.md

@@ -9,7 +9,7 @@ Sequence, it is recommended to do so to make it clear to the Dialogue Sequence
 writer that reaching this node ends the currently open dialogue. You can find
 all sorts of Dialogue Sequence examples in the Parley `examples` folder.
 
-![End_node](../../../www/static/docs/end/end_node.png)
+![End_node](../../../www/static/docs/end/end-node.png)
 
 Other than defining the end of the Dialogue Sequence, they don't have any other
 characteristics.

docs/latest/concepts/match-node.md

@@ -7,7 +7,7 @@ description: |
 A Match Node is useful for selecting the next node based on the well-known value
 of a variable or expression.
 
-![match-node](../../../www/static/docs/match/match_node.png)
+![match-node](../../../www/static/docs/match/match-node.png)
 
 They have the following characteristics:
 

docs/latest/concepts/start-node.md

@@ -8,7 +8,7 @@ to be valid at runtime, there must be one and only one Start Node defined. You
 can find all sorts of Dialogue Sequence examples in the Parley `examples`
 folder.
 
-![start_node](../../../www/static/docs/start/start_node.png)
+![start_node](../../../www/static/docs/start/start-node.png)
 
 Other than defining the start of the Dialogue Sequence, they don't have any
 other characteristics.
@@ -20,11 +20,11 @@ other characteristics.
 If there is no Start Node present, an error will be pushed to the console when
 running the Dialogue Sequence:
 
-![no_start_node_error](../../../www/static/docs/start/no_start_node_error.png)
+![no_start_node_error](../../../www/static/docs/start/no-start-node-error.png)
 
 ### Multiple Start Nodes present
 
 If there are multiple Start Nodes present, an error will be pushed to the
 console when running the Dialogue Sequence:
 
-![multiple_start_node_error](../../../www/static/docs/start/multiple_start_node_error.png)
+![multiple_start_node_error](../../../www/static/docs/start/multiple-start-node-error.png)

docs/latest/getting-started/create-dialogue-node.md

@@ -0,0 +1,35 @@
+---
+description: |
+  Create a Dialogue Node
+---
+
+A Dialogue Node defines a passage of dialogue for a character within the
+Dialogue Sequence. It is associated with a character which can be used to
+enhance the displayed dialogue. You can find all sorts of Dialogue Sequence
+examples in the Parley `examples` folder.
+
+## Pre-requisites
+
+- Familiarise yourself with the [Dialogue Node](../concepts/dialogue-node.md)
+  docs.
+- Parley is installed and running in your Godot Editor.
+- You have created a basic Dialogue Sequence before. Consult the
+  [getting started guide](./create-dialogue-sequence.md) for more info.
+
+## Instructions
+
+![Create a Dialogue Node](../../../www/static/docs/create-dialogue-node/create-dialogue-node.gif)
+
+1. Create a Dialogue Node using the `Insert` dropdown.
+2. Click on the created Dialogue Node in the graph view to open up the Dialogue
+   Node Editor.
+3. Click the `Save` button in the Parley editor and there we have it! Our first
+   dialogue sequence with dialogue.
+4. Now connect this Node up with other Nodes to continue the Dialogue Sequence
+   with your awesome game writing!
+5. You can test out your Dialogue Sequence by clicking the Test Dialogue
+   Sequence from start button.
+
+> [tip]: You can quickly create dialogue nodes by creating an edge on the right
+> hand side of the node and dragging it into empty space. A Dialogue Node will
+> be created when the mouse is released.

docs/toc.ts

@@ -25,6 +25,7 @@ const toc: RawTableOfContents = {
         title: "Getting Started",
         pages: [
           ["create-dialogue-sequence", "Create a Dialogue sequence"],
+          ["create-dialogue-node", "Create a Dialogue Node"],
           ["create-condition-node", "Create a Condition Node"],
           ["create-match-node", "Create a Match Node"],
           ["create-start-node", "Create a Start Node"],