From 1dd57854699dc2be15beeb19b9c963a1ab097151 Mon Sep 17 00:00:00 2001
From: Yolijn <mail@yolijn.com>
Date: Tue, 10 Dec 2024 01:23:20 +0100
Subject: [PATCH 1/2] refactor/move-contrast-to-tools-dir

---
 src/pages/{ => tools}/contrast/index.css | 0
 src/pages/{ => tools}/contrast/index.tsx | 0
 static/.htaccess                         | 1 +
 3 files changed, 1 insertion(+)
 rename src/pages/{ => tools}/contrast/index.css (100%)
 rename src/pages/{ => tools}/contrast/index.tsx (100%)

diff --git a/src/pages/contrast/index.css b/src/pages/tools/contrast/index.css
similarity index 100%
rename from src/pages/contrast/index.css
rename to src/pages/tools/contrast/index.css
diff --git a/src/pages/contrast/index.tsx b/src/pages/tools/contrast/index.tsx
similarity index 100%
rename from src/pages/contrast/index.tsx
rename to src/pages/tools/contrast/index.tsx
diff --git a/static/.htaccess b/static/.htaccess
index 7e207dd1b9f..29de96fd06e 100644
--- a/static/.htaccess
+++ b/static/.htaccess
@@ -19,6 +19,7 @@ Redirect 301 "/definition-list" "/description-list"
 Redirect 301 "/summary-list" "/form-summary"
 Redirect 301 "/wcag/introduction" "/wcag"
 Redirect 301 "/textarea" "/text-area"
+Redirect 301 "/contrast" "/tools/contrast"
 
 RedirectMatch 301 "^/videos(.\*)$" "/project/events$1"
 

From a11437fe4a28a8e976a000564f2b71bb551a8a5f Mon Sep 17 00:00:00 2001
From: Yolijn <mail@yolijn.com>
Date: Tue, 10 Dec 2024 01:23:42 +0100
Subject: [PATCH 2/2] chore: ass tools to handboek sidebar

---
 sidebarConfig.ts | 38 +++++++++++++++++++++++++++++---------
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/sidebarConfig.ts b/sidebarConfig.ts
index f90155d29f1..1284498c468 100644
--- a/sidebarConfig.ts
+++ b/sidebarConfig.ts
@@ -19,18 +19,23 @@ const sidebars: SidebarsConfig = {
         { type: 'autogenerated', dirName: 'handboek/design-tokens' },
         {
           type: 'category',
-          label: 'Componenten bijdragen',
-          description:
-            'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
+          label: 'Handige hulpmiddelen',
+          description: 'Handige tools om designs en code op bijvoorbeeld toegankelijkheid te toetsen.',
           link: {
             type: 'generated-index',
-            title: 'Componenten bijdragen',
-            description:
-              'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
-            slug: '/handboek/component-bijdragen/overzicht',
-            keywords: ['definition of done', 'overzicht'],
+            title: 'Handige hulpmiddelen',
+            description: 'Handige tools om designs en code op bijvoorbeeld toegankelijkheid te toetsen.',
+            slug: '/handboek/tools',
           },
-          items: [{ type: 'autogenerated', dirName: 'handboek/component-bijdragen' }],
+          items: [
+            {
+              type: 'link',
+              href: '/tools/contrast',
+              label: 'Contrast controleren',
+              description:
+                'Vul de voorgrondkleur en achtergrondkleur in als CSS-waarden. Controleer dan voor welke toepassingen je de combinatie kunt gebruiken',
+            },
+          ],
         },
         {
           type: 'category',
@@ -98,6 +103,21 @@ const sidebars: SidebarsConfig = {
         // },
         { type: 'doc', id: 'handboek/leverancier/introductie' },
         { type: 'doc', id: 'handboek/manager/introductie' },
+        {
+          type: 'category',
+          label: 'Componenten bijdragen',
+          description:
+            'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
+          link: {
+            type: 'generated-index',
+            title: 'Componenten bijdragen',
+            description:
+              'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
+            slug: '/handboek/component-bijdragen/overzicht',
+            keywords: ['definition of done', 'overzicht'],
+          },
+          items: [{ type: 'autogenerated', dirName: 'handboek/component-bijdragen' }],
+        },
       ],
     },
   ],