changed search tags color and added custom search tags

Author: jfparie

content/english/events/activities.md

@@ -925,6 +925,6 @@ subtitle: >
   our team speak at events. On this page an overview of past event can be found.
 image: /images/svg-illustrations/events.svg
 search:
-  searchableText: Utrecht Oxford
+  searchableText: Utrecht Oxford pakhuis
 ---
 

content/english/knowledge-platform/project-work.md

@@ -6,6 +6,8 @@ subtitle: >
   overview of technical audits and normative reviews can be found in our [case
   repository](/nl/algoprudence/)
 image: /images/svg-illustrations/knowledge_base.svg
+search:
+  searchableText: Amsterdam
 form1:
   title: Get in touch to explore potential collaboration
   content: >-

content/nederlands/knowledge-platform/project-work.md

@@ -6,6 +6,8 @@ subtitle: >
   algoritmes en AI. Een overzicht van onze technisch audits en normatieve reviews kan
   worden gevonden in onze [case repository](/nl/algoprudence/)
 image: /images/svg-illustrations/knowledge_base.svg
+search:
+  searchableText: Amsterdam
 form1:
   title: Kom in contact om samenwerking te bespreken
   content: >-

layouts/index.html

@@ -201,7 +201,7 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>
         const tagToHighlightClass = (tag) => {
           if (tag === "Kennisplatform"
           || tag === "Knowledge platform") {
-            return `highlight-lightblue-sm`;
+            return `highlight-red-sm`;
           }
 
           if (tag === "Algoprudentie"
@@ -211,12 +211,12 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>
 
           if (tag === "Technische tools"
           || tag === "Technical tools") {
-            return `highlight-yellow-sm`;
+            return `highlight-red-sm`;
           }
 
           if (tag === "Events"
           || tag === "Evenementen") {
-            return `highlight-lightblue-sm`;
+            return `highlight-red-sm`;
           }
 
           if (tag === "About"
@@ -250,7 +250,7 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>
                   <div class="col-12 col-lg-10">
                     <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">
+                    <div class="pt-3 search-tags-desktop">
                       ${tagToHtml(item.tag)}
                     </div>
                   </div>