shader-slang · csyonghe · May 7, 2025 · Apr 22, 2025 · Apr 22, 2025 · Apr 28, 2025
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 Gemfile
 Gemfile.lock
-_site/
+_site/
+upgrade-site.sh
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,5 +1,3 @@
-<div class="divider"></div>
-<footer class="footer">
   <div class="container">
     <p class="visually-hidden-focusable">Page footer starts here. <a href="#backtop">Return to main content</a></p>
     <div class="row">
@@ -23,7 +21,7 @@
 
 
           <div class="col-xs-12 col-sm-3 footer_details">
-            <h4>Community</h4>
+            <div class="h4">Community</div>
             {% if site.data.social %} {% include social.html %} {% endif %}
 
             <a href="/feed.xml" class="btn btn-primary btn-small text-uppercase"><svg fill="#FFFFFF" width="25" height="25" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
@@ -52,4 +50,3 @@ <h4>Community</h4>
       </div>
 
     </div>
-</footer>
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,4 +1,3 @@
-<div class='header'>
   <div class="container">
     <div class="logo">
       <a href="/"><img width="{{ site.logo.desktop_width }}" height="{{ site.logo.desktop_height }}" alt="{{ site.title }}" src="{{ site.logo.desktop | relative_url }}" /></a>
@@ -9,4 +8,3 @@
     {% include main-menu.html %}
     {% include hamburger.html %}
   </div>
-</div>
diff --git a/_includes/home-news-bar.html b/_includes/home-news-bar.html
@@ -31,6 +31,7 @@ <h4>{{ post.title }}</h4>
                                 {% elsif post.categories contains 'news' %}Read News Item
                                 {% elsif post.categories contains 'blog' %}Read Blog
                                 {% elsif post.categories contains 'presentation' %}View Presentation
+                                {% elsif post.categories contains 'event' %}Join Virtual Meetup
                                 {% else %}Read More
                                 {% endif %}
                             </a>

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -31,13 +31,18 @@
 <body class='page {{layout.bodyClass}}'>
   {% include main-menu-mobile.html %}
   <div id="wrapper">
+    <header class='header'>
     {% include header.html headerClass='header-extra' %}
+    </header>
     <main>
     {{content}}
     </main>
   </div>
+  <div class="divider"></div>
+  <footer class="footer">
   {% include footer.html %}
   {% include sub-footer.html %}
+  </footer>
   <script type="text/javascript" src="{{ '/assets/js/scripts.js' | relative_url }}"></script>
 </body>
 </html>
diff --git a/_layouts/event.html b/_layouts/event.html
@@ -0,0 +1,33 @@
+---
+layout: default
+bodyClass: "page-post"
+---
+
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+
+            <p><button class="btn btn-secondary">Virtual Meetup</button></p>
+
+            <h1>{{ page.title }}
+                <hr>
+            </h1>
+            <div class="metadata">
+                <div class="date">
+                {% if page.human_date and page.human_date != '' %}
+                 {{ page.human_date }}
+                {% endif %}
+                {% if page.human_date and page.human_time != '' %}
+                 | {{ page.human_time }}
+                {% endif %}
+                {% if page.human_date and page.session_length != '' %}
+                 | {{ page.session_length }}
+                {% endif %}
+                </div>
+            </div>
+
+
+            {{content}}
+        </div>
+    </div>
+</div>
diff --git a/_layouts/news.html b/_layouts/news.html
@@ -14,6 +14,43 @@ <h1 class="title">{{page.title}}</h1>
     </div>
 </div>
 
+{% assign upcoming_and_ongoing_events = site.categories.event | where_exp: "event", "event.end_date > site.time" %}
+{% if upcoming_and_ongoing_events and upcoming_and_ongoing_events.size > 0 %}
+<div class="section">
+    <div class="container">
+        <div class="row">
+            <h3>Events
+                <hr>
+            </h3>
+
+            <div class="grid gridNews">
+                {% for event in upcoming_and_ongoing_events %}
+                <div class="g-col-12 g-col-sm-6 g-col-md-4">
+                    <div class="card shadow">
+                        {% if event.image %}
+                        <img src="{{ event.image }}" class="card-img-top img-fluid" alt="{{ event.title }}">
+                        {% else %}
+                        <img src="/images/posts/latest-feature.webp" class="card-img-top img-fluid"
+                            alt="{{ event.title }}">
+                        {% endif %}
+                        <div class="card-body">
+                            <div class="card-text">{{ event.human_date }}</div>
+                            <div class="card-tagline">{{ event.tagline }}</div>
+                            <div class="card-title">
+                                <h4>{{ event.title }}</h4>
+                            </div>
+                            <a class="btn btn-primary" href="{{ event.url | relative_url }}">View Event</a>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+
+        </div>
+    </div>
+</div>
+{% endif %}
+
 {% assign featured_posts = site.posts | where: "featured", true %}
 {% assign category_posts = featured_posts | where: "categories", "news" %}
 {% if category_posts and category_posts.size > 0 %}
@@ -130,40 +167,5 @@ <h4>{{ post.title }}</h4>
 </div>
 {% endif %}
 
-{% assign upcoming_and_ongoing_events = site.events | where_exp: "event", "event.end_date > site.time" %}
-{% if upcoming_and_ongoing_events and upcoming_and_ongoing_events.size > 0 %}
-<div class="section">
-    <div class="container">
-        <div class="row">
-            <h3>Events
-                <hr>
-            </h3>
 
-            <div class="grid gridNews">
-            {% for event in upcoming_and_ongoing_events %}
-                <div class="g-col-12 g-col-sm-6 g-col-md-4">
-                    <div class="card shadow">
-                        {% if event.image %}
-                        <img src="{{ event.image }}" class="card-img-top img-fluid" alt="{{ event.title }}">
-                        {% else %}
-                        <img src="/images/posts/latest-feature.webp" class="card-img-top img-fluid"
-                            alt="{{ event.title }}">
-                        {% endif %}
-                        <div class="card-body">
-                            <div class="card-text">{{ event.human_date }}</div>
-                            <div class="card-tagline">{{ event.tagline }}</div>
-                            <div class="card-title">
-                                <h4>{{ event.title }}</h4>
-                            </div>
-                            <a class="btn btn-primary" href="{{ event.source_url }}">View Event</a>
-                        </div>
-                    </div>
-                </div>
-                {% endfor %}
-            </div>
-
-        </div>
-    </div>
-</div>
-{% endif %}
 
diff --git a/_posts/2025-05-10-getting-started-with-slang.md b/_posts/2025-05-10-getting-started-with-slang.md
@@ -0,0 +1,40 @@
+---
+layout: event
+title: "Getting Started with Slang: Draw Your First Splat"
+date: 2025-04-30 17:00:00
+end_date: 2025-05-10 17:00:00
+categories: [ "event" ]
+tags: [slang]
+author: "Shannon Woods, NVIDIA, Slang Working Group Chair"
+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"
+---
+
+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.
+
+## We'll cover everything you need to get started
+
+- Setting up Slang for development
+- Understanding the basics of Gaussian splats
+- Writing and compiling your first Slang shader
+
+<br>
+This beginner-friendly session includes step-by-step code examples and demonstrations, with time for Q&A. By the end, you'll understand how to use Slang and be ready to explore the training process.
+
+## Prerequisites
+
+- Basic understanding of computer graphics concepts
+- Familiarity with shader or kernel programming languages (HLSL, GLSL, etc)
+- No prior Slang or Gaussian splatting experience required
+- Optional: Have Slang compiler installed if you want to follow along  
+
+## Speakers
+
+- Shannon Woods, Slang Working Group Chair. NVIDIA.
+
+<br>
+<a class="btn btn-primary" href="https://khronosgroup.zoom.us/webinar/register/WN_H57vtAYZS3OSZwWXxkJ7uw">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.
diff --git a/_sass/components/_buttons.scss b/_sass/components/_buttons.scss
@@ -4,7 +4,6 @@
   height: 40px;
   line-height: 40px;
   padding: 0 14px;
-  //box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
   background: $primary;
   border-radius: 4px;
   font-size: 14px;

diff --git a/_sass/components/_main-menu.scss b/_sass/components/_main-menu.scss
@@ -16,7 +16,7 @@
         display: inline-block;
         font-weight: normal;
         text-decoration: none;
-        color: $black;
+        color: $slangblack;
         &:hover {
           color: $white;
           background-color: $primary;

diff --git a/_sass/components/_type.scss b/_sass/components/_type.scss
@@ -1,5 +1,5 @@
 p {
-  color: $steel;
+  color: $slangblack;
   font-family: $font-family-base;
   margin-bottom: 20px;
 }

diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -10,6 +10,7 @@ $black: #333333;
 $white: #ffffff;
 $white-offset: #fff6f8;
 $steel: #5c5a5a;
+$slangblack: #212529;
 
 // Links
 $link-color: $primary;

diff --git a/images/events/2025-05-gaussian-splat-meetup-image.webp b/images/events/2025-05-gaussian-splat-meetup-image.webp