Merge pull request #325 from NGO-Algorithm-Audit/feature/2025-08-29

Feature/2025 08 29

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;
 }

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 >}}

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">

layouts/partials/sublanding-page-header.html

@@ -35,7 +35,7 @@ <h3 style="color: {{$color}} !important" class="{font-size-1_3rem">{{.Params.tit
         <div class="container pb-5">
           {{ range .Params.subpage_links }}
           <a href={{.url}} class="row justify-content-center">
-            <div style="background-color: {{.color}};" class="rounded-lg col color-blue p-0 my-2">
+            <div style="background-color: {{.color}}};" class="rounded-lg col color-blue p-0 my-2">
               <div class="row mx-4 py-3">
                   <i class="font-size-1_5rem fa {{ .icon }}"></i>
                   <h3 class="color-blue font-size-1_5rem ml-4">{{.title}}</h3>

layouts/section/sublandingpage.html

@@ -28,7 +28,7 @@ <h3>{{.Params.quick_navigation.title}}</h3>
       </div>
       <div class="col-lg-2 col-12"></div>
       {{ else }}
-      <div class="col-12 mx-auto">
+      <div class="col-12 {{if.Params.quick_navigation.custom_page_width}}col-lg-{{.Params.quick_navigation.custom_page_width}}{{end}} mx-auto">
         <div class="content">{{ .Content }}</div>
       </div>
       {{ end }}

layouts/shortcodes/team.html

@@ -17,20 +17,20 @@ <h3 class="pl-3">{{ .title | markdownify }}
     </h3>
 
     {{ end }}
-
+    {{ $accordion_team_id := .id }}
     <!-- team members -->
     <div class="container-team mt-4">
       <p>{{ .content | markdownify }}</p>
       <div class="row">
-        {{ range .team_members }}
-        {{ if .accordion_id}}
+        {{ range $memberIndex, $teamMember := .team_members }}
+        {{ if .accordion_content }}
         <script>
           docReady(function () {
-            new Accordion('#accordion_area_team_{{.accordion_id}}');
+            new Accordion('#accordion_area_team_{{$accordion_team_id}}_{{$memberIndex}}');
           });
         </script>
         {{ end }}
-        <div class="col-md-6 col-12 team-member p-3 " id="accordion_area_team_{{.accordion_id}}">
+        <div class="col-md-6 col-12 team-member p-3 " id="accordion_area_team_{{$accordion_team_id}}_{{$memberIndex}}">
           <div class="row {{if .accordion_content}}ac{{end}}" style="border:none;">
             <div class="col-3">
               <img src="{{ .image | relURL }}" width="100%;" style="border-radius: 20px;">

themes/bigspring-light/layouts/_default/single.html

@@ -59,7 +59,7 @@ <h3>{{.Params.quick_navigation.title}}</h3>
       </div>
       <div class="col-lg-2 col-12"></div>
       {{ else }}
-      <div class="col-12 mx-auto">
+      <div class="col-12 {{if.Params.quick_navigation.custom_page_width}}col-lg-{{.Params.quick_navigation.custom_page_width}}{{end}} mx-auto">
         <div class="content">{{ .Content }}</div>
       </div>
       {{ end }}

tina/collections/shared/page/building_blocks.ts

@@ -648,13 +648,6 @@ const building_blocks: TinaField[] = [
             description:
               "If this field is filled, an accordion will be created to show more information",
           },
-          {
-            type: "string",
-            name: "accordion_id",
-            label: "Accordion ID",
-            description:
-              "Unique identifier needed to make the accordion work, e.g. use the person's name without spaces and include the team section in it, e.g. coreTeamJohnDoe",
-          },
         ],
       },
     ],

tina/collections/shared/page/quick_navigation.ts

@@ -17,6 +17,12 @@ const quick_navigation: TinaField = {
       label: "Title",
       required: false,
     },
+    {
+      type: "string",
+      name: "custom_page_width",
+      label: "Custom page width for large screens (1-12)",
+      required: false,
+    },
     {
       type: "object",
       name: "links",