Update index.qmd - fix hero banner

dkapitan · Jan 12, 2025 · 4885d2f · 4885d2f
1 parent 60ed0e2
commit 4885d2f
Showing 1 changed file with 21 additions and 20 deletions.
diff --git a/index.qmd b/index.qmd
@@ -4,32 +4,25 @@ toc: false
 format:
   html:
     page-layout: article
+
 ---
-
-<!---
- ::: {.container-fluid} 
---->
 ```{=html}
-<div class="p-5 mb-4 bg-light rounded-3 bgimg">
-  <br><br><br><br>
-  <div class="container-fluid py-5">
-    <h1 class="display-5 fw-bold">Looking<br>to do more<br>with data and AI?</h1>
-    <!-- <a href="src/calendar.html" class="btn btn-primary btn-lg" type="button">Book an appointment</a> -->
+<!-- Bug in hero - only displays properly with empty div at the top -->
+<div class="jumbotron bgimg">
+  <div class="container">
+    <h1 class="display-4"></h1>
+    <p class="lead"></p>
   </div>
 </div>
-<p class="lead">
-   <small class="text-hero">DATA-CENTRIC AI &emsp; | &emsp; APPLIED AI &emsp; | &emsp; COACHING & MENTORING &emsp; | &emsp; MASTERCLASSES & PUBLIC SPEAKING</small>
-</p>
 <style type="text/css">
-.lead {
-    font-family: "Zilla Slab";
-    text-align: center;
-}
-
 .bgimg {
   background-image: url('images/hero.jpg');
   Background-size: cover;
 }
+.lead {
+    font-family: "Zilla Slab";
+    text-align: center;
+}
 .hero-quote {
   font-family: "Zilla Slab";
   font-color: white;
@@ -42,10 +35,18 @@ format:
   color: white !important;
 }
 </style>
+<div class="p-5 mb-4 bg-light rounded-3 bgimg">
+  <br><br><br><br>
+  <div class="hero-quote">
+    <h1 class="display-5 fw-bold">Looking<br>to do more<br>with data and AI?</h1>
+  </div>
+</div>
+<p class="lead">
+   <small class="text-hero">DATA-CENTRIC AI &emsp; | &emsp; APPLIED AI &emsp; | &emsp; COACHING & MENTORING &emsp; | &emsp; MASTERCLASSES & PUBLIC SPEAKING</small>
+</p>
 ```
-<!---
- ::: 
---->
+
+
 
 <br>