Clean up events pages - add new event (#168)

* Fix order error in import statements

* Remove need for seo.yml data

* Add option for variable event button label

* Add new event

* Cleanup date formatting on events

* Fix typos

---------

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

Author: MilesHarding

_data/seo.yml

@@ -35,9 +35,9 @@ <h3>What's New
                                 <h4>{{ post.title }}</h4>
                             </div>
                             {% if post.human_date and post.human_date != '' %}
-                            <div class="card-text">{{ post.human_date | date_to_string }}</div>
+                            <div class="card-text">{{ post.human_date }}</div>
                             {% else %}
-                            <div class="card-text">{{ post.date | date_to_string }}</div>
+                            <div class="card-text">{{ post.date | date: "%B %-d, %Y" }}</div>
                             {% endif %}
                             <a class="btn btn-primary" href="{% if post.source_url and post.source_url != '' %}{{ post.source_url }}{% else %}{{ post.url | relative_url }}{% endif %}">
 
@@ -46,7 +46,12 @@ <h4>{{ post.title }}</h4>
                                 {% elsif post.categories contains 'blog' %}Read Blog
                                 {% elsif post.categories contains 'presentation' %}View Presentation
                                 {% elsif post.categories contains 'video' %}Watch Video
-                                {% elsif post.categories contains 'event' %}Join Virtual Meetup
+                                {% elsif post.categories contains 'event' %}
+                                    {% if post.event_button_label != '' %}
+                                        {{ post.event_button_label }}
+                                    {% else %}
+                                        Join Virtual Meetup
+                                    {% endif%}
                                 {% else %}Read More
                                 {% endif %}
                             </a>

_includes/home-news-bar.html

@@ -4,10 +4,7 @@
       <div class="col-12">
         <div class="sub-footer-inner">
           <div class="copyright">© The Khronos<sup>®</sup> Group Inc. {{ "now" | date: "%Y" }}. All rights reserved.</div>
-              </div>
-<br>
-        <div class="sub-footer-inner">
-
+        </div>
       </div>
     </div>
   </div>

_includes/sub-footer.html

@@ -26,7 +26,7 @@ <h1>{{ page.title }}
             <div class="metadata">
                 <div class="date">
                 {% if page.human_date and page.human_date != '' %}
-                 {{ page.human_date }}
+                 🗓️ {{ page.human_date }}
                 {% endif %}
                 {% if page.human_time and page.human_time != '' %}
                  | {{ page.human_time }}

_layouts/event.html

@@ -8,15 +8,19 @@ tags: [slang]
 event_type: ""
 author: ""
 image: "/images/events/2025-11-18-slang-graphics-programming-conference-2025.webp"
-human_date: "🗓️ November 18-20, 2025"
+human_date: "November 18-20, 2025"
+event_button_label: "Learn More"
 ---
 
 **Location**: Breda, The Netherlands  
 **Website**: <a href="https://graphicsprogrammingconference.com/" target="_blank">https://graphicsprogrammingconference.com/</a>
 
 
-In its second year, Graphics Programmaing Conference will have the latest advances in real-time rendering in games, interactive application and other new developments.
+In its second year, Graphics Programming Conference will have the latest advances in real-time rendering in games, interactive applications and other new developments.  
 
-Slang Working Group Chair, Shannong Woods will be speaking on Slang, the open-source, cross-platform shading language hosted by Khronos Group. This presentation explores how Slang's modern features enable neural graphics techniques across diverse GPU platforms. We will examine Slang's key architectural advantages: its modular system for scalable shader development, built-in automatic differentiation capabilities, and seamless cross-platform compilation. We will explore Slang's automatic differentiation system, enabling gradient-based optimization without requiring external ML frameworks. By understanding Slang's language design and capabilities, graphics programmers can leverage its neural graphics features to build more sophisticated and performant shader systems, unlocking new possibilities in real-time rendering across all target platforms.
+**Wednesday, November 19th at 16:00**
+
+Slang Working Group Chair, Shannon Woods, will lead a session on Slang, the open-source, cross-platform shading language hosted by the Khronos Group. 
+This presentation will explore how Slang's modern features enable neural graphics techniques across diverse GPU platforms. We will examine Slang's key architectural advantages: its modular system for scalable shader development, built-in automatic differentiation capabilities, and seamless cross-platform compilation. We will explore Slang's automatic differentiation system, enabling gradient-based optimization without requiring external ML frameworks. By understanding Slang's language design and capabilities, graphics programmers can leverage its neural graphics features to build more sophisticated and performant shader systems, unlocking new possibilities in real-time rendering across all target platforms.
 
 <a class="btn btn-primary" href="https://graphicsprogrammingconference.com/" target="_blank">View the GPC2025 Website</a>

_posts/2025-09-12-graphics-programming-conference-2025.md

@@ -0,0 +1,36 @@
+---
+layout: event
+title: "Getting Started with Slang: Automatic Differentiation"
+date: 2025-10-06 08:00:00
+end_date: 2025-10-21 09:00:00
+categories: [ "event" ]
+tags: [slang]
+event_type: ""
+author: ""
+image: "/images/events/2025-10-21-Slang-Auto-Diff-Banner.webp"
+human_date: "October 21, 2025"
+event_button_label: "Learn More"
+---
+
+## Automatic Differentiation
+
+Join us for a focused deep dive on automatic differentiation in Slang with Shannon Woods. This session distills the core concepts of autodiff, emphasizing how forward and reverse modes work, how gradients propagate, and how to reason about correctness and efficiency with clear, minimal examples.
+
+**What we’ll cover:**
+- Forward and backward gradient propagation: intuition and step‑by‑step examples
+- How to invoke autodiff from Slang
+- Diff pairs and the forward/backward operators
+- Differentiable vs. non‑differentiable types; making custom structs differentiable
+- Providing custom derivatives for fine‑grained control
+- Handling buffer access and gradient accumulation patterns
+- Practical techniques for debugging and validating gradients
+<br><br>
+
+**Who should attend:**
+- Graphics engineers exploring optimization or inverse problems
+- Researchers and practitioners in differentiable rendering or neural graphics
+- Developers curious about practical, GPU‑friendly autodiff concepts
+- Bring your questions—there will be time for discussion and hands‑on gradient debugging tips.  
+
+
+<p><br><a class="btn btn-primary" href="https://khronosgroup.zoom.us/webinar/register/WN_ynYZnewkRvmoM5Fgbx-iYA" target="_blank">Register</a></p>

_posts/2025-10-06-getting-started-with-slang-automatic-differentiation.md

@@ -1,6 +1,11 @@
 ---
 ---
 
+// Bootstrap 5.3.2
+
+// 1. Include Bootstrap functions first
+@import "bootstrap/functions";
+
 // Colors
 
 $primary: #105f65 !default;
@@ -32,11 +37,6 @@ $sub-footer-text-color: #6b8298;
 // Enable proper CSS Grid
 $enable-cssgrid: true;
 
-// Bootstrap 5.3.2
-
-// 1. Include Bootstrap functions first
-@import "bootstrap/functions";
-
 // 2. Include our variable overrides here
 @import "bootstrap-variables";