Troubleshotting steps now work with Yaml

Author: KeiranWDigital

_data/discordQuestions/cantSeePresentation.yaml

@@ -2,7 +2,7 @@ name: "cantSeePresentation"
 question: "I can't see the presentation!"
 answer: "<p>
     Click on the channel name (on the left of the screen) and you will see everyone's' pictures. One of them will have a
-    button saying "Watch Stream". Click this button.
-    <img class="discord-image mg-fluid" width="300" src="../images/discord/discord-watch-stream.png">
+    button saying \"Watch Stream\". Click this button.
+    <img class=\"discord-image mg-fluid\" width=\"300\" src=\"../images/discord/discord-watch-stream.png\">
 </p>
 "

_data/discordQuestions/imTalkingCantHear.yaml

@@ -5,17 +5,17 @@ answer: "<p>
 </p>
 <p> You can see settings by clicking the gear icon.
 </p>
-<img class="discord-image mg-fluid" width="300" src="../images/discord/discord-setting-button.png">
+<img class=\"discord-image mg-fluid\" width=\"300\" src=\"../images/discord/discord-setting-button.png\">
 
-<p>Click "Voice and Video" </p>
-<img class="discord-image mg-fluid" width="300" src="../images/discord/discord-voice.png">
+<p>Click \"Voice and Video\" </p>
+<img class=\"discord-image mg-fluid\" width=\"300\" src=\"../images/discord/discord-voice.png\">
 
 <p>Make Sure your microphone is selected here:</p>
 
-<img class="discord-image mg-fluid" width="500" src="../images/discord/discord-microphone-dropdown.png">
+<img class=\"discord-image mg-fluid\" width=\"500\" src=\"../images/discord/discord-microphone-dropdown.png\">
 
-<p>You can test it by clicking the "Let's Check" button:</p>
+<p>You can test it by clicking the \"Let's Check\" button:</p>
 
-<img class="discord-image mg-fluid" width="500" src="../images/discord/discord-mic-test.png">
+<img class=\"discord-image mg-fluid\" width=\"500\" src=\"../images/discord/discord-mic-test.png\">
 
 "