diff --git a/src/docs/assets/AddPartyMember.mp4 b/src/docs/assets/AddPartyMember.mp4
index 4a2051a..8d0798a 100644
Binary files a/src/docs/assets/AddPartyMember.mp4 and b/src/docs/assets/AddPartyMember.mp4 differ
diff --git a/src/docs/assets/ChangeNickname.mp4 b/src/docs/assets/ChangeNickname.mp4
index 66242a3..d1a4539 100644
Binary files a/src/docs/assets/ChangeNickname.mp4 and b/src/docs/assets/ChangeNickname.mp4 differ
diff --git a/src/docs/assets/DefaultTokens.mp4 b/src/docs/assets/DefaultTokens.mp4
index a80c900..971e2ee 100644
Binary files a/src/docs/assets/DefaultTokens.mp4 and b/src/docs/assets/DefaultTokens.mp4 differ
diff --git a/src/docs/assets/DeletingTokens.mp4 b/src/docs/assets/DeletingTokens.mp4
index f4f9c3e..d7147ee 100644
Binary files a/src/docs/assets/DeletingTokens.mp4 and b/src/docs/assets/DeletingTokens.mp4 differ
diff --git a/src/docs/assets/StartGame.mp4 b/src/docs/assets/StartGame.mp4
index fe808a2..3c4eee3 100644
Binary files a/src/docs/assets/StartGame.mp4 and b/src/docs/assets/StartGame.mp4 differ
diff --git a/src/docs/assets/UsingFog.mp4 b/src/docs/assets/UsingFog.mp4
index 53cbc5d..c1f6fc3 100644
Binary files a/src/docs/assets/UsingFog.mp4 and b/src/docs/assets/UsingFog.mp4 differ
diff --git a/src/docs/assets/UsingMeasure.mp4 b/src/docs/assets/UsingMeasure.mp4
index 321d314..281921a 100644
Binary files a/src/docs/assets/UsingMeasure.mp4 and b/src/docs/assets/UsingMeasure.mp4 differ
diff --git a/src/docs/assets/UsingNotes.mp4 b/src/docs/assets/UsingNotes.mp4
new file mode 100644
index 0000000..1a0c6cc
Binary files /dev/null and b/src/docs/assets/UsingNotes.mp4 differ
diff --git a/src/docs/assets/WorkingWithTokens.mp4 b/src/docs/assets/WorkingWithTokens.mp4
index a96164b..aae6a4a 100644
Binary files a/src/docs/assets/WorkingWithTokens.mp4 and b/src/docs/assets/WorkingWithTokens.mp4 differ
diff --git a/src/docs/assets/index.js b/src/docs/assets/index.js
index 6c7f584..51c7a1d 100644
--- a/src/docs/assets/index.js
+++ b/src/docs/assets/index.js
@@ -25,6 +25,7 @@ import mapEditor from "./MapEditor.mp4";
import filteringMaps from "./FilteringMaps.mp4";
import groupAndRemovingTokens from "./GroupAndRemovingTokens.mp4";
import filteringTokens from "./FilteringTokens.mp4";
+import usingNotes from "./UsingNotes.mp4";
const assets = {
defaultMaps,
@@ -54,6 +55,7 @@ const assets = {
filteringMaps,
groupAndRemovingTokens,
filteringTokens,
+ usingNotes,
};
export default assets;
diff --git a/src/docs/howTo/usingFog.md b/src/docs/howTo/usingFog.md
index 79fc896..544fc36 100644
--- a/src/docs/howTo/usingFog.md
+++ b/src/docs/howTo/usingFog.md
@@ -8,15 +8,15 @@ The Fog Tool allows you to add hidden areas to control what the other party memb
A summary of the Fog Tool options are listed below.
-| Option | Description | Shortcut |
-| ------------- | -------------------------------------------------------------------- | ---------------------------------------------- |
-| Fog Polygon | Click to add points to a fog shape | P, Enter (Accept Shape), Escape (Cancel Shape) |
-| Fog Brush | Drag to add a free form fog shape | B |
-| Toggle Fog | Click a fog shape to hide/show it | T |
-| Remove Fog | Click a fog shape to remove it | R |
-| Add Fog | When selected drawing a fog shape will add it to the scene | Alt (Toggle) |
-| Subtract Fog | When selected drawing a fog shape will subtract it from other shapes | Alt (Toggle) |
-| Edge Snapping | Enables/Disables edge snapping | S |
-| Fog Preview | Enables/Disables a preview of the final fog shapes | F |
-| Undo | Undo a fog action | Ctrl + Z |
-| Redo | Redo a fog action | Ctrl + Shift + Z |
+| Option | Description | Shortcut |
+| ------------- | -------------------------------------------------- | ---------------------------------------------- |
+| Fog Polygon | Click to add points to a fog shape | P, Enter (Accept Shape), Escape (Cancel Shape) |
+| Fog Rectangle | Drag to add a rectangle fog shape | R |
+| Fog Brush | Drag to add a free form fog shape | B |
+| Toggle Fog | Click a fog shape to hide/show it | T |
+| Erase Fog | Click a fog shape to remove it | E |
+| Fog Cutting | Enables/Disables fog cutting | C, Alt (Toggle) |
+| Edge Snapping | Enables/Disables edge snapping | S |
+| Fog Preview | Enables/Disables a preview of the final fog shapes | F |
+| Undo | Undo a fog action | Ctrl + Z |
+| Redo | Redo a fog action | Ctrl + Shift + Z |
diff --git a/src/docs/howTo/usingMeasure.md b/src/docs/howTo/usingMeasure.md
index 8334909..0240663 100644
--- a/src/docs/howTo/usingMeasure.md
+++ b/src/docs/howTo/usingMeasure.md
@@ -4,9 +4,10 @@ The Measure Tool allows you to find how far one point on a map is from another p
A summary of the Measure Tool options are listed below.
-| Option | Description | Shortcut |
-| ------------------- | ---------------------------------------------------------------------------------- | -------- |
-| Grid Distance | This is the distance on a grid and is the metric used in D&D | G |
-| Line Distance | This is the actual distance between the two points of the measure tool | L |
-| City Block Distance | This is the distance when only travelling in the horizontal or vertical directions | C |
-| Scale | This allows you to enter a custom scale and unit value to apply | |
+| Option | Description | Shortcut |
+| ----------------------------- | ---------------------------------------------------------------------------------------- | -------- |
+| Grid Distance | This is the distance on a grid and is the metric used in D&D | G |
+| Alternating Diagonal Distance | This is the distance on a grid with diagonals alternating between 1 square and 2 squares | A |
+| Line Distance | This is the actual distance between the two points of the measure tool | L |
+| City Block Distance | This is the distance when only travelling in the horizontal or vertical directions | C |
+| Scale | This allows you to enter a custom scale and unit value to apply | |
diff --git a/src/docs/howTo/usingNotes.md b/src/docs/howTo/usingNotes.md
new file mode 100644
index 0000000..69fa1cd
--- /dev/null
+++ b/src/docs/howTo/usingNotes.md
@@ -0,0 +1,3 @@
+The notes tool allows you to write and share notes for other players to see.
+
+
diff --git a/src/routes/HowTo.js b/src/routes/HowTo.js
index b8e6640..351fe20 100644
--- a/src/routes/HowTo.js
+++ b/src/routes/HowTo.js
@@ -20,6 +20,7 @@ const usingMeasure = raw("../docs/howTo/usingMeasure.md");
const sharingAudio = raw("../docs/howTo/sharingAudio.md");
const usingPointer = raw("../docs/howTo/usingPointer.md");
const usingTimer = raw("../docs/howTo/usingTimer.md");
+const usingNotes = raw("../docs/howTo/usingNotes.md");
function HowTo() {
const location = useLocation();
@@ -111,6 +112,14 @@ function HowTo() {