Add 2026/27 sponsors section

_data/sponsors.yaml

@@ -0,0 +1,11 @@
+title: 2026/27 sponsors
+sponsors:
+  - name: Capital One
+    tier: gold
+    logo: /assets/sponsorship/capital-one-logo.svg
+  - name: TPP
+    tier: silver
+    logo: /assets/sponsorship/tpp-logo.svg
+  - name: Interrupt Labs
+    tier: bronze
+    logo: /assets/sponsorship/interrupt-labs-logo.svg

_includes/sponsors.html

@@ -0,0 +1,21 @@
+<section class="sponsor-block">
+  <h2>{{ include.title | default: site.data.sponsors.title | escape }}</h2>
+  <ul class="sponsor-block__list">
+    {% for sponsor in site.data.sponsors.sponsors %}
+    <li class="sponsor-block__sponsor">
+      <h3 class="sponsor-block__tier sponsor-block__tier--{{ sponsor.tier }}">
+        {{ sponsor.tier | capitalize }}
+      </h3>
+      <div class="sponsor-block__logo">
+        <img
+          src="{{ sponsor.logo | relative_url }}"
+          alt="{{ sponsor.name | escape }}"
+          loading="lazy"
+          width="220"
+          height="110"
+        />
+      </div>
+    </li>
+    {% endfor %}
+  </ul>
+</section>

about.md

@@ -2,6 +2,7 @@
 layout: textpage
 title: About
 styles:
+- /css/sponsors.css
 - /css/about.css
 ---
 
@@ -116,13 +117,7 @@ Our society has won many achievements and awards, including:
     </div>
 </div>
 
-## 2024/2025 Sponsors 🤝
-
-This year, we are proudly sponsored by:
-
-<div class="sponsors-images">
-    <img src="assets/sponsorship/the-Trade-Desk_brand_image.png" alt="the Trade Desk" />
-</div>
+{% include sponsors.html %}
 
 If you or your company is interested in sponsoring CSS, please take a look at our sponsorship page: