Added embeds for how tos

src/components/Markdown.js

@@ -127,7 +127,7 @@ function TableCell({ children }) {
 function Link({ href, children }) {
   const linkText = children[0].props.value;
   if (linkText === "embed:") {
-    return <Embed src={href} />;
+    return <Embed src={href} my={2} />;
   } else {
     console.log(href);
     return <UILink href={href}>{children}</UILink>;

src/docs/howTo/overview.md

@@ -1 +1 @@
-TODO
+[embed:](https://www.youtube.com/embed/KLUsOZA-SHI)

src/docs/howTo/sharingMaps.md

@@ -1,3 +1,5 @@
+[embed:](https://www.youtube.com/embed/ztLDznOpmsg)
+
 Once you have started a game you can share a map to all other party members by clicking the Select Map button then selecting the desired map to share and clicking the Done button.
 
 ## Default Maps

src/docs/howTo/usingDice.md

@@ -1,3 +1,5 @@
+[embed:](https://www.youtube.com/embed/Er_grVmqpk0)
+
 Owlbear Rodeo supports a physically simulated 3D dice tray and dice. To access these features click the Show Dice Tray icon in the top left of the map view.
 
 ![Open Dice Tray](openDiceTray)

src/docs/howTo/usingDrawing.md

@@ -1,3 +1,5 @@
+[embed:](https://www.youtube.com/embed/2e07DtB-Xrc)
+
 The Drawing Tool allows you to draw on top of a map. To access the Drawing Tool click the Drawing Tool Button in the top right of the map view.
 
 ![Using Drawing](usingDrawing)

src/docs/howTo/usingFog.md

@@ -1,3 +1,5 @@
+[embed:](https://www.youtube.com/embed/AMLmyaXMyYA)
+
 The Fog Tool allows you to add hidden areas to control what the other party members can see on your map. To access the Fog Tool click the Fog Tool Button in the top right of the map view.
 
 ![Using Fog](usingFog)

src/docs/howTo/usingTokens.md

@@ -1,3 +1,5 @@
+[embed:](https://www.youtube.com/embed/j-9X9CF7_UY)
+
 Once you have a map shared between a party all players can drag tokens from the Token List on the right hand side of the screen. Tokens can then be used to represent players, monsters or any other object that needs to be moved around the map.
 
 ## Default Tokens

src/routes/HowTo.js

@@ -41,9 +41,7 @@ function ReleaseNotes() {
           How To
         </Text>
         <div id="overview">
-          <Accordion heading="Overview" defaultOpen>
-            <Markdown source={overview} assets={assets} />
-          </Accordion>
+          <Markdown source={overview} assets={assets} />
         </div>
         <div id="startingAndJoining">
           <Accordion heading="Starting and Joining a Game">