fix color and remove body when no sublandingpage section is filled

Author: Erik2609

config/_default/menus.NL.toml

@@ -8,7 +8,7 @@ weight = 1
 name = "Algoprudentie"
 weight = 2
 hasChildren = true
-url = "/nl/algoprudence/case-repository"
+url = "/nl/algoprudence"
   [[main]]
   parent = "Algoprudentie"
   name = "Dien een case in"
@@ -35,7 +35,7 @@ url = "/nl/algoprudence/case-repository"
 name = "Technische tools"
 weight = 3
 hasChildren = true
-url = "/nl/technical-tools/BDT"
+url = "/nl/technical-tools"
   [[main.params]]
     icon = "fa-table"
   [[main]]
@@ -73,7 +73,7 @@ url = "/nl/technical-tools/BDT"
 name = "Kennisplatform"
 weight = 1
 hasChildren = true
-url = "/nl/knowledge-platform/knowledge-base"
+url = "/nl/knowledge-platform"
   [[main]]
   parent = "Kennisplatform"
   name = "AI Act standaarden"

config/_default/menus.en.toml

@@ -8,7 +8,7 @@ weight = 1
 name = "Knowledge platform"
 weight = 2
 hasChildren = true
-url = "/knowledge-platform/knowledge-base"
+url = "/knowledge-platform"
   [[main]]
   parent = "Knowledge platform"
   name = "Knowledge base"
@@ -85,7 +85,7 @@ hasChildren = true
 name = "Technical tools"
 weight = 4
 hasChildren = true
-url = "/technical-tools/BDT"
+url = "/technical-tools"
   [[main]]
   parent = "Technical tools"
   name = "Unsupervised bias detection tool"

content/english/technical-tools/_index.md

@@ -5,46 +5,41 @@ titleline2: Open source AI auditing tools
 subtitle: |
   We develop open source tools for AI auditing. This makes
 icon: fa-light fa-toolbox
-color: "#D5EBDB"
-font_color: color-blue
+color: '#D5EBDB'
+font_color: '#005AA7'
 subpage_links:
   - title: Unsupervised bias detection tool
     titleline2: >-
       Anomaly detection to identify groups that may be subject to unfair
       treatment by AI systems
     icon: fa-light fa-search-plus
-    color: "#FFF"
+    color: '#FFF'
   - title: Synthetic data generation tool
-    titleline2: "Privacy-preserving browser-based tool to generate synthetic tabular data  "
+    titleline2: 'Privacy-preserving browser-based tool to generate synthetic tabular data  '
     icon: fa-light fa-table
-    color: "#FFF"
+    color: '#FFF'
   - title: AI Act implementation tool
     titleline2: >-
       Dynamic questionnaires for identification and risk classification of AI
       systems and high-impact algorithms
     icon: fa-light fa-file
-    color: "#FFF"
+    color: '#FFF'
 overview_block:
   activities:
     - title: Knowledge platform
       subtitle: Statistical and legal expertise
       url: /knowledge-platform/
       icon: fa-light fa-layer-group
-      color: "#E3F0FE"
+      color: '#E3F0FE'
     - title: Algoprudence
       subtitle: Case-based normative advise
       url: /algoprudence/
       icon: fas fa-balance-scale
-      color: "#F7CDBF"
+      color: '#F7CDBF'
     - title: Project work
-      subtitle: "Validation, AI Act etc."
+      subtitle: 'Validation, AI Act etc.'
       url: /knowledge-platform/project-work/
       icon: fas fa-search-plus
-      color: "#E3F0FE"
+      color: '#E3F0FE'
 ---
 
-{{< tab_content_open id="overview" title="Other core activities" >}}
-
-{{< overview_block >}}
-
-{{< tab_content_close >}}

layouts/partials/sublanding-page-header.html

@@ -7,17 +7,17 @@
               <div class="col-12 col-lg-8 col-xl-10 pr-5">
                   {{ $color := .Params.font_color }}
                   {{ if not ($color) }}
-                  {{ $color = "color-white" }}
+                  {{ $color = "#FFF" }}
                   {{ end }}
-                  <div style="background-color: {{.Params.color}};" class="rounded-lg {{$color}} font-size-1rem font-size-xl-1_5rem container p-0">
+                  <div style="background-color: {{.Params.color}}; color: {{$color}} !important" class="rounded-lg font-size-1rem font-size-xl-1_5rem container p-0">
                       <div class="row mx-4 py-3">
-                          <i class="font-size-2rem fa {{ .Params.icon }}"></i>
+                          <i style="color: {{$color}} !important" class="font-size-2rem fa {{ .Params.icon }}"></i>
                       </div>
                       <row class="row mx-4 pt-3">
-                          <h3 class="{{$color}} font-size-1_3rem">{{.Params.title}}</h3>
+                          <h3 style="color: {{$color}} !important" class="{font-size-1_3rem">{{.Params.title}}</h3>
                       </row>
                       <row class="row mx-4 pb-0 landing-page-core-activities-row-subtitle">
-                          <p class="{{$color}} font-size-1rem">{{.Params.titleline2}}</p>
+                          <p style="color: {{$color}} !important" class="font-size-1rem">{{.Params.titleline2}}</p>
                       </row>
                   </div>
               </div>

layouts/section/sublandingpage.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 {{ partial "sublanding-page-header.html" . }}
 
-
+{{ if .Content }}
 <section class="section">
   <div class="container container-xl">
     <div class="row">
@@ -46,4 +46,5 @@ <h3>{{.Params.quick_navigation.title}}</h3>
     </div>
   </div>
 </section>
+{{ end }}
 {{ end }}

tina/collections/shared/page/font_color.ts

@@ -8,27 +8,6 @@ let font_color: TinaField = {
   name: "font_color",
   label: "Font color",
   required: true,
-  options: [
-    {
-      value: "color-blue",
-      label: "blue",
-    },
-    {
-      value: "color-lightblue",
-      label: "lightblue",
-    },
-    {
-      value: "color-white",
-      label: "white",
-    },
-    {
-      value: "color-gray",
-      label: "gray",
-    },
-    {
-      value: "color-black",
-      label: "black",
-    },
-  ],
+  description: "Hex color code (e.g. #FF0000)",
 };
 export default font_color;