edits AIAIT EN NL

Author: jfparie

content/english/technical-tools/implementation-tool.md

@@ -41,7 +41,7 @@ The outcomes of the first questionnaire are displayed in the below figure. The f
 - High risk AI systems: are in scope of the AI Act, additional control measures for high-risk AI systems are needed through harmonized standards.
 - Prohibited AI systems: are in scope of the AI Act, usage of this type of AI systems is prohibited in the European Union. More information about this category is provided by the <a href="https://www.digitaleoverheid.nl/achtergrondartikelen/welke-ai-praktijken-zijn-volgend-jaar-verboden/" target="_blank">Dutch government</a>.
 
-<br> <br> <img src="/images/ai-act-implementation-tool/Venn diagram_EN.png" alt="drawing" width="600"/>
+<br> <br> <img src="/images/ai-act-implementation-tool/Venn diagram EN.png" alt="drawing" width="600"/>
 
 {{< container_close >}}
 
@@ -59,7 +59,7 @@ The reasoning and motivations behind the selected questions in the AI Act Implem
 
 {{< container_close >}}
 
-{{< container_open icon="far fa-file" title="Explainers" id="explainers" >}}
+{{< container_open icon="fas fa-chalkboard-teacher" title="Explainers" id="explainers" >}}
 
 Through examples the slides decks explain the intricacies of the AI system definition. 
 
@@ -77,71 +77,8 @@ Through examples the slides decks explain the intricacies of the AI system defin
 
 {{< container_close >}}
 
-{{< container_open icon="far fa-file" title="Flowchart AI Act Implementation Tool" id="flowchart" >}}
+{{< container_open icon="fas fa-arrows-alt" title="Flowchart Implementation Tool" id="flowchart" >}}
 
-{{< embed_pdf url="/pdf-files/technical-tools/AIA-Implementation-Tool/20250203_Visio.pdf" width_mobile_pdf="12" width_desktop_pdf="12" >}}
+{{< embed_pdf url="/pdf-files/technical-tools/AIA-Implementation-Tool/20250205_Flowchart_AIAIT_EN.pdf" width_mobile_pdf="12" width_desktop_pdf="12" >}}
 
-{{< container_close >}}
-
-<style>
-    /* Targeting the first direct div inside #AIActImplementationTool */
-    #AIActImplementationTool > div:first-child {
-        height: auto!important;
-        padding: 12px;
-    }
-
-    /* Styling for form-group elements inside #AIActImplementationTool */
-    #AIActImplementationTool .form-group {
-        display: block;
-    }
-
-    /* Styling color output area inside #AIActImplementationTool */
-    #AIActImplementationTool .card-body .bg-primary {
-        background-color: #F8E5E3;
-    }
-
-    /* Styling for form-group elements header labels inside #AIActImplementationTool */
-    #AIActImplementationTool .form-group .form-label {
-        margin-left: 0;
-        color: black;
-    }
-
-    /* Allow new lines for small elements inside #AIActImplementationTool */
-    #AIActImplementationTool small {
-        margin-top: 24px;
-        white-space: pre-wrap;
-    }
-
-    /* Allow new lines for label elements inside #AIActImplementationTool */
-    #AIActImplementationTool label {
-        white-space: pre-wrap;
-    }
-
-    /* Styling for form-group elements labels inside #AIActImplementationTool */
-    #AIActImplementationTool .form-group label {
-        color: black;
-    }
-
-    /* Styling for intermediate-output labels in #AIActImplementationTool */
-    #AIActImplementationTool .intermediate-output label {
-        font-weight: 700;
-    }
-
-    /* Styling for intermediate-output textareas in #AIActImplementationTool */
-    #AIActImplementationTool .intermediate-output textarea {
-        border: none;
-        background-color: transparent;
-        resize: none;
-        width: 100%;
-        height: auto;
-        padding: 0;
-        margin: 0;
-        font-size: inherit;
-        font-family: inherit;
-        line-height: inherit;
-        color: inherit;
-        overflow: hidden;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-</style>
+{{< container_close >}}

content/nederlands/technical-tools/implementation-tool.md

@@ -47,19 +47,19 @@ De uitkomst van de eerste vragenlijst wordt schematisch weergeven in onderstaand
 - Hoog risico AI-systemen: vallen binnen de reikwijdte van de AI-verordening en behoeven extra beheersmaatregelen aan de hand van [geharmonizeerde normen](/nl/knowledge-platform/standards/).
 - Verboden AI-systemen: vallen binnen de reikwijdte van de AI-verordening, dit type AI-systemen zijn verboden. Meer toelichting over deze categorie kan gevonden worden op <a href="https://www.digitaleoverheid.nl/achtergrondartikelen/welke-ai-praktijken-zijn-volgend-jaar-verboden/" target="_blank">Digitale overheid</a>.
 
-<br> <br> <img src="/images/ai-act-implementation-tool/Venn diagram_NL.png" alt="drawing" width="600"/>
+<br> <br> <img src="/images/ai-act-implementation-tool/Venn diagram NL.png" alt="drawing" width="600"/>
 
 {{< container_close >}}
 
 {{< container_open icon="far fa-file" title="Richtlijnen voor AI-verordening implementatie" id="documentation-definition" >}}
 
 Overwegingen en keuzes die zijn gemaakt tijdens het opstellen van de vragenlijst uit de AI-verordening implementatie tool worden in onderstaand documenten beschreven.
 
-{{< embed_pdf url="/pdf-files/knowledge-base/20241218_Guidelines_AI_system_definition.pdf" width_mobile_pdf="12" width_desktop_pdf="6" >}}
+{{< embed_pdf url="/pdf-files/knowledge-base/20241218 Richtlijnen AI-systeem definitie.pdf" width_mobile_pdf="12" width_desktop_pdf="6" >}}
 
 {{< container_close >}}
 
-{{< container_open icon="far fa-file" title="Explainers" id="explainers" >}}
+{{< container_open icon="fas fa-chalkboard-teacher" title="Explainers" id="explainers" >}}
 
 Aan de hand van voorbeelden lichten de volgende drie explainers de complexiteit van de AI-systeem definitie toe.
 
@@ -71,77 +71,14 @@ Aan de hand van voorbeelden lichten de volgende drie explainers de complexiteit
 
 {{< embed_pdf url="/pdf-files/technical-tools/AIA-Implementation-Tool/20241203_Rule_based_or_AI_system.pdf" width_mobile_pdf="12" width_desktop_pdf="6" >}}
 
-### Definitie van een AI-systeem onder de AI-verordening
+### Definitie van een AI-systeem volgens de AI-verordening
 
 {{< embed_pdf url="/pdf-files/technical-tools/AIA-Implementation-Tool/20241118_AI_definition_carrousel.pdf" width_mobile_pdf="12" width_desktop_pdf="6" >}}
 
 {{< container_close >}}
 
-{{< container_open icon="far fa-file" title="Flowchart AI-verordening implementatie tool" id="flowchart" >}}
+{{< container_open icon="fas fa-arrows-alt" title="Flowchart implementatie tool" id="flowchart" >}}
 
-{{< embed_pdf url="/pdf-files/technical-tools/AIA-Implementation-Tool/20250203_Visio.pdf" width_mobile_pdf="12" width_desktop_pdf="12" >}}
+{{< embed_pdf url="/pdf-files/technical-tools/AIA-Implementation-Tool/20250205_Flowchart_AIAIT_NL.pdf" width_mobile_pdf="12" width_desktop_pdf="12" >}}
 
-{{< container_close >}}
-
-<style>
-    /* Targeting the first direct div inside #AIActImplementationTool */
-    #AIActImplementationTool > div:first-child {
-        height: auto!important;
-        padding: 12px;
-    }
-
-    /* Styling for form-group elements inside #AIActImplementationTool */
-    #AIActImplementationTool .form-group {
-        display: block;
-    }
-
-    /* Styling color output area inside #AIActImplementationTool */
-    #AIActImplementationTool .card-body .bg-primary {
-        background-color: #F8E5E3;
-    }
-
-    /* Styling for form-group elements header labels inside #AIActImplementationTool */
-    #AIActImplementationTool .form-group .form-label {
-        margin-left: 0;
-        color: black;
-    }
-
-    /* Allow new lines for small elements inside #AIActImplementationTool */
-    #AIActImplementationTool small {
-        margin-top: 24px;
-        white-space: pre-wrap;
-    }
-
-    /* Allow new lines for label elements inside #AIActImplementationTool */
-    #AIActImplementationTool label {
-        white-space: pre-wrap;
-    }
-
-    /* Styling for form-group elements labels inside #AIActImplementationTool */
-    #AIActImplementationTool .form-group label {
-        color: black;
-    }
-
-    /* Styling for intermediate-output labels in #AIActImplementationTool */
-    #AIActImplementationTool .intermediate-output label {
-        font-weight: 700;
-    }
-
-    /* Styling for intermediate-output textareas in #AIActImplementationTool */
-    #AIActImplementationTool .intermediate-output textarea {
-        border: none;
-        background-color: transparent;
-        resize: none;
-        width: 100%;
-        height: auto;
-        padding: 0;
-        margin: 0;
-        font-size: inherit;
-        font-family: inherit;
-        line-height: inherit;
-        color: inherit;
-        overflow: hidden;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-</style>
+{{< container_close >}}