Add Slang Reflections events and minor fixes to website (#117)

* Add Slang Reflections event

* Ensure homepage events show upcoming only

* Add ability to easily embed YT into pages

* Remove author

---------

Co-authored-by: James Riordon <[email protected]>

Author: MilesHarding

_includes/home-news-bar.html

@@ -8,7 +8,21 @@ <h3>What's New
             </h3>
 
             <div class="grid gridNews">
-                {% for post in site.posts limit:3 %}
+                {% assign today = 'now' | date: '%s' %}
+                {% assign max_display = 3 %}
+                {% assign count = 0 %}
+
+                {% for post in site.posts limit:6 %}
+                {% assign show_post = true %}
+
+                {% if post.categories contains 'event' %}
+                    {% assign event_end_date = post.end_date | date: '%s' %}
+                    {% if event_end_date < today %}
+                        {% assign show_post = false %}
+                    {% endif %}
+                {% endif %}
+
+                {% if show_post and count < max_display %}
                 <div class="g-col-12 g-col-sm-6 g-col-md-4">
                     <div class="card">
                         {% if post.image %}
@@ -39,6 +53,9 @@ <h4>{{ post.title }}</h4>
                         </div>
                     </div>
                 </div>
+                    {% assign count = count | plus: 1 %}
+                {% endif %}
+
                 {% endfor %}
             </div>
 

_includes/youtube_video.html

@@ -0,0 +1,15 @@
+{% if include.youtube_id and include.youtube_id != '' %}
+
+<div class="ratio ratio-16x9">
+  <iframe class="embed-responsive-item"
+          src="https://www.youtube.com/embed/{{ include.youtube_id }}"
+          frameborder="0"
+          title="YouTube video"
+          allowfullscreen
+          aria-label="Embedded YouTube video">
+  </iframe>
+</div>
+
+<h3 class="mt-2">Original event:</h3>
+
+{% endif %}

_layouts/event.html

@@ -7,11 +7,16 @@
     <div class="row">
         <div class="col-12">
 
-            <p><button class="btn btn-secondary">Virtual Meetup</button></p>
+            <p><div class="btn btn-secondary" style="cursor:inherit;">Virtual Meetup</div></p>
 
             <h1>{{ page.title }}
                 <hr>
             </h1>
+
+            {% if page.youtube_id and page.youtube_id != '' %}
+                {% include youtube_video.html youtube_id=page.youtube_id %}
+            {% endif %}
+
             <div class="metadata">
                 <div class="date">
                 {% if page.human_date and page.human_date != '' %}
@@ -26,7 +31,6 @@ <h1>{{ page.title }}
                 </div>
             </div>
 
-
             {{content}}
         </div>
     </div>

_posts/2025-05-10-getting-started-with-slang.md

@@ -10,6 +10,7 @@ image: /images/events/2025-05-gaussian-splat-meetup-image.webp
 human_date: "🗓️ May 20, 2025"
 human_time: "🕜 8:00 USA PT"
 session_length: "⏱️ 45-60 minutes"
+youtube_id: "oGAzYih8I3Q"
 ---
 
 Join us for an engaging hands-on session where we'll walk through creating your first Gaussian splat using Slang. Perfect for graphics programmers interested in getting started with neural techniques, this hands-on introduction will take you from installation through basic shader compilation to rendering your first splat.

_posts/2025-05-20-getting-started-with-slang-draw-your-first-splat.md

@@ -7,5 +7,5 @@ categories: [ "video" ]
 tags: [gaussian, splat, neural]
 author: "Shannon Woods"
 image: /images/events/2025-05-20-getting-started-with-slang-draw-your-first-splat.webp
-source_url: "https://www.youtube.com/watch?v=oGAzYih8I3Q" 
+source_url: "/event/2025/04/30/getting-started-with-slang/" 
 ---

_posts/2025-06-05-getting-started-with-slang-reflections-api.md

@@ -0,0 +1,28 @@
+---
+layout: event
+title: "Getting Started with Slang: Reflections API"
+date: 2025-06-04 08:00:00
+end_date: 2025-07-08 10:00:00
+categories: [ "event" ]
+tags: [slang]
+author: ""
+image: /images/events/2025-07-slang-reflections-meetup-thumbnail.webp
+human_date: "🗓️ July 8, 2025"
+human_time: "🕜 8:00 USA PT"
+session_length: "⏱️ 45-60 minutes"
+---
+
+We know it: many developers that are just getting started with Slang find themselves daunted by the reflection API. During this meet-up we will explain the underlying mental model for how Slang reflects shader code and show specific code examples for how to use the reflection API to access the information that developers most often need. Along the way we will call out caveats and pitfalls that we’ve seen bite developers before.
+
+### Prerequisites
+
+This will be a practical nuts-and-bolts presentation that assumes attendees already have experience with GPU shader programming and the Vulkan API. Prior experience with the Slang reflection API and the features of the Slang language will be beneficial but is not required
+
+### Speaker
+
+- Theresa Foley, NVIDIA
+
+<br>
+<a class="btn btn-primary" href="https://khronosgroup.zoom.us/webinar/register/WN_ZLgU3umkSj6OvIXG_6Ds8A">Register</a>
+
+The Khronos Group is dedicated to providing a harassment-free conference experience for everyone. Visit our [Code of Conduct](https://www.khronos.org/about/code-of-conduct) page to learn more.