Added timer and pointer how to

src/docs/assets/index.js

@@ -19,6 +19,8 @@ import changeNickname from "./ChangeNickname.mp4";
 import sharingAudio from "./SharingAudio.mp4";
 import startGame from "./StartGame.mp4";
 import diceSharing from "./DiceSharing.mp4";
+import usingTimer from "./UsingTimer.mp4";
+import usingPointer from "./UsingPointer.mp4";
 
 export default {
   defaultMaps,
@@ -42,4 +44,6 @@ export default {
   sharingAudio,
   startGame,
   diceSharing,
+  usingTimer,
+  usingPointer,
 };

src/docs/howTo/usingPointer.md

@@ -0,0 +1,3 @@
+The pointer tool allows you to temporarily highlight parts of the map for other members to see.
+
+![Using Pointer](usingPointer)

src/docs/howTo/usingTimer.md

@@ -0,0 +1,3 @@
+The countdown timer allows you to run timed encounters. When clicking the Start Timer button you can set the duration of the timer and simply click the Start button to begin a timer that is shared between all party members.
+
+![Using Timer](usingTimer)

src/docs/releaseNotes/v1.5.0.md

@@ -6,7 +6,7 @@ Use a virtual laser pointer with the new pointer tool. Simply click and drag and
 
 ### Countdown Timer
 
-A new countdown timer tool allows you to create timed encounters. Whether it's a room filling with water or a crumbling tower about to collapse, the timer tool allows you to start a countdown that all players can see.
+A new countdown timer tool allows you to create timed encounters. Whether it's for a room filling with water or a crumbling tower about to collapse, the timer tool allows you to start a countdown that all players can see.
 
 ### Dice Sharing
 

src/routes/HowTo.js

@@ -18,6 +18,8 @@ const usingDice = raw("../docs/howTo/usingDice.md");
 const usingFog = raw("../docs/howTo/usingFog.md");
 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");
 
 function HowTo() {
   const location = useLocation();
@@ -101,6 +103,22 @@ function HowTo() {
             <Markdown source={usingMeasure} assets={assets} />
           </Accordion>
         </div>
+        <div id="usingPointer">
+          <Accordion
+            heading="Using the Pointer Tool"
+            defaultOpen={location.hash === "#usingPointer"}
+          >
+            <Markdown source={usingPointer} assets={assets} />
+          </Accordion>
+        </div>
+        <div id="usingTimer">
+          <Accordion
+            heading="Using the Countdown Timer"
+            defaultOpen={location.hash === "#usingTimer"}
+          >
+            <Markdown source={usingTimer} assets={assets} />
+          </Accordion>
+        </div>
         <div id="sharingAudio">
           <Accordion
             heading="Sharing Audio (Experimental)"