Update About page logos

app/_data/supporters.yaml

@@ -1,15 +1,42 @@
+institutions:
+  - name: Harvard Law School
+    logo: supporters/harvard-law-school-logo.png
 
-- name: Harvard Law School
-  logo: harvard-law-school-logo.png
+  - name: Berkman Klein Center for Internet & Society
+    logo: supporters/bkc-logo.svg
 
-- name: Filecoin Foundation for the Decentralized Web
-  logo: ffdw-logo.png
+foundations:
+  - name: Filecoin Foundation for the Decentralized Web
+    logo: supporters/ffdw-logo.png
 
-- name: LexisNexis
-  logo: lexisnexis-logo.png
+  - name: Institute of Museum and Library Services
+    logo: supporters/imls-logo.jpg
 
-- name: OpenAI
-  logo: openai-logo.png
+  - name: Knight Foundation
+    logo: supporters/knight-logo.png
 
-- name: Meta
-  logo: meta-logo.png
+nonprofits:
+  - name: Internet Archive
+    logo: supporters/ia-logo.svg
+
+  - name: Webrecorder
+    logo: supporters/webrecorder-logo.png
+
+  - name: Free Law Project
+    logo: supporters/flp-logo.svg
+
+companies:
+  - name: Cloudflare
+    logo: supporters/cloudflare-logo.png
+
+  - name: LexisNexis
+    logo: supporters/lexisnexis-logo.png
+
+  - name: Thomson Reuters
+    logo: supporters/tr-logo.png
+
+  - name: OpenAI
+    logo: supporters/openai-logo.png
+
+  - name: Fastcase
+    logo: supporters/fastcase-logo.png

app/_includes/about-sponsor-group.html

@@ -0,0 +1,10 @@
+<div class="flex flex-wrap justify-center gap-48 mb-24 mt-24">
+  {% for supporter in include.supporters %}
+    <div>
+      <img src="/assets/images/{{ supporter.logo }}" 
+           class="h-[100px]"
+           alt="{{ supporter.name }} Logo"
+           style="filter: grayscale(100%);" />
+    </div>
+  {% endfor %}
+</div>

app/_our_work/democratizing-open-knowledge.md

@@ -1,6 +1,6 @@
 ---
 category: research
-subcategory: Upcoming
+subcategory: Access to Knowledge
 retired: false
 retired_date:
 

app/about/index.html

@@ -112,11 +112,15 @@ <h2 class="h2 tbl:mt-12 tbl:mb-24">Past Affiliates</h2>
 
   <section class="container">
     <h2 class="h2 mt-12 md:mt-0 mb-48 tbl:mb-36 md:mb-60">Supported By</h2>
-    <div class="flex flex-wrap flex-col tbl:grid tbl:grid-cols-2 xl:grid-cols-3 gap-y-24 sm:gap-y-36 tbl:gap-y-18 md:gap-y-36 lg:gap-y-48 items-center justify-center">
-      {% for supporter in site.data.supporters %}
-        <div class="tbl:m-auto"><img class="max-w-[50vw] sm:max-w-auto" src="/assets/images/{{ supporter.logo }}" alt="{{ supporter.name }} Logo" /></div>
-      {% endfor %}
-    </div>
+    <p class="body-text mb-48">We gratefully acknowledge support from, and collaboration with, these organizations.</p>
+
+    {% include about-sponsor-group.html supporters=site.data.supporters.institutions %}
+    <hr class="w-[200px] mx-auto my-12 border-t-4 border-gray-300">
+    {% include about-sponsor-group.html supporters=site.data.supporters.foundations %}
+    <hr class="w-[200px] mx-auto my-12 border-t-4 border-gray-300">
+    {% include about-sponsor-group.html supporters=site.data.supporters.nonprofits %}
+    <hr class="w-[200px] mx-auto my-12 border-t-4 border-gray-300">
+    {% include about-sponsor-group.html supporters=site.data.supporters.companies %}
   </section>
 
 </div>