add sesssion and reconfig upcoming band for better user experience

Author: insectengine

_data/insights-videos.yaml

@@ -1,13 +1,18 @@
+#titles for page
+
 sectiontitle: "Upcoming Podcast"
 socialdescription: "View the Podcast on these platforms"
 futureheadline: "Scheduled Podcasts"
 
-futurevideos:
+# Next upcoming session (update weekly)
+nextsessiontitle: "EPISODE #214: Quarkus and build reproducibility: are we there yet?"
+nextsessiondate: "August 4, 2025"
+nextsessionguest: "Guillaume Smet"
 
-- title: "No Session - Holidays"
-  link: 
-  date: "July 28, 2025"
-  authors: "None"
+
+# upcoming session list (update weekly)
+
+futurevideos:
 
 - title: "EPISODE #214: Quarkus and build reproducibility: are we there yet?"
   link: 
@@ -24,10 +29,10 @@ futurevideos:
   date: "August 18, 2025"
   authors: "None"
 
-- title: "EPISODE #216: To Be Scheduled"
+- title: "EPISODE #216: What's new with Leyden"
   link: 
   date: "August 25, 2025"
-  authors: "To Be Announced"
+  authors: "Andrew Dinn"
 
 - title: "No Session - Holidays"
   link: 
@@ -55,7 +60,7 @@ futurevideos:
   authors: "Willem Jan Glerum"
 
 
-  
+# past session list (move last upcoming to this list weekly)
 
 pastheadline: "Archived Podcast Videos"
 

_includes/insights-band.html

@@ -1,8 +1,7 @@
-<div class="full-width-bg component awards-band">
+<div class="full-width-bg component">
   <div class="grid-wrapper">
     <div class="width-12-12">
       <h3 class="mt-0">{{ site.data.insights-videos.sectiontitle }}</h3>
-      <h5>{{ site.data.insights-videos.sectionsubhead }}</h5>
     </div>
     <div class="width-7-12 width-12-12-m">
       <div class="iframe-container">
@@ -11,16 +10,18 @@ <h5>{{ site.data.insights-videos.sectionsubhead }}</h5>
     </div>
     <div class="width-5-12 width-12-12-m">
       <div class="streamingiconblock">
-      <h4 class="mt-0">{{ site.data.insights-videos.socialdescription }}</h4>
+      <h4>Join us for our next upcoming session</h4>
+      <h5>{{ site.data.insights-videos.nextsessiontitle }}</h5>
+      <p>Special Guest: {{ site.data.insights-videos.nextsessionguest }}<br>
+      Date: {{ site.data.insights-videos.nextsessiondate }} at GMT+02:00 CET (9:00 am EST)</p>
+
+      <h5>{{ site.data.insights-videos.socialdescription }}</h5>
       <ul>
-      <li><a href="https://facebook.com/quarkusio" target="_blank"><i class="fab fa-facebook-square fa-3x"></i></a></li>
-      <li><a href="https://twitch.tv/quarkusio" target="_blank"><i class="fab fa-twitch fa-3x"></i></a></li>
-      <li><a href="https://youtube.com/quarkusio" target="_blank"><i class="fab fa-youtube fa-3x"></i></a></li>
-      <li><a href="https://www.linkedin.com/company/quarkusio/" target="_blank"><i class="fab fa-linkedin fa-3x"></i></a></li>
-    </ul>
-    <!--
-    <p><a href="https://feeds.listenbox.app/rss/9w4VBtq9s1v/audio.rss" target="_blank">RSS Audio Feed</a>&nbsp;|&nbsp;<a href="https://feeds.listenbox.app/rss/9w4VBtq9s1v/video.rss" target="_blank">RSS Video Feed</a></p>
-    -->
+        <li><a href="https://facebook.com/quarkusio" target="_blank"><i class="fab fa-facebook-square fa-3x"></i></a></li>
+        <li><a href="https://twitch.tv/quarkusio" target="_blank"><i class="fab fa-twitch fa-3x"></i></a></li>
+        <li><a href="https://youtube.com/quarkusio" target="_blank"><i class="fab fa-youtube fa-3x"></i></a></li>
+        <li><a href="https://www.linkedin.com/company/quarkusio/" target="_blank"><i class="fab fa-linkedin fa-3x"></i></a></li>
+      </ul>
     </div>
     </div>
   </div>

_sass/quarkus.scss

@@ -782,10 +782,19 @@ ol.bibliography li {
 // Insights page
 
 .streamingiconblock {
-  margin: 50px auto;
+  margin: 0px auto;
   text-align: center;
 
+    @media screen and (max-width: 768px) {
+    margin-top: 50px;
+  }
+
 h4 {
+  margin-top: 0px !important;
+  padding-top: 0px;
+}
+
+h5 {
   font-weight: 800;
 }