Merge pull request #686 from hpehl/wmc-2024-11

Prepare page for the next WildFly mini conference
wildfly · Nov 12, 2024 · d9d58a4 · d9d58a4
2 parents 075d616 + cce2134
commit d9d58a4
Show file tree

Hide file tree

Showing 11 changed files with 259 additions and 44 deletions.
diff --git a/_data/conference.yaml b/_data/conference.yaml
@@ -1,44 +1,43 @@
 - title: Welcome and opening ceremony
   from: "14:00"
   to: "14:15"
-- title: Introduction to WildFly and how to get started fast
+- title: Next-gen management console
   from: "14:15"
-  to: "15:00"
+  to: "14:45"
   abstract:
-    - "In this session the WildFly project itself will be introduced. You will get to know the different components that make up WildFly. We will take a closer look at the architecture and internal functionality of WildFly."
-    - "The session will also include a demo how to get started fast and how to deploy and evolve a very basic application."
+    - "The administration console is currently undergoing a major update. In this session we will present the latest milestone, demonstrate new features and explain what you can expect."
   speaker: hpehl
   bio: "Harald Pehl is a principal software engineer at Red Hat. He works on the management capabilities of WildFly and leads the management console (HAL)."
-  slides: https://www.wildfly.org/assets/data/wmc_wildfly_intro_and_getting_started.pdf
-- title: Deploying WildFly applications to bare-metal and the cloud
+- title: Lightning Talk 1
+  from: "14:45"
+  to: "15:00"
+- title: Jakarta EE11
   from: "15:00"
   to: "15:45"
   abstract:
-    - "In this session, we'll see how Ansible can help deploy, configure, managed and maintened up to date Wildfly on any platform, from bare metal to VM and even clouds. We'll deal with Day 1 tasks in fully automated fashion, but also cover how to keep the system running after the initial deployment (Day 2)."
-  speaker: rpelisse
-  bio: "Romain Pelisse works at Red Hat for over a decade. He started as runtimes consultant, building on expertise on JBoss EAP (Wildfly), and moved to engineering where he became the lead of the Ansible runtimes initiative, focusing on providing the best integration possible between Red Hat middleware solutions and Ansible Automation Platform."
-  slides: https://github.com/ansible-middleware/wfl-mini-conf-demo/blob/main/slides.md
-- title: Break
+    - "Abstract to follow."
+  speaker: bstansberry
+  bio: "Brian Stansberry is the lead of the WildFly application server project and the principal architect of Red Hat's JBoss Enterprise Application Platform."
+- title: Lightning Talk 2
   from: "15:45"
   to: "16:00"
-- title: What is new in WildFly and roadmap for future releases
+- title: WildFly Remediation with Event-Driven Ansible
   from: "16:00"
   to: "16:45"
   abstract:
-    - "In this session we'll provide an overview of what's new in the WildFly project in the last several months, particularly in the WildFly 31 release. Then we'll describe where we see things going in WildFly over the remainder of 2024 -- release plans, a possible roadmap for Jakarta EE 11 support, plans around Java SE support and ideas around significant new features and initiatives."
-  speaker: bstansberry
-  bio: "Brian Stansberry is the lead of the WildFly application server project and the principal architect of Red Hat's JBoss Enterprise Application Platform."
-  slides: https://www.wildfly.org/assets/data/wmc_whats_new_and_roadmap.pdf
-- title: WildFly Glow
+    - "Event Driven Ansible is new capacity of the automation tool to react to change or incidents on a system. A basic application of this would be for instance to detect an out-of-memory error in an app hosted by Wildfly and trigger a restart. We'll demo that during the presentation."
+  speaker: rpelisse
+  bio: "Romain Pelisse works at Red Hat for over a decade. He started as runtimes consultant, building on expertise on JBoss EAP (WildFly), and moved to engineering where he became the lead of the Ansible runtimes initiative, focusing on providing the best integration possible between Red Hat middleware solutions and Ansible Automation Platform."
+- title: Lightning Talk 2
   from: "16:45"
-  to: "17:30"
+  to: "17:00"
+- title: "Let's be smart: Doing AI with WildFly"
+  from: "17:00"
+  to: "17:40"
   abstract:
-    - "In this session you will be introduced to WildFly Glow, a new approach to the WildFly provisioning."
-    - "We will cover WildFly provisioning in general, discuss potential issues, and we will see how WildFly Glow simplifies the WildFly provisioning experience."
-    - "During the presentation WildFly Glow tooling will be demonstrated."
-  speaker: jfdenise
-  bio: "Jean-François Denise is a principal software engineer at Red Hat. He is involved in WildFly provisioning and tooling (WildFly CLI, WildFly Bootable JAR, Openshift images, WildFly Glow)."
-  slides: https://www.wildfly.org/assets/data/wmc_glow.pdf
+    - "Learn how to use the new WildFly AI Feature Pack to build an AI-powered application. In this presentation we will see how we can configure WildFly to a Large Language Model and build a Retrieval Augmented Application using CDI to inject all the pieces we need."
+  speaker: ehsavoie
+  bio: "Emmanuel works at Red Hat on the messaging subsystem and on the developer experience."
 - title: Feedback and closing ceremony
-  from: "17:30"
+  from: "17:40"
   to: "18:00"
diff --git a/_layouts/conference-post.html b/_layouts/conference-post.html
@@ -0,0 +1,41 @@
+<!-- Template for the conference layout *after* the conference -->
+<div class="about-page grid-wrapper conference">
+  <div class="grid__item width-12-12">
+    <h1>Wild<strong>Fly</strong> Mini Conference</h1>
+    <h2 class="page-subtitle">A dedicated conference for the community with topics around Wild<strong>Fly</strong>.
+    </h2>
+  </div>
+
+  <div class="grid__item width-12-12 sec-title-red">
+    <h2>Agenda</h2>
+    <p>Our first WildFly Mini Conference took place on March 6. Many thanks to all participants! You can view the recording at our <a href="https://www.youtube.com/@WildFlyAS" target="_blank">YouTube channel</a>. The slides can be downloaded using the links below.</p>
+
+    {% for session in site.data.conference %}
+    {% if session.abstract %}
+    <div class="c-session c-session-blue">
+      <div class="c-time">
+        <span class="c-from">{{ session.from }}</span><span class="c-to">{{ session.to }}</span>
+      </div>
+      <div class="c-title"><a href="{{session.slides}}" target="_blank">{{ session.title}}</a></div>
+      <div class="c-abstract"><p>{{ session.abstract | join: "<br/>" }}</p></div>
+      {% if session.speaker %}
+      {% assign speaker = site.data.authors[session.speaker] -%}
+      <div class="c-speaker-avatar">
+        <img class="avatar" height="60px" width="60px" src="{{site.baseurl}}/assets/img/authors/{{ session.speaker }}.jpg"
+             alt="{{ speaker.name }}" title="{{ speaker.name }}"/>
+      </div>
+      <div class="c-speaker-bio">{{ session.bio }}</div>
+      {% endif %}
+    </div>
+    {% endif %}
+    {% endfor %}
+  </div>
+
+  <div class="grid__item width-12-12 sec-title-teal">
+    <h2>Feedback</h2>
+    <p>Please take some time to answer a few questions about the conference. What did you like, what can we do
+      better? It won't take long, and will help us make the next WildFly conference even better: <a
+              href="https://forms.gle/ruEytViEBBwthr5K7" target="_blank">conference feedback</a></p>
+
+  </div>
+</div>
diff --git a/_layouts/conference-pre.html b/_layouts/conference-pre.html
@@ -0,0 +1,77 @@
+<!-- Template for the conference layout *before* the conference -->
+<div class="about-page grid-wrapper conference">
+  <div class="grid__item width-12-12">
+    <h1>Wild<strong>Fly</strong> Mini Conference</h1>
+    <h2 class="page-subtitle">A dedicated conference for the community with topics around Wild<strong>Fly</strong>.
+    </h2>
+  </div>
+
+  <div class="grid__item width-12-12 sec-title-red">
+    <h2>What you need to know</h2>
+    <dl class="c-when-and-where">
+      <dt>Date</dt>
+      <dd id="c-date" data-date="2024-11-20"><a href="{{site.baseurl}}/assets/data/wildfly-mini-conference.ics" title="Click here to download an ICS file for the conference" type="text/calendar" download>Wednesday, November 20, 2024</a></dd>
+      <dt>Time</dt>
+      <dd>14:00 - 18:00 UTC</dd>
+      <dt>Location</dt>
+      <dd>
+        Virtually on <a href="https://youtube.com/live/OfEv05N8EUg" target="_blank">YouTube Live</a>
+      </dd>
+    </dl>
+    <p>Registration is not required, but you can let us know that you <a href="https://forms.gle/eFxBA2h9QuewAmQM8" target="_blank">plan to attend</a>. Click on the date to add the event to your calendar.<br/>You can also use the "Notify Me" button on YouTube if you would like to be notified about the conference.</p>
+  </div>
+
+  <div class="grid__item width-12-12 sec-title-yellow">
+    <h2>What you can expect</h2>
+    <p>The conference includes four sessions with topics for both beginners and advanced WildFly users. There will also be three lightning talks with topics to be defined. We want all sessions to be interactive, and you can ask questions at any time. Remember this is a conference for you - the WildFly community!</p>
+
+    <div class="admonitionblock note" style="margin-bottom: 2rem">
+      <table>
+        <tbody>
+        <tr>
+          <td class="icon">
+            <div class="title">Note</div>
+          </td>
+          <td class="content">
+            <div class="paragraph">
+              <p>All times are in <strong>UTC</strong>. Click on the time to show the time in your time zone.</p>
+            </div>
+          </td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
+
+    {% for session in site.data.conference %}
+    {%- capture session_bg -%}
+    {%- if session.abstract -%}c-session-blue{%- else -%}c-session-gray{%- endif -%}
+    {%- endcapture -%}
+    <div class="c-session {{ session_bg }}">
+      <div class="c-time">
+        <span class="c-from">{{ session.from }}</span><span class="c-to">{{ session.to }}</span>
+      </div>
+      <div class="c-title">{{ session.title}}</div>
+      {% if session.abstract %}
+      <div class="c-abstract"><p>{{ session.abstract | join: "<br/>" }}</p></div>
+      {% endif %}
+      {% if session.speaker %}
+      {% assign speaker = site.data.authors[session.speaker] -%}
+      <div class="c-speaker-avatar">
+        <img class="avatar" height="60px" width="60px" src="{{site.baseurl}}/assets/img/authors/{{ session.speaker }}.jpg"
+             alt="{{ speaker.name }}" title="{{ speaker.name }}"/>
+      </div>
+      <div class="c-speaker-bio">{{ session.bio }}</div>
+      {% endif %}
+    </div>
+    {% endfor %}
+  </div>
+
+  <div class="grid__item width-12-12 sec-title-teal">
+    <h2>After the conference</h2>
+    <p>Please take some time to answer a few questions about the conference. What did you like, what can we do
+      better? It won't take long, and will help us make the next WildFly conference even better: <a
+              href="https://forms.gle/ruEytViEBBwthr5K7" target="_blank">conference feedback</a></p>
+
+  </div>
+</div>
+<script type="text/javascript" src="{{ '/assets/javascript/conference.js' | relative_url }}"></script>
diff --git a/_layouts/conference.html b/_layouts/conference.html
@@ -10,17 +10,53 @@ <h2 class="page-subtitle">A dedicated conference for the community with topics a
   </div>
 
   <div class="grid__item width-12-12 sec-title-red">
-    <h2>Agenda</h2>
-    <p>Our first WildFly Mini Conference took place on March 6. Many thanks to all participants! You can view the recording at our <a href="https://www.youtube.com/@WildFlyAS" target="_blank">YouTube channel</a>. The slides can be downloaded using the links below.</p>
+    <h2>What do you need to know?</h2>
+    <dl class="c-when-and-where">
+      <dt>Date</dt>
+      <dd id="c-date" data-date="2024-11-20"><a href="{{site.baseurl}}/assets/data/wildfly-mini-conference.ics" title="Click here to download an ICS file for the conference" type="text/calendar" download>Wednesday, November 20, 2024</a></dd>
+      <dt>Time</dt>
+      <dd>14:00 - 18:00 UTC</dd>
+      <dt>Location</dt>
+      <dd>
+        Virtually on <a href="https://youtube.com/live/OfEv05N8EUg" target="_blank">YouTube Live</a>
+      </dd>
+    </dl>
+    <p>Registration is not required, but you can let us know that you <a href="https://forms.gle/eFxBA2h9QuewAmQM8" target="_blank">plan to attend</a>. Click on the date to add the event to your calendar.<br/>You can also use the "Notify Me" button on YouTube if you would like to be notified about the conference.</p>
+  </div>
+
+  <div class="grid__item width-12-12 sec-title-yellow">
+    <h2>What can you expect?</h2>
+    <p>The conference includes four sessions with topics for both beginners and advanced WildFly users. There will also be three lightning talks with topics to be defined. We want all sessions to be interactive, and you can ask questions at any time. Remember this is a conference for you - the WildFly community!</p>
+
+    <div class="admonitionblock note" style="margin-bottom: 2rem">
+      <table>
+        <tbody>
+        <tr>
+          <td class="icon">
+            <div class="title">Note</div>
+          </td>
+          <td class="content">
+            <div class="paragraph">
+              <p>All times are in <strong>UTC</strong>. Click on the time to show the time in your time zone.</p>
+            </div>
+          </td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
 
     {% for session in site.data.conference %}
-    {% if session.abstract %}
-    <div class="c-session c-session-blue">
+    {%- capture session_bg -%}
+    {%- if session.abstract -%}c-session-blue{%- else -%}c-session-gray{%- endif -%}
+    {%- endcapture -%}
+    <div class="c-session {{ session_bg }}">
       <div class="c-time">
         <span class="c-from">{{ session.from }}</span><span class="c-to">{{ session.to }}</span>
       </div>
-      <div class="c-title"><a href="{{session.slides}}" target="_blank">{{ session.title}}</a></div>
+      <div class="c-title">{{ session.title}}</div>
+      {% if session.abstract %}
       <div class="c-abstract"><p>{{ session.abstract | join: "<br/>" }}</p></div>
+      {% endif %}
       {% if session.speaker %}
       {% assign speaker = site.data.authors[session.speaker] -%}
       <div class="c-speaker-avatar">
@@ -30,15 +66,7 @@ <h2>Agenda</h2>
       <div class="c-speaker-bio">{{ session.bio }}</div>
       {% endif %}
     </div>
-    {% endif %}
     {% endfor %}
   </div>
-
-  <div class="grid__item width-12-12 sec-title-teal">
-    <h2>Feedback</h2>
-    <p>Please take some time to answer a few questions about the conference. What did you like, what can we do
-      better? It won't take long, and will help us make the next WildFly conference even better: <a
-              href="https://forms.gle/ruEytViEBBwthr5K7" target="_blank">conference feedback</a></p>
-
-  </div>
 </div>
+<script type="text/javascript" src="{{ '/assets/javascript/conference.js' | relative_url }}"></script>
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -28,6 +28,12 @@ <h3>Now available: <a href="{{ releaseNoteLink }}"><span style="font-weight: 100
 
   </div>
 
+  <div class="grid__item width-12-12 home-section">
+    <h2>Save the date!</h2>
+    <h3>We're hosting our next conference on<br/>Wednesday, November 20</h3>
+    <h3><a href="{{site.baseurl}}/conference/">Wild<strong>Fly</strong> Mini Conference</a></h3>
+  </div>
+
   <div class="grid__item width-12-12 home-section">
     <div class="home-icons">
       <a href="https://github.com/wildfly/wildfly" class="github" target="_blank">Github</a>

diff --git a/assets/data/wildFly-mini-conference.ics b/assets/data/wildFly-mini-conference.ics
@@ -2,15 +2,15 @@ BEGIN:VCALENDAR
 VERSION:2.0
 PRODID:[email protected]
 BEGIN:VEVENT
-UID:20240209T113915Z@wildfly.org
-DTSTAMP:20240209T113915Z
-DTSTART:20240306T140000Z
-DTEND:20240306T180000Z
+UID:20241107T151515Z@wildfly.org
+DTSTAMP:20241107T151515Z
+DTSTART:20241120T140000Z
+DTEND:20241120T180000Z
 SUMMARY:WildFly Mini Conference
 URL:https://wildfly.org/conference
 DESCRIPTION:A dedicated conference for the community with topics 
  around WildFly.
-LOCATION;ALTREP="https://youtube.com/live/_8g1rZ80u2A":
+LOCATION;ALTREP="https://youtube.com/live/OfEv05N8EUg":
  Virtually on YouTube Live
 CLASS:PUBLIC
 END:VEVENT

diff --git a/assets/data/wmc_glow.pdf b/assets/data/wmc_glow.pdf
diff --git a/assets/data/wmc_whats_new_and_roadmap.pdf b/assets/data/wmc_whats_new_and_roadmap.pdf
diff --git a/assets/data/wmc_wildfly_intro_and_getting_started.pdf b/assets/data/wmc_wildfly_intro_and_getting_started.pdf
diff --git a/assets/img/authors/ehsavoie.jpg b/assets/img/authors/ehsavoie.jpg
diff --git a/assets/javascript/conference.js b/assets/javascript/conference.js
@@ -0,0 +1,64 @@
+/*
+ * JBoss, Home of Professional Open Source.
+ *
+ * Copyright 2024 Red Hat, Inc., and individual contributors
+ * as indicated by the @author tags.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+(() => {
+  "use strict";
+
+  window.addEventListener("load", () => {
+    const supportsPopover = HTMLElement.prototype.hasOwnProperty("popover");
+    if (supportsPopover) {
+      const timeFormat = new Intl.DateTimeFormat(navigator.language, {
+        hour: "numeric",
+        minute: "numeric"
+      });
+      const date = document.querySelector("#c-date").dataset["date"];
+      const timeElements = document.querySelectorAll(".c-time");
+      timeElements.forEach(timeElement => {
+        const from = new Date(date + "T" + timeElement.querySelector(".c-from").textContent + "Z");
+        const to = new Date(date + "T" + timeElement.querySelector(".c-to").textContent + "Z");
+        const localTime = timeFormat.format(from) + " - " + timeFormat.format(to);
+        const popover = document.createElement("div");
+        popover.classList.add("c-local-time")
+        popover.textContent = localTime;
+        popover.popover = "auto";
+        popover.addEventListener("toggle", (event) => {
+          if (event.newState === 'open') {
+            popover.style.left = timeElement.getBoundingClientRect().left + "px";
+            popover.style.top = timeElement.getBoundingClientRect().top + "px";
+            popover.style.width = timeElement.getBoundingClientRect().width + "px";
+          }
+        });
+        timeElement.appendChild(popover);
+        timeElement.addEventListener("click", () => popover.togglePopover());
+      });
+
+      let ticking = false;
+      document.addEventListener("scroll", () => {
+        if (!ticking) {
+          window.requestAnimationFrame(() => {
+            document.querySelectorAll(".c-local-time:popover-open")
+              .forEach(p => p.hidePopover());
+            ticking = false;
+          });
+          ticking = true;
+        }
+      });
+    }
+  });
+})();