Merge pull request #321 from NGO-Algorithm-Audit/feature/2025-08-22

jfparie · web-flow · commit 992e90320124 · 2025-08-22T15:22:09.000+02:00
Feature/2025 08 22
diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
@@ -16,13 +16,6 @@
 	text-decoration-color: #005aa7;
 }
 
-.highlight-blue {
-	background-color: #005aa7;
-	color: #fff;
-	margin: 0.25rem 0.25rem 0.5rem 0.25rem !important;
-	padding: 0.25rem 0.5rem !important;
-}
-
 .highlight-red {
 	border: #FFCBBD 0.5rem solid;
 	border-radius: 1.4rem;
diff --git a/content/english/about/teams.md b/content/english/about/teams.md
@@ -1,8 +1,24 @@
 ---
 title: Teams
 subtitle: >
-  Algorithm Audit consists of an executive team and a collection of multidisciplinary experts that contribute to projects on a part-time basis.
+  Algorithm Audit consists of an executive team and a collection of
+  multidisciplinary experts that contribute to projects on a part-time basis.
 image: /images/svg-illustrations/about.svg
+quick_navigation:
+  title: Overview
+  links:
+    - title: Core activities
+      url: "#about"
+    - title: Executive team
+      url: "#executive-team"
+    - title: Legal experts
+      url: "#team-legal"
+    - title: Team LLMs
+      url: "#team-LLMs"
+    - title: Team unsupervised bias detection
+      url: "#team-BDT"
+    - title: Team synthetic data generation
+      url: "#team-SDG"
 about_AA:
   title: Core activities
   content: >-
@@ -16,9 +32,9 @@ about_AA:
       image: /images/about/knowledge-platform.svg
       content: >
         Bringing together experts and knowledge to foster the collective
-        learning process on the responsible use of algorithms, see our
-        [white papers](/knowledge-platform/knowledge-base/) and
-        [public standards](/knowledge-platform/knowledge-base/).
+        learning process on the responsible use of algorithms, see our [white
+        papers](/knowledge-platform/knowledge-base/) and [public
+        standards](/knowledge-platform/knowledge-base/).
     - subtitle: Normative advice commissions
       image: /images/about/commission.svg
       content: >
@@ -29,122 +45,127 @@ about_AA:
       image: /images/about/technical-tools.svg
       content: >
         Implementing and testing technical tools to detect and mitigate bias,
-        e.g., sociotechnical evaluation of generative AI, [unsupervised bias detection](/technical-tools/bdt/) and [synthetic data generation](/technical-tools/sdg/).
+        e.g., sociotechnical evaluation of generative AI, [unsupervised bias
+        detection](/technical-tools/bdt/) and [synthetic data
+        generation](/technical-tools/sdg/).
     - subtitle: Project work
       image: /images/about/project.svg
       content: >
-        [Supporting](/knowledge-platform/project-work/) public and private sector
-        organisations with specific questions regarding responsible use of AI, from a not-for-profit perspective.
+        [Supporting](/knowledge-platform/project-work/) public and private
+        sector organisations with specific questions regarding responsible use
+        of AI, from a not-for-profit perspective.
 team:
-  - id: team-SDG
-    title: Team synthetic data generation
+  - title: Team synthetic data generation
     content: Part-time team working on synthetic data generation tool
     icon: fas fa-table
     button_text: More about the tool
+    id: team-SDG
     button_link: /technical-tools/sdg/
     team_members:
       - image: /images/people/EMenvouta.jpeg
         name: Emmanuel Menvouta PhD
         bio: |
           Freelance machine learning engineer, specialized in SDG methodology
+        accordion_content: ""
       - image: /images/people/MLisdonk.png
         name: Maikel van de Lisdonk
         bio: |
           Freelance software developer
+        accordion_content: ""
       - image: /images/people/RLangius.jpg
         name: Ruben Langius
         bio: |
           Freelance software developer
-  - id: team-BDT
-    title: Team unsupervised bias detection
+        accordion_content: ""
+  - title: Team unsupervised bias detection
     content: Part-time team working on unsupervised the bias detection tool
     icon: fas fa-search
     button_text: More about the tool
+    id: team-BDT
     button_link: /technical-tools/bdt/
     team_members:
       - image: /images/people/KPadh.jpeg
         name: Kirtan Padh
         bio: |
           PhD-candidate Causal Inference and Machine Learning, TU München
+        accordion_content: ""
       - image: /images/people/MJorgensen.jpeg
         name: Mackenzie Jorgensen
         bio: |
           PhD-candidate Computer Science, King’s College London
+        accordion_content: ""
       - image: /images/people/KProrokovic.jpeg
         name: Krsto Proroković
         bio: |
           PhD-candidate, Swiss AI Lab IDSIA
+        accordion_content: ""
       - image: /images/people/FHolstege.jpeg
         name: Floris Holstege
         bio: |
           PhD-candidate Machine Learning, University of Amsterdam
+        accordion_content: ""
       - image: /images/people/JPersson.jpeg
         name: Joel Persson PhD
         bio: |
           Research Scientist, Spotify
-  - id: team-LLMs
-    title: Team Large Language Models (LLMs)
-    content: Part-time team working on socio-technical evaluation of Large Language Models
+        accordion_content: ""
+  - title: Team Large Language Models (LLMs)
+    content: >-
+      Part-time team working on socio-technical evaluation of Large Language
+      Models
     icon: fas fa-robot
     button_text: More about our evaluations
+    id: team-LLMs
     button_link: /knowledge-platform/project-work/#LLM-validation
     team_members:
       - image: /images/people/JChristoph.png
         name: Joël Christoph
         bio: |
           PhD-candidate European University Institute
+        accordion_content: ""
       - image: /images/people/TvanOsch.jpg
         name: Thomas van Osch
         bio: |
           ML engineer
+        accordion_content: ""
       - image: /images/people/TDriessen.jpg
         name: Tom Driessen
         bio: |
           PhD-candidate Cognitive Robotics, TU Delft
-  - id: team-legal
-    title: Legal experts
+        accordion_content: ""
+  - title: Legal experts
     content: Part-time team working on human rights and data privacy challenges
     icon: fas fa-search
+    id: team-legal
     team_members:
       - image: /images/people/IPapageorgiou.jpg
         name: Ioanna Papageorgiou
         bio: |
           Doctoral researcher AI Fairness & Privacy, University of Hannover
+        accordion_content: ""
       - image: /images/people/LNaudts.jpg
         name: Laurens Naudts
-        bio: |
-          Postdoctoral researcher AI, Media and Democracy Lab, University of Amsterdam
-  - id: executive-team
-    title: Executive team
+        bio: >
+          Postdoctoral researcher AI, Media and Democracy Lab, University of
+          Amsterdam
+        accordion_content: ""
+  - title: Executive team
     content: Full-time team coordinating the different activities of Algorithm Audit
     icon: fas fa-users
+    id: executive-team
     team_members:
       - image: /images/people/JParie.jpg
         name: Jurriaan Parie
         bio: |
           Director-board member
+        linkedIn: "https://www.linkedin.com/in/jfparie/"
       - image: /images/people/YRemmits.jpg
         name: Ylja Remmits
         bio: |
           Head of Projects
-quick_navigation:
-  title: Overview
-  links:
-    - title: Core activities
-      url: "#about"
-    - title: Executive team
-      url: "#executive-team"
-    - title: Legal experts
-      url: "#team-legal"
-    - title: Team LLMs
-      url: "#team-LLMs"
-    - title: Team unsupervised bias detection
-      url: "#team-BDT"
-    - title: Team synthetic data generation
-      url: "#team-SDG"
 ---
 
-{{< about_AA id="about" >}}
+{{< about_AA >}}
 
 {{< team index="4" >}}
 
@@ -154,4 +175,4 @@ quick_navigation:
 
 {{< team index="1" >}}
 
-{{< team  index="0" >}}
+{{< team index="0" >}}
diff --git a/layouts/algoprudence/repository.html b/layouts/algoprudence/repository.html
@@ -74,7 +74,7 @@ <h4 class="mb-4" style="color: #005aa7;">
                                                     {{ range $facet := $algoprudence.facets }}
                                                     {{ if $facet.hide }}
                                                     {{ else }}
-                                                    <span style="background-color: #005aa7; color: #ffffff;" class="mr-1 mb-2 px-2 py-1 mx-1">{{$facet.label}}</span>
+                                                    <span class="highlight-red-sm m-1">{{$facet.label}}</span>
                                                     {{ end }}
                                                     {{end}}
                                                 </div>
diff --git a/layouts/events/overview.html b/layouts/events/overview.html
@@ -60,15 +60,14 @@ <h4 class="mb-4 mx-3" style="color: #005aa7;">
                                                     </div>
                                                     <div class="row pl-3" style="position: absolute; bottom: 0; font-weight: 300; font-size: 15px;">
                                                         {{ if $event.date }}
-                                                        <span style="color:#005aa7;" class="mr-1 mb-2 px-2 py-1 mx-1">
+                                                        <span class="highlight-red-sm mr-2">
                                                             {{ $event.date }}
                                                         </span>
                                                         {{ end }}
                                                         {{ range $facet := $event.facets }}
                                                         {{ if $facet.hide }}
                                                         {{ else }}
-                                                        <span style="background-color: #005aa7; color: #ffffff;"
-                                                            class="mr-1 mb-2 px-2 py-1 mx-1">{{$facet.label}}</span>
+                                                        <span class="highlight-red-sm">{{$facet.label}}</span>
                                                         {{ end }}
                                                         {{end}}
                                                     </div>
diff --git a/layouts/index.html b/layouts/index.html
@@ -76,7 +76,11 @@
     }
 
     .search-result-title {
-      margin-top: 40px;
+      margin-top: 25px;
+    }
+
+    .search-result-subtitle {
+      text-overflow: ellipsis;
     }
 
     .search-tags-desktop {
@@ -85,7 +89,7 @@
       }
 
       @media (min-width: 992px) {
-        bottom: 13px;
+        bottom: 20px;
       }
     }
 
@@ -250,7 +254,7 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>
                   <div class="col-12 col-lg-10">
                     <h3 class="color-blue search-result-title">${item._highlightResult.title.value}</h3>
                     <p class="color-gray search-result-subtitle">${item._highlightResult.subtitle.value}</p>
-                    <div class="pt-3 search-tags-desktop">
+                    <div class="position-absolute search-tags-desktop">
                       ${tagToHtml(item.tag)}
                     </div>
                   </div>
diff --git a/layouts/knowledge-platform/overview.html b/layouts/knowledge-platform/overview.html
@@ -96,8 +96,7 @@ <h3><a href="{{ .Permalink }}" title="{{ .Title }}" class="post-title" style="wi
                                                 {{ range $facet := $item.Params.facets }}
                                                     {{ if $facet.hide }}
                                                     {{ else }}
-                                                    <span style="background-color: #005aa7; color: #ffffff;"
-                                                        class="mr-1 mb-2 px-2 py-1 mx-1">{{$facet.label}}</span>
+                                                    <span class="highlight-red-sm m-1">{{$facet.label}}</span>
                                                     {{ end }}
                                                 {{end}}
                                             </div>
diff --git a/layouts/partials/page-header.html b/layouts/partials/page-header.html
@@ -22,20 +22,7 @@ <h2 class="pr-5" style="color:#005aa7;">{{ .Params.Title | markdownify }}</h2>
   </div>
 </section>
 
-{{ $divider_block_class := "divider-blocks"}}
-{{ $divider_lower_block_class := "lower-blocks"}}
-
-{{ if eq .Params.background_color "#f9f9f9" }}
-{{$divider_block_class = "divider-blocks__grey"}}
-{{$divider_lower_block_class = "lower-blocks__grey"}}
-{{end}}
-
 <!-- Divider block elements -->
-<div class="row" id="gradient-line-blocks">
-  <div class="col-12 {{$divider_block_class}}">
-    <div class="row upper-blocks" id="box1"></div>
-    <div class="row {{$divider_lower_block_class}} justify-content-center border-gradient"
-      style="border-image:linear-gradient(to right, #FFFDE4, #ffcbbd) 1 0 0 0;"></div>
-  </div>
+<div class="border-bottom-gradient">
 </div>
 <!-- /Divider block elements -->
diff --git a/layouts/shortcodes/accordion_item_open.html b/layouts/shortcodes/accordion_item_open.html
@@ -22,19 +22,19 @@ <h4 class="mb-4 mx-1" style="color: #005aa7;">
 
                         {{ $facet := .Get "tag1" }}
                         {{ if $facet }}
-                        <span style="background-color: #005aa7; color: #ffffff;" class="mr-1 mb-2 px-2 py-1 mx-1">
+                        <span class="highlight-red-sm m-1">
                             {{ $facet }}
                         </span>
                         {{ end }}
                         {{ $facet := .Get "tag2" }}
                         {{ if $facet }}
-                        <span style="background-color: #005aa7; color: #ffffff;" class="mr-1 mb-2 px-2 py-1 mx-1">
+                        <span class="highlight-red-sm m-1">
                             {{ $facet }}
                         </span>
                         {{ end }}
                         {{ $facet := .Get "tag3" }}
                         {{ if $facet }}
-                        <span style="background-color: #005aa7; color: #ffffff;" class="mr-1 mb-2 px-2 py-1 mx-1">
+                        <span class="highlight-red-sm m-1">
                             {{ $facet }}
                         </span>
                         {{ end }}
diff --git a/layouts/shortcodes/team.html b/layouts/shortcodes/team.html
diff --git a/tina/collections/shared/page/building_blocks.ts b/tina/collections/shared/page/building_blocks.ts
diff --git a/tina/tina-lock.json b/tina/tina-lock.json

Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,11 @@`
`76`	`76`	`}`
`77`	`77`
`78`	`78`	`.search-result-title {`
`79`		`- margin-top: 40px;`
	`79`	`+ margin-top: 25px;`
	`80`	`+ }`
	`81`	`+`
	`82`	`+ .search-result-subtitle {`
	`83`	`+ text-overflow: ellipsis;`
`80`	`84`	`}`
`81`	`85`
`82`	`86`	`.search-tags-desktop {`
`@@ -85,7 +89,7 @@`
`85`	`89`	`}`
`86`	`90`
`87`	`91`	`@media (min-width: 992px) {`
`88`		`- bottom: 13px;`
	`92`	`+ bottom: 20px;`
`89`	`93`	`}`
`90`	`94`	`}`
`91`	`95`
`@@ -250,7 +254,7 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>`
`250`	`254`	`<div class="col-12 col-lg-10">`
`251`	`255`	`<h3 class="color-blue search-result-title">${item._highlightResult.title.value}</h3>`
`252`	`256`	`<p class="color-gray search-result-subtitle">${item._highlightResult.subtitle.value}</p>`
`253`		`- <div class="pt-3 search-tags-desktop">`
	`257`	`+ <div class="position-absolute search-tags-desktop">`
`254`	`258`	`${tagToHtml(item.tag)}`
`255`	`259`	`</div>`
`256`	`260`	`</div>`