references in overview

f5devcentral · May 6, 2024 · 8e94882 · 8e94882
1 parent 04fa658
commit 8e94882
Show file tree

Hide file tree

Showing 5 changed files with 155 additions and 3 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/labapp/app/.DS_Store b/labapp/app/.DS_Store
diff --git a/labapp/app/static/images/overview/f5.svg b/labapp/app/static/images/overview/f5.svg
diff --git a/labapp/app/templates/base.html b/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>

diff --git a/labapp/app/templates/overview.html b/labapp/app/templates/overview.html
@@ -183,29 +183,59 @@ <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"/>
+         <img src="/static/images/overview/aws.png" height="75px" width="auto" class="rounded"/>
         </a>
     </div>
     <div class="col-lg-6 col-md-12 h-100">
       <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" height="75px" width="auto"  class="rounded"/>
       </a>
     </div>
   </div>
 </div>  
 
 <div style="height:25px"></div>
 
+<h1><strong>Reference</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>
+
 <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">