re-arrange proposed video and content into two columns

_includes/about.html

@@ -34,4 +34,15 @@ <h3>Imperative and reactive code</h3>
       <p>This is helpful for both Java developers who are used to working with the imperative model and don’t want to switch things up, and those working with a cloud-native/reactive approach. The Quarkus development model can adapt itself to whatever app you’re developing. <br><a href="/continuum/">Learn more about Reactive</a></p>
     </div>
   </div>
+  <div class="grid-wrapper video-content-band">
+    <div class="width-12-12 width-12-12-m">
+      <h2>The inspiration behind Quarkus...</h2>
+    </div>
+    <div class="width-6-12 width-12-12-m video-container">
+      <iframe src="https://www.youtube.com/embed/SQDR34KoC-8" title="Quarkus why, how and what by Emmanuel Bernard" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+    </div>
+    <div class="width-6-12 width-12-12-m">
+      <p>For more about the why, how and what of Quarkus, check out the Devoxx Belgium presentation where Quarkus 1.0 was released in November 2019.</p>
+    </div>
+  </div>
 </div>

working-groups/templates/wg.yaml

@@ -0,0 +1,14 @@
+---
+working-groups:
+  {#for board in boards}
+    - title: "{board.title}"
+      board-url: "{board.url}"
+      short-description: {board.shortDescription.trim()}
+      readme: |
+        {board.getIndentedReadme().raw}
+      status: {board.getBadgeText()}
+      last-activity: {board.getLastActivityDate()}
+      {#if board.getLastUpdate()  && board.getLastUpdate().body.trim()}
+      last-update: {board.getLastUpdate().body.trim()}
+      {/if}
+  {/for}