Add FOSDEM 2026 talks about Servo

Signed-off-by: Manuel Rego Casasnovas <[email protected]>

Author: mrego

_data/talks.json

@@ -1,4 +1,22 @@
 [
+  {
+    "title": "Implementing Streams Spec in Servo web engine",
+    "url": "https://fosdem.org/2026/schedule/event/3J8GUD-servo-streams-reimplementation/",
+    "authors": "Taym Haddadi",
+    "date": "Jan 2026",
+    "event": "FOSDEM 2026",
+    "event_url": "https://fosdem.org/2026/"
+  },
+  {
+    "title": "The Servo project and its impact on the web platform ecosystem",
+    "url": "https://fosdem.org/2026/schedule/event/LXFKS9-servo-project-impact/",
+    "slides": "https://servo.org/slides/2026-02-fosdem-servo-web-platform/",
+    "video": "https://mirrors.dotsrc.org/fosdem/2026/h1309/LXFKS9-servo-project-impact.av1.webm",
+    "authors": "Manuel Rego",
+    "date": "Jan 2026",
+    "event": "FOSDEM 2026",
+    "event_url": "https://fosdem.org/2026/"
+  },
   {
     "title": "Web engine CI on a Shoestring Budget",
     "url": "https://www.youtube.com/watch?v=-W1mSXdlRqA",

about.md

@@ -36,8 +36,10 @@ Servo's roadmap is defined in the [project wiki](https://github.com/servo/servo/
         <div class="blog-grid">
             {% for talk in talks limit:5 %}<div class="card">
                   <div class="card-content">
-                    {% if talk.youtube_id %}<div class="card-image">
+                    {% if talk.youtube_id %}<div class="card-video">
                       <iframe src="https://www.youtube.com/embed/{{ talk.youtube_id }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                    </div>{% elsif talk.video %}<div class="card-video">
+                      <video src="{{ talk.video }}" controls></video>
                     </div>{% endif %}<span class="tag">{{ talk.date }}{% if talk.event %} at <a href="{{ talk.event_url }}">{{ talk.event }}</a>{% endif %}</span>
                     <p class="post-title"><a href="{{ talk.url }}">{{ talk.title }}</a>{% if talk.slides %} <a href="{{ talk.slides }}" style="font-size: smaller;">[Slides]</a>{% endif %}</p>
                     <p class="post-summary">by {{ talk.authors }}</p>

assets/css/style.css.liquid

@@ -513,14 +513,18 @@ nav .inner-container {
       color: var(--darkturquoise);
     }
 
-    .blog .card-image {
+    .blog .card-image, .blog .card-video {
       float: left;
       margin-right: 2.25rem;
       max-width: 50%;
       min-width: 290px;
     }
 
-    .blog .card-image > iframe {
+    .blog .card-video {
+      max-width: 30%;
+    }
+
+    .blog .card-video > iframe {
       max-width: 100%;
     }