Refactor code structure for forms to dynamic form engine shortcode for improved readability and maintainability

Author: Erik2609

content/english/about/contact.md

@@ -3,23 +3,29 @@ title: Get in touch
 subtitle: |
   Reach out to Algorithm Audit by filling in the below contact form.
 image: /images/svg-illustrations/faq.svg
-form1:
-  title: Contact form
-  button_text: Send
-  backend_link: 'https://formspree.io/f/mrgrwnyo'
-  id: contact-form
-  questions:
-    - label: Name
-      id: name
-      type: text
-      placeholder: ''
-    - label: Contact details
-      id: contact-details
-      type: email
-      placeholder: Mail address
-    - label: Message
-      id: message
-      type: textarea
+dynamic_form_engine:
+  - title: Contact form
+    id: contact-form
+    icon: fas fa-align-justify
+    section:
+      - questions:
+          - identifier: name
+            title: Name
+            required: true
+            type: text
+          - identifier: contact-details
+            title: Contact details
+            required: true
+            type: email
+            placeholder: Mail address
+          - identifier: message
+            title: Message
+            required: true
+            type: textarea
+    complete_form_options:
+      type: submit
+      button_text: Send
+      backend_link: "https://formspree.io/f/mrgrwnyo"
 ---
 
-{{< form1 >}}
+{{< dynamic_form_engine index="0" >}}

content/english/algoprudence/cases/aa202201_type-of-sim.md

@@ -4,36 +4,40 @@ title: Type of SIM card as a predictor for detecting payment fraud
 subtitle: |
   Probleem statement (ALGO:AA:2022:01:P) and advice document (ALGO:AA:2022:01:A)
 image: /images/algoprudence/AA202201/Cover.png
-form1:
-  title: React to this normative judgement
-  content: >-
-    Your reaction will be sent to the team maintaining algoprudence. A team will
-    review your response and, if it complies with the guidelines, it will be
-    placed in the Discussion & debate section above.
-  button_text: Submit
-  backend_link: 'https://formspree.io/f/xyyrjyzr'
-  id: case-reaction
-  questions:
-    - label: |
-        Name
-      id: name
-      required: true
-      type: text
-    - label: |
-        Affiliated organization
-      id: affiliated-organization
-      type: text
-    - label: |
-        Reaction
-      id: reaction
-      required: true
-      type: textarea
-    - label: |
-        Contact details
-      id: contact-details
-      required: true
-      type: text
-      placeholder: Mail address
+dynamic_form_engine:
+  - title: React to this normative judgement
+    content: >-
+      Your reaction will be sent to the team maintaining algoprudence. A team will
+      review your response and, if it complies with the guidelines, it will be
+      placed in the Discussion & debate section above.
+    id: case-reaction
+    icon: fas fa-align-justify
+    section:
+      - questions:
+          - title: |
+              Name
+            identifier: name
+            required: true
+            type: text
+          - title: |
+              Affiliated organization
+            identifier: affiliated-organization
+            type: text
+          - title: |
+              Reaction
+            identifier: reaction
+            required: true
+            type: textarea
+          - title: |
+              Contact details
+            identifier: contact-details
+            required: true
+            type: text
+            placeholder: Mail address
+    complete_form_options:
+      type: submit
+      button_text: Submit
+      backend_link: "https://formspree.io/f/xyyrjyzr"
 ---
 
 {{< tab_header width="6" tab1_id="description" tab1_title="Description of algoprudence" tab2_id="" tab2_title="" tab3_id="" tab3_title="" default_tab="description" >}}
@@ -58,11 +62,11 @@ Anonymized large multinational company with e-commerce platform.
 
 #### Normative advice commission
 
-* Fleur Jongepier, Assistant Professor Digital Ethics, Radboud University
-* Jan Overgoor, PhD Management Science and Engineering, Stanford University
-* Merel Noorman, Assistant Professor Law, Technology and Society, Tilburg University
-* Roel Dobbe, Assistant Professor Engineering Systems and Services, TU Delft
+- Fleur Jongepier, Assistant Professor Digital Ethics, Radboud University
+- Jan Overgoor, PhD Management Science and Engineering, Stanford University
+- Merel Noorman, Assistant Professor Law, Technology and Society, Tilburg University
+- Roel Dobbe, Assistant Professor Engineering Systems and Services, TU Delft
 
 {{< tab_content_close >}}
 
-{{< form1 >}}
+{{< dynamic_form_engine index="0" >}}

content/english/algoprudence/cases/aa202301_bert-based-disinformation-classifier.md

@@ -38,12 +38,12 @@ A visual presentation of this case study can be found in this [slide deck](http
 
 #### Normative advice commission
 
-* Anne Meuwese, Professor in Public Law & AI at Leiden University
-* Hinda Haned, Professor in Responsible Data Science at University of Amsterdam
-* Raphaële Xenidis, Associate Professor in EU law at Sciences Po Paris
-* Aileen Nielsen, Fellow Law\&Tech at ETH Zürich
-* Carlos Hernández-Echevarría, Assistant Director and Head of Public Policy at the anti-disinformation nonprofit fact-checker [Maldita.es](https://maldita.es/maldita-es-journalism-to-not-be-fooled/)
-* Ellen Judson, Head of CASM and Sophia Knight, Researcher, CASM at Britain’s leading cross-party think tank [Demos](https://demos.co.uk/)
+- Anne Meuwese, Professor in Public Law & AI at Leiden University
+- Hinda Haned, Professor in Responsible Data Science at University of Amsterdam
+- Raphaële Xenidis, Associate Professor in EU law at Sciences Po Paris
+- Aileen Nielsen, Fellow Law\&Tech at ETH Zürich
+- Carlos Hernández-Echevarría, Assistant Director and Head of Public Policy at the anti-disinformation nonprofit fact-checker [Maldita.es](https://maldita.es/maldita-es-journalism-to-not-be-fooled/)
+- Ellen Judson, Head of CASM and Sophia Knight, Researcher, CASM at Britain’s leading cross-party think tank [Demos](https://demos.co.uk/)
 
 {{< tab_content_close >}}
 
@@ -70,5 +70,3 @@ Our [unsupervised bias detection tool](/technical-tools/bdt/) and this case st
 {{< accordions_area_close >}}
 
 {{< tab_content_close >}}
-
-{{< form1 >}}

content/english/algoprudence/cases/aa202302_risk-profiling-for-social-welfare-reexamination.md

@@ -5,36 +5,40 @@ title: Risk Profiling for Social Welfare Reexamination
 subtitle: |
   Problem statement (ALGO:AA:2023:02:P) en advice document (ALGO:AA:2023:02:A)
 image: /images/algoprudence/AA202302/AA202302A_cover_EN.png
-form1:
-  title: React to this normative judgement
-  content: >-
-    Your reaction will be sent to the team maintaining algoprudence. A team will
-    review your response and, if it complies with the guidelines, it will be
-    placed in the Discussion & debate section above.
-  button_text: Submit
-  backend_link: 'https://formspree.io/f/xyyrjyzr'
-  id: case-reaction
-  questions:
-    - label: |
-        Name
-      id: name
-      required: true
-      type: text
-    - label: |
-        Affiliated organization
-      id: affiliated-organization
-      type: text
-    - label: |
-        Reaction
-      id: reaction
-      required: true
-      type: textarea
-    - label: |
-        Contact details
-      id: contact-details
-      required: true
-      type: text
-      placeholder: Mail address
+dynamic_form_engine:
+  - title: React to this normative judgement
+    content: >-
+      Your reaction will be sent to the team maintaining algoprudence. A team will
+      review your response and, if it complies with the guidelines, it will be
+      placed in the Discussion & debate section above.
+    id: case-reaction
+    icon: fas fa-align-justify
+    section:
+      - questions:
+          - title: |
+              Name
+            identifier: name
+            required: true
+            type: text
+          - title: |
+              Affiliated organization
+            identifier: affiliated-organization
+            type: text
+          - title: |
+              Reaction
+            identifier: reaction
+            required: true
+            type: textarea
+          - title: |
+              Contact details
+            identifier: contact-details
+            required: true
+            type: text
+            placeholder: Mail address
+    complete_form_options:
+      type: submit
+      button_text: Submit
+      backend_link: "https://formspree.io/f/xyyrjyzr"
 ---
 
 {{< tab_header width="4" tab1_id="description" tab1_title="Description of algoprudence" tab2_id="actions" tab2_title="Actions following algoprudence" tab3_id="discussion" tab3_title="Discussion & debate" default_tab="description" >}}
@@ -47,15 +51,15 @@ ALGO:AA:2023:02
 
 #### Key takeaways normative advice commission
 
-* <span style="color:#005aa7; font-weight:600;">Algorithmic profiling is possible under strict conditions</span>\
+- <span style="color:#005aa7; font-weight:600;">Algorithmic profiling is possible under strict conditions</span>\
   The use of algorithmic profiling to re-examine whether social welfare benefits have been duly granted, is acceptable if applied responsibly.
-* <span style="color:#005aa7; font-weight:600;">Profiling must not equate suspicion</span>\
+- <span style="color:#005aa7; font-weight:600;">Profiling must not equate suspicion</span>\
   Re-examination needs to be based more on service and less on distrust.
-* <span style="color:#005aa7; font-weight:600;">Diversity in selection methods</span>\
+- <span style="color:#005aa7; font-weight:600;">Diversity in selection methods</span>\
   To avoid tunnel vision and negative feedback loops, algorithmic profiling ought to be combined with expert-driven profiling and random sampling.
-* <span style="color:#005aa7; font-weight:600;">Well-considered use of profiling criteria</span>\
+- <span style="color:#005aa7; font-weight:600;">Well-considered use of profiling criteria</span>\
   Caring to avoid (proxy) discrimination and other undesirable forms of differentiation, the normative advice commission assessed variables individually on their eligibility for profiling (see Infographic).
-* <span style="color:#005aa7; font-weight:600;">Explainability requirements for machine learning</span>\
+- <span style="color:#005aa7; font-weight:600;">Explainability requirements for machine learning</span>\
   It is necessary that the sampling of residents can be explained throughout the entire decision-making process. Complex training methods for variable selection, such as the xgboost algorithm discussed in this case study, are considered too complex to meet explainability requirements.
 
 #### Infographic
@@ -82,11 +86,11 @@ The advice report (ALGO:AA:2023:02:A) has been presented to the Dutch Minister o
 
 #### Normative advice commission
 
-* Abderrahman El Aazani, Researcher at the Ombudsman Rotterdam-Rijnmond
-* Francien Dechesne, Associate Professor Law and Digital Technologies, Leiden University
-* Maarten van Asten, Alderman Finance, Digitalization, Sports and Events Municipality of Tilburg
-* Munish Ramlal, Ombudsman Metropole region Amsterdam
-* Oskar Gstrein, Assistant Professor Governance and Innovation, University of Groningen
+- Abderrahman El Aazani, Researcher at the Ombudsman Rotterdam-Rijnmond
+- Francien Dechesne, Associate Professor Law and Digital Technologies, Leiden University
+- Maarten van Asten, Alderman Finance, Digitalization, Sports and Events Municipality of Tilburg
+- Munish Ramlal, Ombudsman Metropole region Amsterdam
+- Oskar Gstrein, Assistant Professor Governance and Innovation, University of Groningen
 
 {{< tab_content_close >}}
 
@@ -98,11 +102,11 @@ The advice report (ALGO:AA:2023:02:A) has been presented to the Dutch Minister o
 
 ##### Description
 
- Council members submitted <a href="https://amsterdam.raadsinformatie.nl/document/13573898/1/236+sv+Aslami%2C+IJmker+en+Garmy+inzake+toegepaste+profileringscriteria+gemeentelijke+algoritmes" target="_blank">questions</a> whether the machine learning (ML)-driven risk profiling algorithm currently tested by the City of Amsterdam satisfies the requirements as set out in ALGO:AA:2023:02:A, including:
+Council members submitted <a href="https://amsterdam.raadsinformatie.nl/document/13573898/1/236+sv+Aslami%2C+IJmker+en+Garmy+inzake+toegepaste+profileringscriteria+gemeentelijke+algoritmes" target="_blank">questions</a> whether the machine learning (ML)-driven risk profiling algorithm currently tested by the City of Amsterdam satisfies the requirements as set out in ALGO:AA:2023:02:A, including:
 
-* (in)eligible selection criteria fed to the ML model
-* explainability requirements for the used explainable boosting algorithm
-* implications of the AIAct for this particular form of risk profiling.
+- (in)eligible selection criteria fed to the ML model
+- explainability requirements for the used explainable boosting algorithm
+- implications of the AIAct for this particular form of risk profiling.
 
 {{< embed_pdf url="/pdf-files/algoprudence/ALGO_AA202302/Actions/20231204_236 sv Aslami, IJmker en Garmy inzake toegepaste profileringscriteria gemeentelijke algoritmes.pdf" width_mobile_pdf="12" width_desktop_pdf="6" >}}
 
@@ -142,4 +146,4 @@ Therefore, in the case of detecting unduly granted social welfare or misuse of c
 
 {{< tab_content_close >}}
 
-{{< form1 >}}
+{{< dynamic_form_engine index="0" >}}

content/english/algoprudence/cases/aa202401_preventing-prejudice.md

@@ -6,36 +6,40 @@ subtitle: >
   Technical audit (TA:AA:2024:01) of risk profiling algorithm used by Dutch Executive Agency of Education
   control process
 image: /images/algoprudence/AA202401/Cover_EN.png
-form1:
-  title: React to this technical audit
-  content: >-
-    Your reaction will be sent to the auditing team. The team will review your
-    response and, if it complies with Algorithm Audit's guidelines, the reaction
-    will be placed in the Discussion & debate section above.
-  button_text: Submit
-  backend_link: 'https://formspree.io/f/xyyrjyzr'
-  id: case-reaction
-  questions:
-    - label: |
-        Name
-      id: name
-      required: true
-      type: text
-    - label: |
-        Affiliated organization
-      id: affiliated-organization
-      type: text
-    - label: |
-        Reaction
-      id: reaction
-      required: true
-      type: textarea
-    - label: |
-        Contact details
-      id: contact-details
-      required: true
-      type: email
-      placeholder: Mail address
+dynamic_form_engine:
+  - title: React to this technical audit
+    content: >-
+      Your reaction will be sent to the auditing team. The team will review your
+      response and, if it complies with Algorithm Audit's guidelines, the reaction
+      will be placed in the Discussion & debate section above.
+    id: case-reaction
+    icon: fas fa-align-justify
+    section:
+      - questions:
+          - title: |
+              Name
+            identifier: name
+            required: true
+            type: text
+          - title: |
+              Affiliated organization
+            identifier: affiliated-organization
+            type: text
+          - title: |
+              Reaction
+            identifier: reaction
+            required: true
+            type: textarea
+          - title: |
+              Contact details
+            identifier: contact-details
+            required: true
+            type: email
+            placeholder: Mail address
+    complete_form_options:
+      type: submit
+      button_text: Submit
+      backend_link: "https://formspree.io/f/xyyrjyzr"
 ---
 
 {{< tab_header width="4" tab1_id="description" tab1_title="Description of technical audit" tab2_id="actions" tab2_title="Actions following technical audit" tab3_id="discussion" tab3_title="Discussion & debate" default_tab="description" >}}
@@ -48,7 +52,7 @@ TA:AA:2024:01
 
 #### Summary
 
-In the period 2012-2022,  students who lived close to their parent(s) have been selected significantly more often by Dutch public sector organisation DUO than other students. The algorithm used to support the selection procedure performed as expected. The combination of the algorithm-driven risk scoring and manual selection for the contorl process resulted in a significant overrepresentation of certain groups. Selected students were visited at home to verify whether they were not misusing college allowances. This is the main conclusion of the audit conducted by the Algorithm Audit Foundation on behalf of DUO. DUO's control process came under scrutiny in 2023 following <a href="https://nos.nl/op3/video/2479701-zo-checkt-duo-of-jij-fraudeert-en-dat-systeem-rammelt" target="_blank">news items</a> from Investico and NOS, which stated that students with a migration background were more often accused of abuse than other students.
+In the period 2012-2022, students who lived close to their parent(s) have been selected significantly more often by Dutch public sector organisation DUO than other students. The algorithm used to support the selection procedure performed as expected. The combination of the algorithm-driven risk scoring and manual selection for the contorl process resulted in a significant overrepresentation of certain groups. Selected students were visited at home to verify whether they were not misusing college allowances. This is the main conclusion of the audit conducted by the Algorithm Audit Foundation on behalf of DUO. DUO's control process came under scrutiny in 2023 following <a href="https://nos.nl/op3/video/2479701-zo-checkt-duo-of-jij-fraudeert-en-dat-systeem-rammelt" target="_blank">news items</a> from Investico and NOS, which stated that students with a migration background were more often accused of abuse than other students.
 berichtgeving
 
 A press release can be found [here](/events/press_room/#DUO).
@@ -71,7 +75,7 @@ Education Executive Agency of The Netherlands (DUO)
 
 ##### Description
 
-Report *Preventing prejudice* has been <a href="https://www.rijksoverheid.nl/documenten/kamerstukken/2024/03/01/kabinetsreactie-onderzoek-naar-controleproces-uitwonendenbeurs" target="_blank">sent</a> as part of the Internal research documents to  Dutch Parliament
+Report _Preventing prejudice_ has been <a href="https://www.rijksoverheid.nl/documenten/kamerstukken/2024/03/01/kabinetsreactie-onderzoek-naar-controleproces-uitwonendenbeurs" target="_blank">sent</a> as part of the Internal research documents to Dutch Parliament
 
 {{< accordion_item_close >}}
 
@@ -109,4 +113,4 @@ Therefore, in the case of detecting unduly granted social welfare or misuse of c
 
 {{< tab_content_close >}}
 
-{{< form1 >}}
+{{< dynamic_form_engine index="0" >}}