Merge pull request #36 from f5devcentral/dev

handle Refs

labapp/app/app.py

@@ -220,14 +220,6 @@ def port():
         ns=ns
     )
 
-@app.route('/reference')
-def ref():
-    """reference page"""
-    ns = get_eph_ns()
-    return render_template('coming-soon.html',
-        title="MCN Practical: Reference"
-    )
-
 @app.route('/score')
 def score():
     """scoreboard page"""

labapp/app/templates/base.html

@@ -55,7 +55,6 @@ <h6 class="mb-1 p-2 bg-light rounded"><i class="bi bi-list-task"></i>&nbsp;&nbsp
                         <h6 class="mb-1 p-2 bg-light rounded"><i class="bi bi-speedometer2"></i>&nbsp;&nbsp;Miscellaneous</h6>
                         <ul class="list-unstyled fw-normal pb-1 small">
                             <li><a href="/score" class="link-dark rounded sidebar-link">Scoreboard</a></li>
-                            <li><a href="/reference" class="link-dark rounded sidebar-link">Reference</a></li>
                         </ul>
                     </li>
                 </ul>

labapp/app/templates/overview.html

@@ -183,21 +183,50 @@ <h1><strong>Cloud App</strong></h1>
 
 To demonstrate, you can access an endpoint of each cloud app from your browser.
 </p>
+<div style="height:25px"></div>
 
 <div class="container">
   <div class="row align-items-center">
     <div class="col-lg-6 col-md-12">
-       <a href="https://aws-cloud-app.mcn-lab.f5demos.com/pretty" target="_blank">
-         <img src="/static/images/overview/aws.png" height="100px" width="auto" class="rounded"/>
-        </a>
+      <a href="https://aws-cloud-app.mcn-lab.f5demos.com/pretty" target="_blank">
+        <img src="/static/images/overview/aws.png" style="height: 75px; width: auto;" class="rounded mx-auto d-block"/>
+      </a>
     </div>
-    <div class="col-lg-6 col-md-12 h-100">
+    <div class="col-lg-6 col-md-12">
       <a href="https://azure-cloud-app.mcn-lab.f5demos.com/pretty" target="_blank">
-        <img src="/static/images/overview/azure.png" height="100px" width="auto"  class="rounded"/>
+        <img src="/static/images/overview/azure.png" style="height: 75px; width: auto;" class="rounded mx-auto d-block"/>
       </a>
     </div>
   </div>
-</div>  
+</div>
+
+<div style="height:25px"></div>
+
+<h1><strong>References</strong></h1>
+<p>
+Consult these sources if you need additional information to complete the exercises.
+</p>
+
+<ul class="list-group">
+  <li class="list-group-item">
+    <a href="https://docs.cloud.f5.com/docs-v2" target="_blank">
+      <img src="/static/images/overview/f5.svg" class="lab-icon"/>
+      <strong>F5 Distributed Cloud Technical Knowledge Hub</strong>
+    </a>
+  </li>
+  <li class="list-group-item">
+    <a href="https://docs.cloud.f5.com/docs/api" target="_blank">
+      <img src="/static/images/overview/f5.svg" class="lab-icon"/>
+      <strong>F5 Distributed Cloud Services API</strong>
+    </a>
+  </li>
+  <li class="list-group-item">
+    <a href="https://docs.cloud.f5.com/docs/" target="_blank">
+      <img src="/static/images/overview/f5.svg" class="lab-icon"/>
+      <strong>F5 Distributed Cloud Services Docs (legacy)</strong>
+    </a>
+  </li>
+</ul>
 
 <div style="height:25px"></div>
 
@@ -206,6 +235,7 @@ <h1><strong>Issues</strong></h1>
 <p>
 Use the lab repository <i class="bi bi-github"> </i><strong><a href="https://github.com/f5devcentral/f5xc-lab-mcn-practical/" target="_blank">issue tracker</a></strong> to report bugs, typos, or lab enhancements.
 </p>
+
 <div href="/" class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom"></div>
 
 <nav aria-label="labapp nav">