Merge branch 'feature/2025-09-12' into feature/structural_edits

Author: jfparie

assets/scss/_custom.scss

@@ -152,8 +152,19 @@
 	border-color:#005aa7;
 	color:#005aa7;
 	border-radius: 100px;
-	width: 30px;
-	height: 30px;
+	width: 18px;
+	height: 18px;
 	background-color: #fff;
 	margin-left: 2px;
+	position: relative;
+	top: 6px;
+	b {
+		position: relative;
+		top: -7px;
+		font-size: 14px;
+	}
+}
+
+.tooltip-inner {
+	max-width: 400px;
 }

assets/scss/_landingpage.scss

@@ -444,10 +444,6 @@
     color: #005aa7 !important;
 }
 
-.landing-page-core-activities-row-subtitle {
-    margin-top: -10px;
-}
-
 .sublandingpage-banner-padding-bottom {
     padding-bottom: 7rem;
 }

assets/scss/templates/_main.scss

@@ -297,15 +297,24 @@ input[type="checkbox"] {
 }
 
 .border-left-blue{
-  border-left: 1px solid #005AA7;
+  border-left: 2px solid #005AA7;
+}
+
+.border-left-red {
+  border-left: 2px solid #FFCBBD;
 }
 
 .border-left-white{
-  border-left: 1px solid #ffffff;
+  border-left: 2px solid #ffffff;
 }
 
 .border-top-blue{
-  border-top: 1px solid #005AA7;
+  border-top: 2px solid #005AA7;
+  padding-top: 25px;
+}
+
+.border-top-red{
+  border-top: 2px solid #FFCBBD;
   padding-top: 25px;
 }
 

content/english/about/teams.md

@@ -93,8 +93,8 @@ team:
         name: Mackenzie Jorgensen PhD
         bio: |
           Postdoctoral Research Fellow, Northumbria University
-        accordion_content: ""
         linkedIn: "https://www.linkedin.com/in/mackenzie-j-447763142"
+        accordion_content: ""
       - image: /images/people/KProrokovic.jpeg
         name: Krsto Proroković
         bio: |
@@ -114,7 +114,9 @@ team:
         linkedIn: "https://www.linkedin.com/in/joelpersson"
         accordion_content: ""
   - title: Team software development
-    content: Part-time team working on software development, among others working on Algorithm Audit's tools and website
+    content: >-
+      Part-time team working on software development, among others working on
+      Algorithm Audit's tools and website
     icon: fas fa-code
     id: team-SD
     team_members:
@@ -174,7 +176,8 @@ team:
           Postdoctoral researcher AI, Media and Democracy Lab, University of
           Amsterdam
         linkedIn: "https://www.linkedin.com/in/laurens-naudts-9a935729"
-        accordion_content: ""
+        accordion_content: |
+          TEST
   - title: Executive team
     content: Full-time team coordinating the different activities of Algorithm Audit
     icon: fas fa-users
@@ -185,14 +188,16 @@ team:
         bio: |
           Director-board member
         linkedIn: "https://www.linkedin.com/in/jfparie/"
+        accordion_content: ""
       - image: /images/people/YRemmits.jpg
         name: Ylja Remmits
         bio: |
           Head of Projects
         linkedIn: "https://www.linkedin.com/in/ylja-remmits-21185188"
+        accordion_content: ""
 ---
 
-{{< about_AA id="about" >}}
+{{< about_AA >}}
 
 {{< team index="5" >}}
 

content/english/knowledge-platform/policy-observatory.md

@@ -5,6 +5,8 @@ subtitle: >
   and AI. On this page information is collected about these initiatives,
   including reference material that Algorithm Audit has developed.
 image: /images/svg-illustrations/knowledge_base.svg
+quick_navigation:
+  custom_page_width: '9'
 reports_preview:
   title: White papers
   icon: fas fa-file
@@ -93,4 +95,4 @@ Over the years, many Fundamental Rights Impact Assessments (FRIAs) have been dev
 
 {{< tab_content_close >}}
 
-{{< tab_content_close >}}
+{{< tab_content_close >}}

content/nederlands/_index.md

@@ -31,36 +31,36 @@ About:
 overview_block:
   activities:
     - title: Kennisplatform
-      subtitle: 'Expertise in statistiek, software development, recht en ethiek'
+      subtitle: "Expertise in statistiek, software development, recht en ethiek"
       url: /nl/knowledge-platform/
       icon: fa-light fa-layer-group
-      color: '#E3F0FE'
+      color: "#E3F0FE"
     - title: Algoprudentie
       subtitle: Case-based normatief advies voor verantwoorde AI
       url: /nl/algoprudence/
       icon: fa-light fa-scale-balanced
-      color: '#F7CDBF'
+      color: "#F7CDBF"
     - title: Technische tools
       subtitle: Open source tools voor validatie van algorithmische systemen
       url: /nl/technical-tools/
       icon: fa-light fa-toolbox
-      color: '#FFFDE4'
+      color: "#FFFDE4"
     - title: Projectwerk
       subtitle: >-
         Validatie, implementatie AI-verordening, organisatorische
         beheersmaatregelen etc.
       url: /nl/knowledge-platform/project-work/
       icon: fa-light fa-magnifying-glass-plus
-      color: '#E3F0FE'
+      color: "#E3F0FE"
 Activity_Feed:
   featured_title: Uitgelicht
   featured_activities:
-    - title: >-
-        Inventarisatie 14 ministries Algoritmeregister
+    - title: Inventarisatie 14 ministries Algoritmeregister
       intro: >
-        Afgelopen zomer hebben 14 Nederlandse ministeries hun inventarisaties van hoog-risico AI-systemen en impactvolle algoritmes gedeeld. Wij maakten een inventarisatie.
-      link: >-
-        /nl/knowledge-platform/knowledge-base/inventory_high_risk_ai_systems/
+        Afgelopen zomer hebben 14 Nederlandse ministeries hun inventarisaties
+        van hoog-risico AI-systemen en impactvolle algoritmes gedeeld. Wij
+        maakten een inventarisatie.
+      link: /nl/knowledge-platform/knowledge-base/inventory_high_risk_ai_systems/
       image: /images/knowledge_base/Inventarisatie Algoritmeregister.png
       date: 26-08-2025
       type: onderzoek
@@ -79,10 +79,8 @@ Activity_Feed:
   featured_button_link: /nl/knowledge-platform/knowledge-base/
   items_title: Aankomende events
   activities:
-    - title: >-
-        Expert rondetafel II: Kennisopbouw voor toezichthouder op AI
-      link: >-
-        https://unesdoc.unesco.org/ark:/48223/pf0000395086
+    - title: "Expert rondetafel II: Kennisopbouw voor toezichthouder op AI"
+      link: "https://unesdoc.unesco.org/ark:/48223/pf0000395086"
       image: /images/partner logo-cropped/UNESCO.png
       date: 30-09-2025
       type: paneldiscussie
@@ -113,7 +111,7 @@ Activity_Feed:
 Areas_of_AI_expertise:
   title: Expertise
   enable: true
-  width_m: 4
+  width_m: 6
   width_s: 12
   feature_item:
     - name: Socio-technische evaluatie generatieve AI
@@ -159,6 +157,22 @@ Areas_of_AI_expertise:
 
         style="text-decoration: underline;">publieke standaarden</a> voor
         verantwoord gebruik van algoritmische systemen.
+    - name: Op maat gemaakte technische hulpmiddelen
+      icon: fas fa-code
+      content: >
+        Voor specifieke toepassingen ten behoeven van de verantwoorde inzet van
+        algoritmes en AI ontwikkelt Algorith Audit technische tools. Zie
+        bijvoorbeeld onze open source tools voor <a
+        href="/nl/technical-tools/sdg/"
+        style="text-decoration: underline;">synthetische data
+        generatie</a> en <a
+        href="/nl/technical-tools/bdt/"
+        style="text-decoration: underline;">unsupervised bias
+        detectie</a>, zoals ontwikkeld in samenwerking
+        met het Ministerie van Binnenlandse Zaken en de Diesnt Uitvoering
+        Onderwijs (DUO). Onze tools zijn local-only. Dat betekent dat data de
+        omgeving van organisaties niet verlaten en er geen afhankelijkheden zijn
+        van cloudplatforms.
   button_text: Bespreek samenwerking
   button_link: /nl/knowledge-platform/project-work/#form
 Distinctive_in:
@@ -193,13 +207,13 @@ Supported_by:
   title: Samenwerking met
   funders:
     - image: /images/partner logo-cropped/CoE.png
-      link: 'https://www.coe.int/en/web/portal/home'
+      link: "https://www.coe.int/en/web/portal/home"
       alt_text: Raad van Europa
     - image: /images/partner logo-cropped/EAISF.png
-      link: 'https://europeanaifund.org/announcing-our-2022-open-call-grantees/'
+      link: "https://europeanaifund.org/announcing-our-2022-open-call-grantees/"
       alt_text: European AI&Society Fund
     - image: /images/partner logo-cropped/CEN.jpg
-      link: 'https://www.cencenelec.eu'
+      link: "https://www.cencenelec.eu"
       alt_text: Europees standaardiseringcomité
     - image: /images/partner logo-cropped/MinBZK.png
       link: >-
@@ -210,19 +224,18 @@ Supported_by:
         https://www.rijksoverheid.nl/ministeries/ministerie-van-justitie-en-veiligheid
       alt_text: Ministerie van Justitie en Veiligheid
     - image: /images/partner logo-cropped/DUO.png
-      link: 'https://duo.nl'
+      link: "https://duo.nl"
       alt_text: Dienst Uitvoering Onderwijs
     - image: /images/partner logo-cropped/GemeenteAmsterdam.png
-      link: 'https://www.amsterdam.nl'
+      link: "https://www.amsterdam.nl"
       alt_text: Gemeente Amsterdam
     - image: /images/partner logo-cropped/SIDN.png
-      link: 'https://www.sidnfonds.nl/projecten/open-source-ai-auditing'
+      link: "https://www.sidnfonds.nl/projecten/open-source-ai-auditing"
       alt_text: Stichting Internet en Democratie Nederland
     - image: /images/partner logo-cropped/NEN.svg
-      link: 'https://www.nen.nl'
+      link: "https://www.nen.nl"
       alt_text: Nederlands normalisatie instituut
 Title_video:
   title: Video
   video_mp4: /videos/AA_video_(1080p).mp4
 ---
-

i18n/en.toml

@@ -94,8 +94,5 @@ other = "Low risk"
 [search]
 other = "Search"
 
-[search-type-to-start]
-other = "Type to start searching"
-
 [search-no-results]
 other = "No results found"

i18n/nl.toml

@@ -94,8 +94,5 @@ other = "Laag risico"
 [search]
 other = "Zoeken"
 
-[search-type-to-start]
-other = "Typ om te beginnen met zoeken"
-
 [search-no-results]
 other = "Geen resultaten gevonden"

layouts/index.html

@@ -99,8 +99,8 @@
       }
 
       @media (max-width: 992px) {
-        top: 12px;
-        right: -11px;
+        top: -18px;
+        left: 14px;
       }
     }
 
@@ -244,14 +244,14 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>
               <a href=${item.url} class="container">
                 <div class="row search-result-row">
                   <div class="col-12 col-lg-2">
-                    <div class="position-absolute search-tags-mobile">
-                      ${tagToHtml(item.tag)}
-                    </div>
                     <div class="my-3 text-center image-frame">
                       <img class="image-fluid search-result-image d-inline p-2" src='${item.image}' alt='${item.title}' />
                     </div>
                   </div>
                   <div class="col-12 col-lg-10">
+                    <div class="position-absolute search-tags-mobile">
+                      ${tagToHtml(item.tag)}
+                    </div>
                     <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="position-absolute search-tags-desktop">
@@ -267,10 +267,14 @@ <h3 class="color-blue search-result-title">${item._highlightResult.title.value}<
           .join('');
       }
     );
+    let placeholderSearchText = '{{ if eq .Site.Language.Lang "en" }}Type to start searching{{else}}Typ om te beginnen met zoeken{{end}}';
+    if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+      placeholderSearchText = '{{ if eq .Site.Language.Lang "en" }}Type [\\] to start searching{{else}}Typ [\\] om te beginnen met zoeken{{end}}';
+    }
     search.addWidgets([
       instantsearch.widgets.searchBox({
         container: '#searchbox',
-        placeholder: '{{ i18n "search-type-to-start" }}',
+        placeholder: placeholderSearchText,
       }),
       instantsearch.widgets.configure({
         hitsPerPage: 8,
@@ -304,6 +308,14 @@ <h3 class="color-blue search-result-title">${item._highlightResult.title.value}<
       $(".search-overlay").addClass("d-none");
       $(".search-overlay").removeClass("d-block");
     });
+
+    $("a[title='Search']").on("click", function (e) {
+      setTimeout(() => $("input.ais-SearchBox-input").focus(), 50);
+    });
+
+    if(window.location.hash == "#search") {
+      setTimeout(() => $("input.ais-SearchBox-input").focus(), 50);
+    }
   });
 </script>
 <!-- /Search -->
@@ -327,7 +339,7 @@ <h3 class="section-title color-blue">{{ .title | markdownify }}</h3>
     <!-- areas of AI expertise -->
 
     <!-- desktop version -->
-    <div class="row justify-content-center desktop mx-3">
+    <div class="row justify-content-center desktop">
       {{$width_m := 4}}
       {{$width_s := 2}}
       {{if .width_m}}
@@ -337,7 +349,7 @@ <h3 class="section-title color-blue">{{ .title | markdownify }}</h3>
       {{$width_s = .width_s}}
       {{end}}
       {{ range $index, $item := .feature_item }}
-      <div class="col-md-{{$width_m}} col-sm-{{$width_s}} mb-4 {{if eq $index 0}}{{else}}border-left-blue{{end}}">
+      <div class="col-md-{{$width_m}} col-sm-{{$width_s}} mb-4 border-left-red">
         <div class="feature-card-transparant">
           <i class="{{$item.icon}} mb-3" style="font-size:22px;">
             <h4 class="color-blue d-inline-block" style="padding-left:10px; font-weight:100;">
@@ -354,7 +366,7 @@ <h4 class="color-blue d-inline-block" style="padding-left:10px; font-weight:100;
     <!-- mobile version -->
     <div class="row justify-content-center mobile">
       {{ range .feature_item }}
-      <div class="col-12 m-4 border-top-blue">
+      <div class="col-12 m-4 border-top-red">
         <div class="feature-card-transparant">
           <i class="{{.icon}} mb-3" style="font-size:22px;">
             <h4 class="color-blue d-inline-block" style="padding-left:10px; font-weight:100;">
@@ -411,7 +423,7 @@ <h3 class="section-title color-blue ml-4">{{ .title | markdownify }}</h3>
       {{$width_s = .width_s}}
       {{end}}
       {{ range $index, $item := .feature_item }}
-      <div class="col-md-{{$width_m}} col-sm-{{$width_s}} mb-4 {{if eq $index 0}}{{else}}border-left-blue{{end}}">
+      <div class="col-md-{{$width_m}} col-sm-{{$width_s}} mb-4 border-left-blue">
         <div class="feature-card-transparant">
           <i class="{{$item.icon}} mb-3" style="font-size:22px;">
             <h4 class="color-blue d-inline-block" style="padding-left:10px; font-weight:100;">

layouts/knowledge-platform/overview.html

@@ -83,8 +83,8 @@ <h2><a href="{{ .Permalink }}" title="{{ .Title }}" class="post-title">{{
                                     {{ end }}
                                     <div class="col-md-6 mb-4 facet-item" data-facets="{{$facets_for_data_attribute}}">
                                         <div class="shadow mobile-desktop-container-layout border-bottom-gradient rounded-lg">
-                                            <div style=" margin-left: auto; margin-right: auto; display: table;">
-                                                <img src="{{ .Params.image |relURL }}" alt="{{ .Title }}" style='height: 276px; margin-bottom: 25px;'>
+                                            <div>
+                                                <img src="{{ .Params.image |relURL }}" alt="{{ .Title }}" class="mx-auto mw-100" style='max-height: 350px; margin-bottom: 25px;'>
                                             </div>
                                             <div class="card-body p-0 mb-3">
                                                 <h3><a href="{{ .Permalink }}" title="{{ .Title }}" class="post-title" style="width:90%;">{{ .Title }}</a></h3>