Changing instructions to "Joining the event" and add back to top to all sections

Author: KeiranWDigital

discord.html

@@ -17,20 +17,11 @@ <h1>{{page.title}}</h1>
 <h2>Index</h2>
 <ul>
     <li><a href="#beforetheevent">Before the event</a></li>
-    <li><a href="#instructions">Instructions</a></li>
+    <li><a href="#joiningTheEvent">Joining the event</a></li>
     <li><a href="#controls">Controls</a></li>
     <li><a href="#troubleshooting">Troubleshooting</a></li>
 </ul>
 
-
-<div class="row unpadded">
-    <div class="col">
-        <p class="back-to-top">
-            <a href="#">Back to top</a>
-        </p>
-    </div>
-</div><br />
-
 <a name="beforetheevent"></a>
 <h2>Before the event</h2>
 <p>
@@ -63,8 +54,8 @@ <h2>Before the event</h2>
 </div>
 <br />
 
-<a name="instructions"></a>
-<h2>Instructions</h2>
+<a name="joiningTheEvent"></a>
+<h2>Joining the event</h2>
 <p>When you follow the invite link, you should see the following message.</p>
 
 
@@ -80,6 +71,7 @@ <h2>Instructions</h2>
 <p>
     You can then sign up or log into an existing account.
 </p>
+
 <div class="row">
     <div class="discord-cols col-m-12 col-l-6">
         <h3>Register</h3><img width="200" class="discord-image mg-fluid" src="../images/discord-create.png">
@@ -116,10 +108,9 @@ <h3>Log in</h3><img width="200" class="discord-image mg-fluid" src="../images/di
 </div>
 
 <p>
-    Your name should appear underneath the channel name. Clicking the name a second time will show the other people in
+    Your name should appear underneath the channel name. To join the channel click the name. It will then show the other people in
     the channel. it will look something like this:</p>
 <img class="discord-image mg-fluid" src="../images/discord-camera.png">
-<!--TODO image of channel with cameras-->
 <p>
     Turn <b>off</b> your <b>microphone</b>. This is very important! You should
     keep your microphone muted throughout the session.
@@ -172,6 +163,13 @@ <h4>Step 2</h4><img class="discord-image mg-fluid" width="300" src="../images/di
 </div>
 
 <!--TODO Troubleshooting-->
+<div class="row unpadded">
+    <div class="col">
+        <p class="back-to-top">
+            <a href="#">Back to top</a>
+        </p>
+    </div>
+</div><br />
 <a name="troubleshooting"></a>
 <h2>Troubleshooting</h2>
 <h4>I can't hear anything!?!</h4>
@@ -182,38 +180,35 @@ <h4>I can't hear anything!?!</h4>
 
 <h4>I can't see the presentation!</h4>
 <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.
+    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-watch-stream.png">
 
 </p>
 
 <h4>I'm talking but you can't hear me!</h4>
 <p>
-    Make sure your microphone/headset is plugged in/turned on. Make sure your microphone is set in the settings. 
-</p><p>    You can see settings by clicking the gear icon. 
+    Make sure your microphone/headset is plugged in/turned on. Make sure your microphone is set in the settings.
 </p>
-    <img class="discord-image mg-fluid" width="300" src="../images/discord-setting-button.png">
-
-    <p>Click "Voice and Video" </p>
-    <img class="discord-image mg-fluid" width="300" src="../images/discord-voice.png">
-
-    <p>Make Sure your microphone is selected here:</p>
-
-    <img class="discord-image mg-fluid" width="500" src="../images/discord-microphone-dropdown.png">
-
-    <p>You can test it by clicking the "Let's Check" button:</p>
-
-    <img class="discord-image mg-fluid" width="500" src="../images/discord-mic-test.png">
-
-
-
-
-
-
-
+<p> You can see settings by clicking the gear icon.
+</p>
+<img class="discord-image mg-fluid" width="300" src="../images/discord-setting-button.png">
 
+<p>Click "Voice and Video" </p>
+<img class="discord-image mg-fluid" width="300" src="../images/discord-voice.png">
 
+<p>Make Sure your microphone is selected here:</p>
 
+<img class="discord-image mg-fluid" width="500" src="../images/discord-microphone-dropdown.png">
 
+<p>You can test it by clicking the "Let's Check" button:</p>
 
+<img class="discord-image mg-fluid" width="500" src="../images/discord-mic-test.png">
+<div class="row unpadded">
+    <div class="col">
+        <p class="back-to-top">
+            <a href="#">Back to top</a>
+        </p>
+    </div>
+</div><br />