starting reference page

f5devcentral · May 6, 2024 · 4cd2bf1 · 4cd2bf1
1 parent 3e29e5d
commit 4cd2bf1
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 2 deletions.
diff --git a/labapp/app/reference.html b/labapp/app/reference.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="main-body">
+
+    <div class="text-center">
+        <img src="/static/images/banners/reference-banner.png" alt="Banner" class="img-fluid lab-header">
+    </div>
+
+    <div class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom"></div>
+
+    <p>
+        F5 Distributed Cloud documentation blurb
+    </p>
+
+    <h2>Load Balancing</h2>
+
+    <h2>Routing</h2>
+
+    <h2>Content Manipulation</h2>
+
+    <h2>Portability</h2>
+
+</div>
+{% endblock %}
diff --git a/labapp/app/static/custom.css b/labapp/app/static/custom.css
@@ -18,6 +18,10 @@ main {
   overflow-y: auto;
 }
 
+.full-height-container {
+  min-height: 100vh; /* Set the minimum height to 100% of the viewport height */
+}
+
 .lab-icon {
   height: 30px;
   width: auto;

diff --git a/labapp/app/static/images/banners/reference-banner.png b/labapp/app/static/images/banners/reference-banner.png
diff --git a/labapp/app/templates/base.html b/labapp/app/templates/base.html
@@ -20,7 +20,7 @@
     <script src="/static/helpers.js"></script>
 </head>
 <body>
-<div class="container-fluid">
+<div class="container-fluid full-height-container">
     <div class="row">
 
 

diff --git a/labapp/app/templates/welcome.html b/labapp/app/templates/welcome.html
@@ -62,7 +62,7 @@ <h2><strong>Account Provisioning</strong></h2>
 
     <div style="height:25px"></div>
 
-    <h2><strong>While You Wait</strong></h2>
+    <h1><strong>While You Wait</strong></h1>
 
     <div>
     Here's a few things you can do while waiting for the CE to be registered and provisioned: