small typos

labapp/app/templates/coming-soon.html

@@ -3,6 +3,7 @@
 {% block title %}{{ title }}{% endblock %}
 
 {% block content %}
+<div style="height:25px"></div>
 <div class="col text-center">
     <div class="content-container">
         <img src="/static/images/banners/coming-soon.png" alt="Banner" class="img-fluid lab-header-clear">

labapp/app/templates/error.html

@@ -4,6 +4,7 @@
 
 {% block content %}
     {% if code == 404 %}
+    <div style="height:25px"></div>
     <div class="col text-center">
         <div class="content-container">
             <img src="/static/images/banners/404-err.png" alt="Banner" class="img-fluid lab-header-clear">
@@ -20,6 +21,7 @@
         }
     </script>
 
+    <div style="height:25px"></div>
     <div class="col text-center">
         <div class="content-container">
             <img src="/static/images/banners/500-err.png" alt="Banner" class="img-fluid lab-header-clear">

labapp/app/templates/loadbalancing.html

@@ -59,7 +59,7 @@ <h2><strong>Exercise 1: AWS Cloud App</strong></h2>
         <li class="list-group-item">
             <img src="/static/images/common/lb-icon.png" class="lab-icon">
             <strong>Do not advertise your load balancer to the internet.</strong>
-            {% if site %} Your site name is {{ site }}{% endif %}
+            {% if site %} Your site name is <strong>{{ site }}</strong>.{% endif %}
         </li>
     </ul>
 </div>

labapp/app/templates/overview.html

@@ -48,7 +48,7 @@ <h2><strong>Lab Exercises</strong></h2>
 
 <p>
 Lab exercises will ask you to create configuration in the <strong><a href="https://f5-xc-lab-mcn.console.ves.volterra.io/" target="_blank">lab tenant</a></strong>.
-Exercise reqirements are listed in a table along with an object type indicator. 
+Exercise requirements are listed in a table along with an object type indicator. 
 </p>
 
 <ul class="list-group">
@@ -73,7 +73,7 @@ <h4><strong>Test Criteria</strong></h4>
 <p>
 To complete lab exercises, you will run tests against the load balancer advertised from the Customer Edge in your UDF site.
 You will build this load balancer in the <strong><a href="/loadbalancing">first exercise</a></strong>.
-All tests will be run from this web apllication.
+All tests will be run from this web application.
 </p>
 <p>
 Each test will specify success criteria followed by a <button id="null" class="btn btn-primary disabled">Test Load Balancer</button> button.
@@ -106,18 +106,18 @@ <h4><strong>Test Criteria</strong></h4>
 </code></pre>
 
 <div class="left-aligned-button-container">
-    <button id="requestBtn1" class="btn btn-primary lab-ex-test">👍 Test</button>
+    <button id="requestBtn1" class="btn btn-primary lab-test-button">Test Load Balancer</button>
 </div>
 <div id="result1" class="mt-3"></div>
 <script>
 document.getElementById('requestBtn1').addEventListener('click', () => {
-    testHttpRequest('requestBtn1', '/_test1', 'result1', '👍 Test');
+    testHttpRequest('requestBtn1', '/_test1', 'result1', 'Test Load Balancer');
 });
 </script>
 
 <p>
   The test made a request to <strong>https://foo.mcn-lab.f5demos.com</strong>.
-  The test succeeded because the response contained the <code>JSON</code> string <code> {"info": { "foo": True }}</code>.
+  The test <strong>succeeded</strong> because the response contained the <code>JSON</code> string <code> {"info": { "foo": True }}</code>.
 </p>
 
 <div style="height:25px"></div>
@@ -138,18 +138,18 @@ <h4><strong>Test Criteria</strong></h4>
 </code></pre>
 
 <div class="left-aligned-button-container">
-    <button id="requestBtn2" class="btn btn-primary lab-ex-test">👎 Test</button>
+    <button id="requestBtn2" class="btn btn-primary lab-test-button">Test Load Balancer</button>
 </div>
 <div id="result2" class="mt-3"></div>
 <script>
 document.getElementById('requestBtn2').addEventListener('click', () => {
-    testHttpRequest('requestBtn2', '/_test2', 'result2', '👎 Test');
+    testHttpRequest('requestBtn2', '/_test2', 'result2', 'Test Load Balancer');
 });
 </script>
 
 <p>
 The test made a request to <strong>https://foo.mcn-lab.f5demos.com</strong>.
-The test failed because the response did not contain the <code>JSON</code>  string <code>{ "info": { "bar": True}}</code>.
+The test <strong>failed</strong> because the response did not contain the <code>JSON</code>  string <code>{ "info": { "bar": True}}</code>.
 </p>
 
 <div style="height:25px"></div>

labapp/app/templates/welcome.html

@@ -29,12 +29,9 @@ <h2><strong>Customer Edge</strong></h2>
 
     <p>
     The CE in the UDF deployment will register with the <strong><a href="https://f5-xc-lab-mcn.console.ves.volterra.io/" target="_blank">lab tenant</a></strong>.
-    CEs on first launch update software and, often, their OS. This can take ~20 min from when the CE is booted.
-    </p>    
-
-    <p>
+    CEs on first launch update software and, often, their OS. <strong>This will take ~20 min from when the CE is booted</strong>.
     When the CE is ready, the status indicator in the navigation pane (👀 look to the left) will show <img src="/static/images/welcome/check.png" height="20px" width="auto"></img>.
-    Use the indicator to find the CE <strong>site name</strong> needed for configuring the load balancer's advertise policy.
+    The indicator also shows the CE <strong>site name</strong> needed for configuring the load balancer.
     </p>
     <div style="height:25px"></div>
 
@@ -78,7 +75,7 @@ <h1><strong>While You Wait</strong></h1>
       </li>
       <li class="list-group-item">
         <i class="bi bi-gear"></i>&nbsp; &nbsp;
-        Configure lab <strong><a href="/setup">setup</a></strong> after logging into the tenant.
+        Configure the lab <strong><a href="/setup">setup</a></strong> after logging into the tenant.
       </li>
       <li class="list-group-item">
         <i class="bi bi-cup-hot"></i></i>&nbsp; &nbsp;