From 00839df3e3af722658063c3b927ff8236c3d7dea Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Wed, 19 Nov 2025 13:35:32 +0100
Subject: [PATCH 01/14] Start to integrate trainsport format

---
 public/curation/extract.js | 20 ++++++++++++--------
 public/curation/script.js  |  2 +-
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/public/curation/extract.js b/public/curation/extract.js
index a178f00..d57023e 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -1,10 +1,15 @@
 function extract_info(element, obj, tag, category){
-  fetch("../.hermes/process/tags.json")//.hermes/process/hermes.json")
-  .then(response => response.json())
-  .then(tags => {
-    if(typeof obj === "string" || typeof obj == "number"){
-      element.appendChild(document.createTextNode(` ${obj}`));
-      tag.appendChild(document.createTextNode(`${tags[category]["local_path"]}`));
+      const div = document.createElement("div");
+      div.classList.add("elements");
+      const divTag = document.createElement("div");
+      div.classList.add("elements");
+      div.appendChild(document.createTextNode(` ${obj[category]}`));
+      divTag.appendChild(document.createTextNode(`${obj.meta["plugin"]}`));
+      element.appendChild(div);
+      tag.appendChild(divTag);
+    /*if(typeof obj[obj] === "string" || typeof obj == "number"){
+      element.appendChild(document.createTextNode(` ${obj[obj]}`));
+      tag.appendChild(document.createTextNode(`${obj[metadata]["local_path"]}`));
     }
     else if(typeof obj === "object" && Array.isArray(obj) === false){
       element.appendChild(document.createTextNode(` ${JSON.stringify(obj)}`));
@@ -43,8 +48,7 @@ function extract_info(element, obj, tag, category){
       //const text = document.createTextNode(` ${names}`);
       element.appendChild(div);
       tag.appendChild(divTag);
-    }
-  })
+    }*/
 }
 
   function extract_person(e, element){
diff --git a/public/curation/script.js b/public/curation/script.js
index 20fc8aa..41f9d41 100644
--- a/public/curation/script.js
+++ b/public/curation/script.js
@@ -16,4 +16,4 @@ drawRadar(ctx, canvas.offsetWidth/2,canvas.offsetHeight/2, [15,15,10,15,15,12],
 drawRadar(ctx, canvas.offsetWidth/2,canvas.offsetHeight/2, [20,20,9,10,20,15], "blue", "rgba(94, 148, 215, 0.34)");
 
 //View for Curation
-displayJSON("../.hermes/process/hermes.json");
+displayJSON("../.hermes/process/transport.json");

From 6f903c44a331641d8b4c541006abe7a33138429f Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Thu, 20 Nov 2025 16:56:16 +0100
Subject: [PATCH 02/14] Start to adapt person view

---
 public/curation/curation.js |   4 +-
 public/curation/extract.js  | 111 +++++++++++++++++++-----------------
 2 files changed, 62 insertions(+), 53 deletions(-)

diff --git a/public/curation/curation.js b/public/curation/curation.js
index 36ec687..7e8f78f 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -5,7 +5,7 @@ export function displayJSON(json_document){
 fetch(json_document)//.hermes/process/hermes.json")
     .then(response => response.json())
     .then(data => {
-        document.getElementById("test").innerHTML = 'Project <b>'+data.name+'</b>';
+        document.getElementById("test").innerHTML = 'Project <b>'+data.name.name+'</b>';
         const keys = Object.keys(data);
         const hermes = document.getElementById("hermes");
         const tags = document.getElementById("tags");
@@ -30,8 +30,8 @@ fetch(json_document)//.hermes/process/hermes.json")
 
             const cellTag = document.createElement("td");
             const cellTextTag = document.createElement('div');
-
             extract_info(cellText2, data[element], cellTextTag, element);
+
             cell.appendChild(cellText);
             cell2.appendChild(cellText2);
             row.appendChild(cell);
diff --git a/public/curation/extract.js b/public/curation/extract.js
index d57023e..a4d8667 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -1,68 +1,77 @@
 function extract_info(element, obj, tag, category){
       const div = document.createElement("div");
-      div.classList.add("elements");
       const divTag = document.createElement("div");
-      div.classList.add("elements");
-      div.appendChild(document.createTextNode(` ${obj[category]}`));
-      divTag.appendChild(document.createTextNode(`${obj.meta["plugin"]}`));
-      element.appendChild(div);
-      tag.appendChild(divTag);
-    /*if(typeof obj[obj] === "string" || typeof obj == "number"){
-      element.appendChild(document.createTextNode(` ${obj[obj]}`));
-      tag.appendChild(document.createTextNode(`${obj[metadata]["local_path"]}`));
-    }
-    else if(typeof obj === "object" && Array.isArray(obj) === false){
-      element.appendChild(document.createTextNode(` ${JSON.stringify(obj)}`));
-      tag.appendChild(document.createTextNode("Blocker"));
-    }
-    else if(Array.isArray(obj) && Object.keys(obj[0]).includes("familyName")){
-      const divTag = document.createElement("div");
-      divTag.classList.add("elements");
-      obj.forEach(e =>{
-        //const name = e.exec("familyName");
-        extract_person(e, element);
-        const tag = document.createElement("div");
-        tag.classList.add("tooltip");
-        tag.appendChild(document.createTextNode("See Person"));
-        divTag.appendChild(tag);
-      })
-      tag.appendChild(divTag);
-    }
-    else{
-      const names = [];
-      const div = document.createElement("div");
-      div.classList.add("elements");
-      const divTag = document.createElement("div");
-      div.classList.add("elements");
-      obj.forEach(e =>{
-  
-        names.push(JSON.stringify(e).replaceAll("{","").replaceAll("}",""));
-        const element = document.createElement("div");
-        element.appendChild(document.createTextNode(` ${JSON.stringify(e).replaceAll("{","").replaceAll("}","").replaceAll('"',"")}`));
-        div.appendChild(element);
+      if(obj[category]){
+        if(typeof obj[category] === "string" || typeof obj[category] == "number"){
+          div.appendChild(document.createTextNode(` ${obj[category]}`));
+        }else if(Array.isArray(obj[category])){
+          if(Array.isArray(obj[category][0]) && Object.keys(obj[category][0]).includes("familyName")){
+            obj[category].forEach(e =>{
+              const element = document.createElement("div");
+              extract_person(e, element);
+              div.appendChild(element);
+
+            })
+          }
+          obj[category].forEach(e =>{
+            //const name = e.exec("familyName");
+            const element = document.createElement("div");
+            element.appendChild(document.createTextNode(` ${JSON.stringify(e).replaceAll("{","").replaceAll("}","").replaceAll('"',"")}`));
+            div.appendChild(element);
+      
+          })
+
+        }else{
+            const element = document.createElement("div");
+            element.appendChild(document.createTextNode(` ${JSON.stringify(obj[category])}`));
+            div.appendChild(element);
+        }
+      }else{
+        if(Array.isArray(obj) && Object.keys(obj[0]).includes("familyName")){
+          obj.forEach(e =>{
+            const element = document.createElement("div");
+            console.log(e, element);
+            extract_person(e, element);
+            div.appendChild(element);
 
-        const tag = document.createElement("div");
-        tag.appendChild(document.createTextNode("Blocker"));
-        divTag.appendChild(tag);
-      })
-      //const text = document.createTextNode(` ${names}`);
+          })
+        }else{
+          const element = document.createElement("div");
+          element.appendChild(document.createTextNode(` ${JSON.stringify(obj)}`));
+          div.appendChild(element);
+        }
+      }
+
+      if(Object.keys(obj).includes("meta")){
+
+        divTag.appendChild(document.createTextNode(`${obj.meta["local_path"]}`));
+      }else{
+        divTag.appendChild(document.createTextNode(`See Details`));
+      }
       element.appendChild(div);
       tag.appendChild(divTag);
-    }*/
-}
+    }
 
   function extract_person(e, element){
     const tooltip = document.createElement("div");
     tooltip.classList.add("tooltip");
-    tooltip.onclick = function(){link_to_person(e)};
+    //tooltip.onclick = function(){link_to_person(e)};
     const tooltiptext = document.createElement("div");
     tooltiptext.classList.add("tooltiptext");
-    const text = document.createTextNode(`${e.familyName}, ${e.givenName} `);
-    if(e.familyName === "Sophie"){
+    const text = document.createTextNode(`${e.familyName.familyName}, ${e.givenName.givenName} `);
+    if(e.familyName.familyName === "Sophie"){
       tooltip.className += " error"
     }
-    const data = JSON.stringify(e, null, 2);
-    tooltiptext.appendChild(document.createTextNode(`${data.replaceAll("{","\t").replaceAll("}","\t")}`)); //{.*\n*\t*.*\n*}
+    //const data = JSON.stringify(e, null, 2);
+    
+    const names = [];
+    Object.keys(e).forEach(k => {
+      if (Object.keys(e[k]).includes(k)){
+        names.push(`${k}:  ${e[k][k]}`); 
+      }
+    })
+    console.log(names);
+    tooltiptext.appendChild(document.createTextNode(`${names.toString().replaceAll(",","\n")}`)); //{.*\n*\t*.*\n*}
     tooltip.appendChild(tooltiptext);
     tooltip.appendChild(text);
     element.appendChild(tooltip);

From ed4860d2c385453e7474ae6a7f818473c94affbd Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Fri, 28 Nov 2025 14:25:00 +0100
Subject: [PATCH 03/14] Clear pipeline data button

---
 public/callback/main.js | 1 -
 public/main.js          | 6 ++++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/callback/main.js b/public/callback/main.js
index 21877c2..395b862 100644
--- a/public/callback/main.js
+++ b/public/callback/main.js
@@ -60,5 +60,4 @@ async function latest(projectId, token) {
     const pipelineId = jobData[0]["pipeline"]["id"];
     
     window.location = `../callback?gitlab_project_id=${projectId}&gitlab_pipeline_id=${pipelineId}&gitlab_job_id=${jobId}&latest=2`;
-    //gitlab_pipeline_id=618554&gitlab_job_id=2513432
 }
diff --git a/public/main.js b/public/main.js
index d52c67c..5761d97 100644
--- a/public/main.js
+++ b/public/main.js
@@ -14,4 +14,10 @@ window.onload = async function () {
         await deleteAllPipelines();
         window.location = "./";
     }
+    
+    const clearPipelineDataButton = document.getElementById("clear-pipeline-button");
+    clearPipelineDataButton.onclick = async function() {
+        await deleteAllPipelines();
+        window.location = "./";
+    }
 }

From a7c75903fc7beb79e22392549a96c88e78f3c0d6 Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Fri, 28 Nov 2025 14:27:03 +0100
Subject: [PATCH 04/14] Example outputs from hermes and sc-policies

---
 .../policies/debug-validation-report (1).json |  14 +
 .../policies/debug-validation-report (1).ttl  |   6 +
 .../policies/debug-validation-report.json     | 235 +++++++++
 .../policies/debug-validation-report.ttl      |  50 ++
 public/.hermes/process/transport.json         | 483 ++++++++++++++++++
 5 files changed, 788 insertions(+)
 create mode 100644 public/.hermes/policies/debug-validation-report (1).json
 create mode 100644 public/.hermes/policies/debug-validation-report (1).ttl
 create mode 100644 public/.hermes/policies/debug-validation-report.json
 create mode 100644 public/.hermes/policies/debug-validation-report.ttl
 create mode 100644 public/.hermes/process/transport.json

diff --git a/public/.hermes/policies/debug-validation-report (1).json b/public/.hermes/policies/debug-validation-report (1).json
new file mode 100644
index 0000000..44e3ccf
--- /dev/null
+++ b/public/.hermes/policies/debug-validation-report (1).json	
@@ -0,0 +1,14 @@
+[
+  {
+    "@id": "_:N7dadb5f5fbbe4cbca887cdc620c43ab6",
+    "@type": [
+      "http://www.w3.org/ns/shacl#ValidationReport"
+    ],
+    "http://www.w3.org/ns/shacl#conforms": [
+      {
+        "@type": "http://www.w3.org/2001/XMLSchema#boolean",
+        "@value": true
+      }
+    ]
+  }
+]
\ No newline at end of file
diff --git a/public/.hermes/policies/debug-validation-report (1).ttl b/public/.hermes/policies/debug-validation-report (1).ttl
new file mode 100644
index 0000000..9b8084b
--- /dev/null
+++ b/public/.hermes/policies/debug-validation-report (1).ttl	
@@ -0,0 +1,6 @@
+@prefix sh: <http://www.w3.org/ns/shacl#> .
+@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .
+
+[] a sh:ValidationReport ;
+    sh:conforms true .
+
diff --git a/public/.hermes/policies/debug-validation-report.json b/public/.hermes/policies/debug-validation-report.json
new file mode 100644
index 0000000..c96d2a8
--- /dev/null
+++ b/public/.hermes/policies/debug-validation-report.json
@@ -0,0 +1,235 @@
+[
+  {
+    "@id": "_:N8068169b02c343babe9bb8722635033a",
+    "@type": [
+      "http://www.w3.org/ns/shacl#ValidationReport"
+    ],
+    "http://www.w3.org/ns/shacl#conforms": [
+      {
+        "@type": "http://www.w3.org/2001/XMLSchema#boolean",
+        "@value": false
+      }
+    ],
+    "http://www.w3.org/ns/shacl#result": [
+      {
+        "@id": "_:Na299b0ba08894a7f95ccd9234e8a247e"
+      }
+    ]
+  },
+  {
+    "@id": "_:Na299b0ba08894a7f95ccd9234e8a247e",
+    "@type": [
+      "http://www.w3.org/ns/shacl#ValidationResult"
+    ],
+    "http://www.w3.org/ns/shacl#focusNode": [
+      {
+        "@id": "_:ne00ff720add644d5b48309d25eb5efd3b10"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#resultMessage": [
+      {
+        "@value": "String length not >= Literal(\"100\", datatype=xsd:integer)"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#resultPath": [
+      {
+        "@id": "https://schema.org/description"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#resultSeverity": [
+      {
+        "@id": "http://www.w3.org/ns/shacl#Violation"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#sourceConstraintComponent": [
+      {
+        "@id": "http://www.w3.org/ns/shacl#MinLengthConstraintComponent"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#sourceShape": [
+      {
+        "@id": "_:n2f40e429a2ba4abe8f8925c2ca966033b1"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#value": [
+      {
+        "@value": "Proof-of-concept implementation of the HERMES workflow."
+      }
+    ]
+  },
+  {
+    "@id": "_:n2f40e429a2ba4abe8f8925c2ca966033b1",
+    "http://www.w3.org/ns/shacl#datatype": [
+      {
+        "@id": "http://www.w3.org/2001/XMLSchema#string"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#description": [
+      {
+        "@value": "The software description must have a certain length."
+      }
+    ],
+    "http://www.w3.org/ns/shacl#minLength": [
+      {
+        "@type": "http://www.w3.org/2001/XMLSchema#integer",
+        "@value": 100
+      }
+    ],
+    "http://www.w3.org/ns/shacl#name": [
+      {
+        "@value": "Long description"
+      }
+    ],
+    "http://www.w3.org/ns/shacl#path": [
+      {
+        "@id": "https://schema.org/description"
+      }
+    ]
+  },
+  {
+    "@id": "_:ne00ff720add644d5b48309d25eb5efd3b10",
+    "@type": [
+      "https://schema.org/SoftwareSourceCode",
+      "http://www.w3.org/2000/01/rdf-schema#Resource"
+    ],
+    "https://doi.org/10.5063/schema/codemeta-2.0#readme": [
+      {
+        "@type": "https://schema.org/URL",
+        "@value": "https://raw.githubusercontent.com/softwarepub/hermes/proof-of-concept/README.md"
+      }
+    ],
+    "https://schema.org/author": [
+      {
+        "@id": "https://orcid.org/0000-0001-6372-3853"
+      },
+      {
+        "@id": "https://orcid.org/0000-0003-1761-2591"
+      },
+      {
+        "@id": "https://orcid.org/0000-0003-4925-7248"
+      },
+      {
+        "@id": "_:N538b305b81934ae391b8cef6677ba07e"
+      },
+      {
+        "@id": "https://orcid.org/0000-0002-2702-3419"
+      },
+      {
+        "@id": "https://orcid.org/0000-0002-3145-9880"
+      },
+      {
+        "@id": "https://orcid.org/0000-0001-8174-7795"
+      },
+      {
+        "@id": "_:Nda10c5ecbef84b65b8015a979111ed93"
+      }
+    ],
+    "https://schema.org/codeRepository": [
+      {
+        "@type": "https://schema.org/URL",
+        "@value": "https://github.com/hermes-hmc/hermes"
+      }
+    ],
+    "https://schema.org/description": [
+      {
+        "@value": "Proof-of-concept implementation of the HERMES workflow."
+      }
+    ],
+    "https://schema.org/hasPart": [
+      {
+        "@id": "_:Ncf37313a1e0340efabab1d373b7658b6"
+      }
+    ],
+    "https://schema.org/license": [
+      {
+        "@value": "https://spdx.org/licenses/Apache-2.0"
+      }
+    ],
+    "https://schema.org/version": [
+      {
+        "@value": "proof-of-concept"
+      }
+    ]
+  },
+  {
+    "@id": "_:Ncf37313a1e0340efabab1d373b7658b6",
+    "@type": [
+      "https://schema.org/CreativeWork",
+      "http://www.w3.org/2000/01/rdf-schema#Resource"
+    ],
+    "https://schema.org/associatedMedia": [
+      {
+        "@id": "_:Ndfd4d1a0eed24ccfb2f0f32df4abbed4"
+      }
+    ],
+    "https://schema.org/name": [
+      {
+        "@value": "README"
+      }
+    ]
+  },
+  {
+    "@id": "_:Ndfd4d1a0eed24ccfb2f0f32df4abbed4",
+    "@type": [
+      "https://schema.org/TextObject",
+      "http://www.w3.org/2000/01/rdf-schema#Resource"
+    ],
+    "https://schema.org/encodingFormat": [
+      {
+        "@value": "text/markdown"
+      }
+    ],
+    "https://schema.org/url": [
+      {
+        "@type": "https://schema.org/URL",
+        "@value": "https://raw.githubusercontent.com/softwarepub/hermes/proof-of-concept/README.md"
+      }
+    ]
+  },
+  {
+    "@id": "_:N538b305b81934ae391b8cef6677ba07e",
+    "@type": [
+      "https://schema.org/Organization",
+      "http://www.w3.org/2000/01/rdf-schema#Resource"
+    ],
+    "https://schema.org/name": [
+      {
+        "@value": "HERMES Team"
+      }
+    ]
+  },
+  {
+    "@id": "_:Nda10c5ecbef84b65b8015a979111ed93",
+    "@type": [
+      "https://schema.org/Person",
+      "http://www.w3.org/2000/01/rdf-schema#Resource"
+    ],
+    "https://schema.org/affiliation": [
+      {
+        "@id": "_:N8772291b30d041d9b1a5633fbbf68439"
+      }
+    ],
+    "https://schema.org/email": [
+      {
+        "@value": "gitlab-admin+bot@hzdr.de"
+      }
+    ],
+    "https://schema.org/givenName": [
+      {
+        "@value": "HIFIS Bot"
+      }
+    ]
+  },
+  {
+    "@id": "_:N8772291b30d041d9b1a5633fbbf68439",
+    "@type": [
+      "https://schema.org/Organization",
+      "http://www.w3.org/2000/01/rdf-schema#Resource"
+    ],
+    "https://schema.org/legalName": [
+      {
+        "@value": "Helmholtz Federated IT Services (HIFIS)"
+      }
+    ]
+  }
+]
\ No newline at end of file
diff --git a/public/.hermes/policies/debug-validation-report.ttl b/public/.hermes/policies/debug-validation-report.ttl
new file mode 100644
index 0000000..744bd2f
--- /dev/null
+++ b/public/.hermes/policies/debug-validation-report.ttl
@@ -0,0 +1,50 @@
+@prefix codemeta: <https://doi.org/10.5063/schema/codemeta-2.0#> .
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
+@prefix schema: <https://schema.org/> .
+@prefix sh: <http://www.w3.org/ns/shacl#> .
+@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .
+
+[] a sh:ValidationReport ;
+    sh:conforms false ;
+    sh:result [ a sh:ValidationResult ;
+            sh:focusNode [ a rdfs:Resource,
+                        schema:SoftwareSourceCode ;
+                    codemeta:readme "https://raw.githubusercontent.com/softwarepub/hermes/proof-of-concept/README.md"^^schema:URL ;
+                    schema:author [ a rdfs:Resource,
+                                schema:Organization ;
+                            schema:name "HERMES Team" ],
+                        [ a rdfs:Resource,
+                                schema:Person ;
+                            schema:affiliation [ a rdfs:Resource,
+                                        schema:Organization ;
+                                    schema:legalName "Helmholtz Federated IT Services (HIFIS)" ] ;
+                            schema:email "gitlab-admin+bot@hzdr.de" ;
+                            schema:givenName "HIFIS Bot" ],
+                        <https://orcid.org/0000-0001-6372-3853>,
+                        <https://orcid.org/0000-0001-8174-7795>,
+                        <https://orcid.org/0000-0002-2702-3419>,
+                        <https://orcid.org/0000-0002-3145-9880>,
+                        <https://orcid.org/0000-0003-1761-2591>,
+                        <https://orcid.org/0000-0003-4925-7248> ;
+                    schema:codeRepository "https://github.com/hermes-hmc/hermes"^^schema:URL ;
+                    schema:description "Proof-of-concept implementation of the HERMES workflow." ;
+                    schema:hasPart [ a rdfs:Resource,
+                                schema:CreativeWork ;
+                            schema:associatedMedia [ a rdfs:Resource,
+                                        schema:TextObject ;
+                                    schema:encodingFormat "text/markdown" ;
+                                    schema:url "https://raw.githubusercontent.com/softwarepub/hermes/proof-of-concept/README.md"^^schema:URL ] ;
+                            schema:name "README" ] ;
+                    schema:license "https://spdx.org/licenses/Apache-2.0" ;
+                    schema:version "proof-of-concept" ] ;
+            sh:resultMessage "String length not >= Literal(\"100\", datatype=xsd:integer)" ;
+            sh:resultPath schema:description ;
+            sh:resultSeverity sh:Violation ;
+            sh:sourceConstraintComponent sh:MinLengthConstraintComponent ;
+            sh:sourceShape [ sh:datatype xsd:string ;
+                    sh:description "The software description must have a certain length." ;
+                    sh:minLength 100 ;
+                    sh:name "Long description" ;
+                    sh:path schema:description ] ;
+            sh:value "Proof-of-concept implementation of the HERMES workflow." ] .
+
diff --git a/public/.hermes/process/transport.json b/public/.hermes/process/transport.json
new file mode 100644
index 0000000..7487a6b
--- /dev/null
+++ b/public/.hermes/process/transport.json
@@ -0,0 +1,483 @@
+{  "@context":[ [
+      "https://doi.org/10.5063/schema/codemeta-2.0",
+      {
+        "hermes": "https://software-metadata.pub/ns/hermes/",
+        "swcard": "tba"
+      }
+    ],
+        {
+        "plugin": "cff",
+        "local_path": "CITATION.cff",
+        "timestamp": "2025-03-18T13:28:37.657148",
+        "harvester": "cff"},
+      {"conflict:":"None"}   
+  ]
+    ,
+  "@type":[ "SoftwareSourceCode",
+  	  {
+        "plugin": "cff",
+        "local_path": "CITATION.cff",
+        "timestamp": "2025-03-18T13:28:37.657148",
+        "harvester": "cff"
+      },
+     {"conflict": "Policy 1"}
+  ],
+    "author": [
+      {
+        "@id": ["https://orcid.org/0000-0001-6372-3853",
+            {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff",
+          "alternative_source":{"plugin": "codemeta",
+                                "value": "https://orcid.org/0000-0001-2345-6789",
+                                  "local_path": "codemeta.md",
+                                  "timestamp": "2025-04-18T13:28:37.657148",
+                                "harvester": "codemeta"}
+          },
+         {"conflict": "Curation"}
+        ],
+        "@type": ["Person",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+         {"conflict": "None"}
+        ],
+        "affiliation": {
+          "@type": ["Organization",
+            {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+        ],
+        "@legalName": ["German Aerospace Center (DLR)",
+            {
+            "plugin": "codemeta",
+            "local_path": "codemeta.md",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "codemeta"
+          },
+          {"conflict": "None"}
+        ]
+          
+        },
+          "familyName": ["Meinel",
+            {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "givenName": [ "Michael",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "email": ["michael.meinel@dlr.de",
+            {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+         ]
+      },
+      
+      {
+        "@id":[ "https://orcid.org/0000-0003-4925-7248",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+         {"conflict": "None"}
+         ] ,
+        "@type": ["Person",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+         {"conflict": "None"}
+        ],
+        "affiliation": {
+          "@type": ["Organization",
+            {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+          "@legalName": ["German Aerospace Center (DLR)",
+            {
+            "plugin": "codemeta",
+            "local_path": "codemeta.md",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "codemeta",
+                      "alternative_source":{"plugin": "cff",
+                      "value": "Deutsches Zentrum fuer Luft- und Raumfahrt e.V.",
+                        "local_path": "CITATION.cff",
+                        "timestamp": "2025-04-18T13:28:37.657148",
+                      "harvester": "cff"}
+          },
+          {"conflict": "Curation"}
+            ]
+          
+        },
+        "familyName": ["Druskat",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "givenName": ["Stephan",
+            {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "email": ["stephan.druskat@dlr.de",
+            {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ]
+      },
+      {
+        "@id": ["https://orcid.org/0000-0002-2702-3419",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+        {"conflict": "None"}
+        ],
+        "@type":[ "Person",
+        {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+         {"conflict": "None"}
+        ],
+        "affiliation": {
+          "@type": ["Organization",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "@legalName": ["Forschungszentrum J\u00c3\u00bclich",
+          {
+            "plugin": "codemeta",
+            "local_path": "codemeta.md",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "codemeta"
+          },
+          {"conflict": "None"}      
+          ]
+        },
+        "familyName": ["Bertuch",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "givenName": ["Oliver",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "email": ["o.bertuch@fz-juelich.de",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ]
+      },     
+      {
+      "@id": ["https://orcid.org/0000-0002-3145-9880",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+         {"conflict": "None"}
+        ],
+        "@type": ["Person",
+        {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+         {"conflict": "None"}
+        ],
+        "affiliation": {
+          "@type": ["Organization",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+        "@legalName":[ "Helmholtz-Zentrum Dresden-Rossendorf (HZDR)",
+          {
+            "plugin": "codemeta",
+            "local_path": "codemeta.md",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "codemeta"
+          },
+          {"conflict": "None"}
+          ]      
+        },
+        "familyName":[ "Pape",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ],
+          "givenName": ["David",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+            ],
+        "email": ["d.pape@hzdr.de",
+          {
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
+            "timestamp": "2025-03-18T13:28:37.657148",
+            "harvester": "cff"
+          },
+          {"conflict": "None"}
+          ]
+        },
+        {
+          "@id": ["https://orcid.org/0009-0005-4430-6743",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+           {"conflict": "None"}
+            ],
+          "@type": ["Person",
+          {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+           {"conflict": "None"}
+          ],
+          "affiliation": {
+            "@type": ["Organization",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "None"}
+            ],
+          "@legalName": ["German Aerospace Center (DLR)",
+            {
+              "plugin": "codemeta",
+              "local_path": "codemeta.md",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "codemeta"
+            },
+            {"conflict": "None"}
+            ]  
+          },
+          "familyName": ["Sophie",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "Policy 1"}
+           ],
+          "givenName": ["Kernchen",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "Policy 1"}
+            ],
+          "email":["sophie.kernchen@dlr.de",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "None"}
+            ]
+        },
+        {
+        "@id": ["https://orcid.org/0009-0001-8382-4923",
+          {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+           {"conflict": "None"}
+          ],
+          "@type": ["Person",
+          {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+           {"conflict": "None"}
+          ],
+          "affiliation": {
+            "@type": ["Organization",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "None"}
+            ],
+          "@legalName": ["Forschungszentrum J\u00c3\u00bclich",
+            {
+              "plugin": "codemeta",
+              "local_path": "codemeta.md",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "codemeta"
+            },
+            {"conflict": "None"}
+            ]  
+          },
+          "familyName": ["Heeb",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "None"}
+            ],
+          "givenName": ["Nitai",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "None"}
+            ],
+          "email": ["n.heeb@fz-juelich.de",
+            {
+              "plugin": "cff",
+              "local_path": "CITATION.cff",
+              "timestamp": "2025-03-18T13:28:37.657148",
+              "harvester": "cff"
+            },
+            {"conflict": "None"}
+            ]
+        }
+      
+      ],
+      "description": ["Cool tool",
+      {
+        "plugin": "cff",
+        "local_path": "CITATION.cff",
+        "timestamp": "2025-03-18T13:28:37.657148",
+        "harvester": "cff"
+      },
+      {"conflict": "None"}
+      ],
+    "license": ["https://spdx.org/licenses/Apache-2.0",
+      {
+        "plugin": "cff",
+        "local_path": "CITATION.cff",
+        "timestamp": "2025-03-18T13:28:37.657148",
+        "harvester": "cff"
+      },
+      {"conflict": "None"}
+      ],
+  "name": ["SoftwareCaRD Test",
+      {
+        "plugin": "cff",
+        "local_path": "CITATION.cff",
+        "timestamp": "2025-03-18T13:28:37.657148",
+        "harvester": "cff"
+      },
+      {"conflict": "None"}
+      ],
+
+  "version": ["0.1.0",
+      {
+        "plugin": "cff",
+        "local_path": "CITATION.cff",
+        "timestamp": "2025-03-18T13:28:37.657148",
+        "harvester": "cff"
+      },
+      {"conflict": "None"}
+      ],
+
+  "policiy-report":{"policy 1": "Validated"}
+}
+  
\ No newline at end of file

From 904d5010064e2464369810c3d053558dbbb76336 Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Thu, 4 Dec 2025 12:39:54 +0100
Subject: [PATCH 05/14] Integrate metadata, tags are missing

---
 public/.hermes/process/transport.json |  12 +--
 public/curation/curation.js           |  12 ++-
 public/curation/extract.js            | 125 ++++++++++++++------------
 3 files changed, 80 insertions(+), 69 deletions(-)

diff --git a/public/.hermes/process/transport.json b/public/.hermes/process/transport.json
index 7487a6b..5909f12 100644
--- a/public/.hermes/process/transport.json
+++ b/public/.hermes/process/transport.json
@@ -15,10 +15,10 @@
     ,
   "@type":[ "SoftwareSourceCode",
   	  {
-        "plugin": "cff",
-        "local_path": "CITATION.cff",
+        "plugin": "codemeta",
+        "local_path": "codemeta.md",
         "timestamp": "2025-03-18T13:28:37.657148",
-        "harvester": "cff"
+        "harvester": "codemeta"
       },
      {"conflict": "Policy 1"}
   ],
@@ -59,10 +59,10 @@
         ],
         "@legalName": ["German Aerospace Center (DLR)",
             {
-            "plugin": "codemeta",
-            "local_path": "codemeta.md",
+            "plugin": "cff",
+            "local_path": "CITATION.cff",
             "timestamp": "2025-03-18T13:28:37.657148",
-            "harvester": "codemeta"
+            "harvester": "cff"
           },
           {"conflict": "None"}
         ]
diff --git a/public/curation/curation.js b/public/curation/curation.js
index 7e8f78f..978f050 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -5,7 +5,7 @@ export function displayJSON(json_document){
 fetch(json_document)//.hermes/process/hermes.json")
     .then(response => response.json())
     .then(data => {
-        document.getElementById("test").innerHTML = 'Project <b>'+data.name.name+'</b>';
+        document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
         const keys = Object.keys(data);
         const hermes = document.getElementById("hermes");
         const tags = document.getElementById("tags");
@@ -26,14 +26,12 @@ fetch(json_document)//.hermes/process/hermes.json")
             const cell = document.createElement("td");
             const cell2 = document.createElement("td");
             const cellText = document.createTextNode(` ${element}`);
-            const cellText2 = document.createElement('div');
 
             const cellTag = document.createElement("td");
             const cellTextTag = document.createElement('div');
-            extract_info(cellText2, data[element], cellTextTag, element);
+            extract_info(cell2, data[element], cellTextTag, element);
 
             cell.appendChild(cellText);
-            cell2.appendChild(cellText2);
             row.appendChild(cell);
             row.appendChild(cell2);
 
@@ -41,6 +39,12 @@ fetch(json_document)//.hermes/process/hermes.json")
             cellTag.appendChild(cellTextTag);
             rowTags.appendChild(cellTag);
 
+            let style = getComputedStyle(cell);
+
+            let hei = parseInt(style.offsetHeight) || 0;
+            console.log(hei);
+            cellTag.style.height = `${cell.offsetHeight}px`;
+
       
           // add the row to the end of the table body
           tblBody.appendChild(row);
diff --git a/public/curation/extract.js b/public/curation/extract.js
index a4d8667..78b4c3a 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -1,77 +1,75 @@
-function extract_info(element, obj, tag, category){
-      const div = document.createElement("div");
-      const divTag = document.createElement("div");
-      if(obj[category]){
-        if(typeof obj[category] === "string" || typeof obj[category] == "number"){
-          div.appendChild(document.createTextNode(` ${obj[category]}`));
-        }else if(Array.isArray(obj[category])){
-          if(Array.isArray(obj[category][0]) && Object.keys(obj[category][0]).includes("familyName")){
-            obj[category].forEach(e =>{
-              const element = document.createElement("div");
-              extract_person(e, element);
-              div.appendChild(element);
-
-            })
-          }
-          obj[category].forEach(e =>{
-            //const name = e.exec("familyName");
-            const element = document.createElement("div");
-            element.appendChild(document.createTextNode(` ${JSON.stringify(e).replaceAll("{","").replaceAll("}","").replaceAll('"',"")}`));
-            div.appendChild(element);
-      
-          })
-
-        }else{
-            const element = document.createElement("div");
-            element.appendChild(document.createTextNode(` ${JSON.stringify(obj[category])}`));
-            div.appendChild(element);
-        }
-      }else{
-        if(Array.isArray(obj) && Object.keys(obj[0]).includes("familyName")){
+function extract_info(cell, obj, tag, category){
+      if(!Array.isArray(obj)){
+        obj = [obj];
+      }
+      if(typeof obj[0] === "string" || typeof obj[0] == "number"){
+        cell.appendChild(document.createTextNode(` ${obj[0]}`));
+      }
+      else if(!Array.isArray(obj[0]) && Object.keys(obj[0]).includes("familyName")){
           obj.forEach(e =>{
             const element = document.createElement("div");
-            console.log(e, element);
-            extract_person(e, element);
-            div.appendChild(element);
+            extract_person(e, element, tag);
+            cell.appendChild(element);
 
-          })
-        }else{
+          })}
+      else if(Array.isArray(obj[0])){
+          obj[0].forEach(e =>{
           const element = document.createElement("div");
-          element.appendChild(document.createTextNode(` ${JSON.stringify(obj)}`));
-          div.appendChild(element);
-        }
-      }
-
-      if(Object.keys(obj).includes("meta")){
+          extract_info(element, e, tag);
+          //element.appendChild(document.createTextNode(`hh ${e}`));
+          cell.appendChild(element);
 
-        divTag.appendChild(document.createTextNode(`${obj.meta["local_path"]}`));
-      }else{
-        divTag.appendChild(document.createTextNode(`See Details`));
+        })
+          }
+      else{
+          const div = document.createElement("div");
+          for (let key in obj[0]) {
+            if(typeof obj[0][key]=== "string" || typeof obj[0][key] == "number"){
+            div.appendChild(document.createTextNode(`${key}: ${(obj[0][key])}`));
+            }else{
+              div.appendChild(document.createTextNode(`${key}: `));
+              extract_info(div, obj[0][key], tag, key); 
+            }
+            div.appendChild(document.createElement("br"));
+          }
+          cell.appendChild(div);
+      }
+      if(obj[1] && Object.keys(obj[1]).includes("local_path")){
+        const divTag = document.createElement("div");
+        divTag.classList.add("tag");
+        divTag.appendChild(document.createTextNode(`${obj[1]["local_path"]}`));
+        tag.appendChild(divTag);
       }
-      element.appendChild(div);
-      tag.appendChild(divTag);
     }
 
-  function extract_person(e, element){
+  function extract_person(e, element, tag){
     const tooltip = document.createElement("div");
+    const tooltiptag = document.createElement("div");
     tooltip.classList.add("tooltip");
-    //tooltip.onclick = function(){link_to_person(e)};
+    tooltip.onclick = function(){link_to_person(e)};
     const tooltiptext = document.createElement("div");
     tooltiptext.classList.add("tooltiptext");
-    const text = document.createTextNode(`${e.familyName.familyName}, ${e.givenName.givenName} `);
-    if(e.familyName.familyName === "Sophie"){
+    const text = document.createTextNode(`${e.familyName[0]}, ${e.givenName[0]} `);
+    tooltiptag.appendChild(document.createTextNode("See Details"));
+    tooltiptag.appendChild(document.createElement("br"));
+    tooltiptag.onclick = function(){link_to_person(e)};
+    tag.appendChild(tooltiptag);
+    if(e.familyName[0] === "Sophie"){
       tooltip.className += " error"
     }
     //const data = JSON.stringify(e, null, 2);
     
     const names = [];
     Object.keys(e).forEach(k => {
-      if (Object.keys(e[k]).includes(k)){
-        names.push(`${k}:  ${e[k][k]}`); 
+      if(!Array.isArray(e[k])){
+        for (let key in e[k]) {
+        names.push(`${k}:${key}:  ${e[k][key][0]}`); 
+        }
+      }else{
+      names.push(`${k}:  ${e[k][0]}`); 
       }
     })
-    console.log(names);
-    tooltiptext.appendChild(document.createTextNode(`${names.toString().replaceAll(",","\n")}`)); //{.*\n*\t*.*\n*}
+    tooltiptext.appendChild(document.createTextNode(`${names.toString().replaceAll(",","\n")}`));
     tooltip.appendChild(tooltiptext);
     tooltip.appendChild(text);
     element.appendChild(tooltip);
@@ -79,7 +77,7 @@ function extract_info(element, obj, tag, category){
 
   function link_to_person(data){
     document.body.innerHTML = '<p id="test"></p><div id="content"><div id="hermes"></div><div id="tags"></div></div><button onClick="window.location.reload();">Go Back</button>';
-        document.getElementById("test").innerHTML = 'Person <b>'+data.familyName+'</b>';
+        document.getElementById("test").innerHTML = 'Person <b>'+data.familyName[0]+'</b>';
         const keys = Object.keys(data);
         const hermes = document.getElementById("hermes");
         const tbl = document.createElement("table");
@@ -98,15 +96,12 @@ function extract_info(element, obj, tag, category){
             const cell = document.createElement("td");
             const cell2 = document.createElement("td");
             const cellText = document.createTextNode(` ${element}`);
-            const cellText2 = document.createElement('div');
 
             const cellTag = document.createElement("td");
             const cellTextTag = document.createElement('div');
 
-            extract_info(cellText2, data[element], cellTextTag, "author[0]."+element);
-            //cellText2.appendChild(document.createTextNode(` ${data.affiliation[element]}`));
+            extract_info(cell2, data[element], cellTextTag, element);
             cell.appendChild(cellText);
-            cell2.appendChild(cellText2);
             row.appendChild(cell);
             row.appendChild(cell2);
 
@@ -126,4 +121,16 @@ function extract_info(element, obj, tag, category){
         tags.appendChild(tblTags);
 
   }
+
+  function getHeight(element)
+{
+    element.style.visibility = "hidden";
+    document.body.appendChild(element);
+    var height = element.offsetHeight + 0;
+    document.body.removeChild(element);
+    element.style.visibility = "visible";
+    console.log(height);
+    return height;
+}
+
   export {extract_info};

From f61fd72d6b7525584524e0fb25f4f5a56c3d675e Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Fri, 12 Dec 2025 13:51:42 +0100
Subject: [PATCH 06/14] Improve display of tags

---
 public/curation/curation.js | 42 +++++++++++++++++--------------------
 public/curation/extract.js  | 11 ----------
 public/curation/index.html  |  5 +----
 public/style.css            |  1 +
 4 files changed, 21 insertions(+), 38 deletions(-)

diff --git a/public/curation/curation.js b/public/curation/curation.js
index 978f050..cb629e7 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -8,21 +8,28 @@ fetch(json_document)//.hermes/process/hermes.json")
         document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
         const keys = Object.keys(data);
         const hermes = document.getElementById("hermes");
-        const tags = document.getElementById("tags");
         const tbl = document.createElement("table");
         const tblBody = document.createElement("tbody");
 
-        const tblTags = document.createElement("table");
-        const tblBodyTags = document.createElement("tbody");
-
-        
-      
+        const colgroup = document.createElement("colgroup");
+        for(let i=0; i<3; i++){
+          const col = document.createElement("col");
+          col.id = `col${i}`;
+          colgroup.appendChild(col);
+        }
+        tbl.appendChild(colgroup);
+        //tbl.appendChild(colgroup);
         // creating all cells
-        keys.forEach(element => {
+        const row = document.createElement("tr");
+        const cell = document.createElement("td");
+        cell.appendChild(document.createTextNode(` Curation View`));
+        cell.colSpan = "3";
+        row.appendChild(cell);
+        tblBody.appendChild(row);
+
+        keys.forEach(element => {          
           // creates a table row
           const row = document.createElement("tr");
-          const rowTags = document.createElement("tr");
-
             const cell = document.createElement("td");
             const cell2 = document.createElement("td");
             const cellText = document.createTextNode(` ${element}`);
@@ -37,33 +44,22 @@ fetch(json_document)//.hermes/process/hermes.json")
 
             
             cellTag.appendChild(cellTextTag);
-            rowTags.appendChild(cellTag);
+            row.appendChild(cellTag);
 
-            let style = getComputedStyle(cell);
-
-            let hei = parseInt(style.offsetHeight) || 0;
-            console.log(hei);
-            cellTag.style.height = `${cell.offsetHeight}px`;
-
-      
           // add the row to the end of the table body
           tblBody.appendChild(row);
-          tblBodyTags.appendChild(rowTags);
         })
         tbl.appendChild(tblBody);
         hermes.appendChild(tbl);
 
-        tblTags.appendChild(tblBodyTags);
-        tags.appendChild(tblTags);
-
     })
 }
 
 const checkbox = document.getElementById("extended");
 checkbox.addEventListener('change', (event)=>{
   if(checkbox.checked){
-    document.getElementById("tags").style.display = "block";
+    document.getElementById("col2").style.visibility = "";
   }else{
-    document.getElementById("tags").style.display = "none";
+    document.getElementById("col2").style.visibility = "collapse";
   }
 })
diff --git a/public/curation/extract.js b/public/curation/extract.js
index 78b4c3a..7dacb2e 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -122,15 +122,4 @@ function extract_info(cell, obj, tag, category){
 
   }
 
-  function getHeight(element)
-{
-    element.style.visibility = "hidden";
-    document.body.appendChild(element);
-    var height = element.offsetHeight + 0;
-    document.body.removeChild(element);
-    element.style.visibility = "visible";
-    console.log(height);
-    return height;
-}
-
   export {extract_info};
diff --git a/public/curation/index.html b/public/curation/index.html
index 89f9640..b8b8625 100644
--- a/public/curation/index.html
+++ b/public/curation/index.html
@@ -26,13 +26,10 @@ <h1><a href="../">Software CaRD</a>
     
     <div id="content">
     <div id="hermes">
-    </div>
-    <div id="tags">
-
     </div></div>
     <br>
 
-    <div id="s"></div>
+    <div id="s"></div>   
 
     <script type="module" src="./script.js"></script>
 
diff --git a/public/style.css b/public/style.css
index 368f3ea..aceb951 100644
--- a/public/style.css
+++ b/public/style.css
@@ -17,6 +17,7 @@ table {
     align-items: center;
     justify-content: center;
 }
+
 tbody {
     border: 1px solid;
 }

From 04c3b774b854e42ea15a664ad9676c9cd23b3795 Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Fri, 12 Dec 2025 13:52:57 +0100
Subject: [PATCH 07/14] Remove unessasary row

---
 public/curation/curation.js | 7 -------
 public/style.css            | 8 ++------
 2 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/public/curation/curation.js b/public/curation/curation.js
index cb629e7..ec99901 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -20,13 +20,6 @@ fetch(json_document)//.hermes/process/hermes.json")
         tbl.appendChild(colgroup);
         //tbl.appendChild(colgroup);
         // creating all cells
-        const row = document.createElement("tr");
-        const cell = document.createElement("td");
-        cell.appendChild(document.createTextNode(` Curation View`));
-        cell.colSpan = "3";
-        row.appendChild(cell);
-        tblBody.appendChild(row);
-
         keys.forEach(element => {          
           // creates a table row
           const row = document.createElement("tr");
diff --git a/public/style.css b/public/style.css
index aceb951..190253b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -13,15 +13,11 @@ a{
   }
 
 table {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-tbody {
     border: 1px solid;
+    border-collapse: collapse;
 }
 
+
 th, td, tr {
     border: 1px solid;
     padding-inline: 10px;

From 1b9c1e74aaa2ac91c6c8a8743e0765a14eeffb40 Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Tue, 27 Jan 2026 09:59:02 +0100
Subject: [PATCH 08/14] Fix Curation error display

---
 public/.hermes/process/transport.json | 16 +++++----
 public/curation/extract.js            | 49 +++++++++++++++++----------
 public/curation/index.html            |  1 -
 public/style.css                      | 21 ++++++------
 4 files changed, 52 insertions(+), 35 deletions(-)

diff --git a/public/.hermes/process/transport.json b/public/.hermes/process/transport.json
index 5909f12..c37de8a 100644
--- a/public/.hermes/process/transport.json
+++ b/public/.hermes/process/transport.json
@@ -10,9 +10,8 @@
         "local_path": "CITATION.cff",
         "timestamp": "2025-03-18T13:28:37.657148",
         "harvester": "cff"},
-      {"conflict:":"None"}   
-  ]
-    ,
+      {"conflict":"None"}   
+  ],
   "@type":[ "SoftwareSourceCode",
   	  {
         "plugin": "codemeta",
@@ -473,9 +472,14 @@
         "plugin": "cff",
         "local_path": "CITATION.cff",
         "timestamp": "2025-03-18T13:28:37.657148",
-        "harvester": "cff"
-      },
-      {"conflict": "None"}
+        "harvester": "cff",
+        "alternative_source":{"plugin": "codemeta",
+                                "value": "0.1.1",
+                                  "local_path": "codemeta.md",
+                                  "timestamp": "2025-04-18T13:28:38.657148",
+                                "harvester": "codemeta"}
+          },
+         {"conflict": "Curation"}
       ],
 
   "policiy-report":{"policy 1": "Validated"}
diff --git a/public/curation/extract.js b/public/curation/extract.js
index 7dacb2e..3fda587 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -3,7 +3,17 @@ function extract_info(cell, obj, tag, category){
         obj = [obj];
       }
       if(typeof obj[0] === "string" || typeof obj[0] == "number"){
+        console.log("einfahc", obj[0], obj[2]);
+        if(obj[2] && obj[2]["conflict"] == "Curation"){
+          console.log(`${Object.keys(obj[2])}`);
+          const element = document.createElement("div");
+          element.className += " error";
+          element.appendChild(document.createTextNode(` ${obj[0]}`));
+          cell.appendChild(element);
+        }else{
         cell.appendChild(document.createTextNode(` ${obj[0]}`));
+        }
+        
       }
       else if(!Array.isArray(obj[0]) && Object.keys(obj[0]).includes("familyName")){
           obj.forEach(e =>{
@@ -14,10 +24,12 @@ function extract_info(cell, obj, tag, category){
           })}
       else if(Array.isArray(obj[0])){
           obj[0].forEach(e =>{
+            console.log(e);
           const element = document.createElement("div");
           extract_info(element, e, tag);
           //element.appendChild(document.createTextNode(`hh ${e}`));
           cell.appendChild(element);
+          
 
         })
           }
@@ -40,6 +52,7 @@ function extract_info(cell, obj, tag, category){
         divTag.appendChild(document.createTextNode(`${obj[1]["local_path"]}`));
         tag.appendChild(divTag);
       }
+
     }
 
   function extract_person(e, element, tag){
@@ -54,22 +67,34 @@ function extract_info(cell, obj, tag, category){
     tooltiptag.appendChild(document.createElement("br"));
     tooltiptag.onclick = function(){link_to_person(e)};
     tag.appendChild(tooltiptag);
-    if(e.familyName[0] === "Sophie"){
-      tooltip.className += " error"
-    }
     //const data = JSON.stringify(e, null, 2);
     
     const names = [];
     Object.keys(e).forEach(k => {
+      const pair = document.createElement("p");
       if(!Array.isArray(e[k])){
         for (let key in e[k]) {
+        const pair_in_list = document.createElement("p");
         names.push(`${k}:${key}:  ${e[k][key][0]}`); 
+        pair_in_list.appendChild(document.createTextNode(`${k}:${key}:  ${e[k][key][0]}`));
+        if(e[k][key][2] && e[k][key][2]["conflict"] == "Curation"){
+          pair_in_list.className += " error";
+          tooltiptag.className += " error";
         }
+        pair.appendChild(pair_in_list);
+      }
       }else{
       names.push(`${k}:  ${e[k][0]}`); 
+      pair.appendChild(document.createTextNode(`${k}:  ${e[k][0]}`));
+      
+      if(e[k][2] && e[k][2]["conflict"] == "Curation"){
+        pair.className += " error";
+        tooltiptag.className += " error";
       }
+    }
+    tooltiptext.appendChild(pair);
     })
-    tooltiptext.appendChild(document.createTextNode(`${names.toString().replaceAll(",","\n")}`));
+    //tooltiptext.appendChild(document.createTextNode(`${names.toString().replaceAll(",","\n")}`));
     tooltip.appendChild(tooltiptext);
     tooltip.appendChild(text);
     element.appendChild(tooltip);
@@ -82,16 +107,12 @@ function extract_info(cell, obj, tag, category){
         const hermes = document.getElementById("hermes");
         const tbl = document.createElement("table");
         const tblBody = document.createElement("tbody");
-        
-        const tags = document.getElementById("tags");
-        const tblTags = document.createElement("table");
-        const tblBodyTags = document.createElement("tbody");
+
       
         // creating all cells
         keys.forEach(element => {
           // creates a table row
-          const row = document.createElement("tr");   
-          const rowTags = document.createElement("tr");
+          const row = document.createElement("tr"); 
       
             const cell = document.createElement("td");
             const cell2 = document.createElement("td");
@@ -106,20 +127,14 @@ function extract_info(cell, obj, tag, category){
             row.appendChild(cell2);
 
             cellTag.appendChild(cellTextTag);
-            rowTags.appendChild(cellTag);
+            row.appendChild(cellTag);
 
-
-      
           // add the row to the end of the table body
           tblBody.appendChild(row);
-          tblBodyTags.appendChild(rowTags);
         })
         tbl.appendChild(tblBody);
         hermes.appendChild(tbl);
 
-        tblTags.appendChild(tblBodyTags);
-        tags.appendChild(tblTags);
-
   }
 
   export {extract_info};
diff --git a/public/curation/index.html b/public/curation/index.html
index b8b8625..f5b065f 100644
--- a/public/curation/index.html
+++ b/public/curation/index.html
@@ -29,7 +29,6 @@ <h1><a href="../">Software CaRD</a>
     </div></div>
     <br>
 
-    <div id="s"></div>   
 
     <script type="module" src="./script.js"></script>
 
diff --git a/public/style.css b/public/style.css
index 190253b..3ab47d4 100644
--- a/public/style.css
+++ b/public/style.css
@@ -15,6 +15,7 @@ a{
 table {
     border: 1px solid;
     border-collapse: collapse;
+    width:100%;
 }
 
 
@@ -37,17 +38,10 @@ button{
 
 #content{
     display: flex;
-    align-items: stretch;
     justify-content: center;
 }
-
-.elements{
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    flex-direction: column;
-    flex-wrap: nowrap;
-
+#hermes{
+    width: 80%;
 }
 
 .tooltip {
@@ -63,11 +57,15 @@ color: #fff;
 text-align: center;
 position: absolute;
 z-index: 1;
+width: 80%;
 bottom: 125%;
-left:20%;
-translate: -12%;
+left: 10%;
 opacity: 0;
 transition: opacity 0.3s;
+border-radius: 12px;
+}
+.tooltip .tooltiptext p{
+font-size: large;
 
 }
 
@@ -90,4 +88,5 @@ opacity: 1;
 
 .error{
     color: red;
+    border-color:black;
 }

From 4e4f8366002c0e41eaa9e0fc96762217a6f60da9 Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Fri, 13 Feb 2026 11:41:26 +0100
Subject: [PATCH 09/14] Start refactor to template form

---
 public/.hermes/process/transport.json |  2 +-
 public/curation/curation.js           | 76 ++++++++++-----------------
 public/curation/extract.js            |  3 +-
 public/curation/index.html            | 28 ++++++++--
 public/dashboard/main.js              |  2 +-
 public/style.css                      | 10 +++-
 6 files changed, 66 insertions(+), 55 deletions(-)

diff --git a/public/.hermes/process/transport.json b/public/.hermes/process/transport.json
index c37de8a..b368a4f 100644
--- a/public/.hermes/process/transport.json
+++ b/public/.hermes/process/transport.json
@@ -482,6 +482,6 @@
          {"conflict": "Curation"}
       ],
 
-  "policiy-report":{"policy 1": "Validated"}
+  "policy-report":{"policy 1": "Validated"}
 }
   
\ No newline at end of file
diff --git a/public/curation/curation.js b/public/curation/curation.js
index ec99901..3794013 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -2,57 +2,37 @@ import { extract_info } from "./extract.js";
 
 export function displayJSON(json_document){
 
-fetch(json_document)//.hermes/process/hermes.json")
-    .then(response => response.json())
-    .then(data => {
-        document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
-        const keys = Object.keys(data);
-        const hermes = document.getElementById("hermes");
-        const tbl = document.createElement("table");
-        const tblBody = document.createElement("tbody");
+  fetch(json_document)
+  .then(response => response.json())
+  .then(data => {
+      document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
+      const keys = Object.keys(data);
+      const metadateTemp = document.querySelector("#metadate");
+      const tbody = document.querySelector("#metadata");
+
+      keys.forEach(element => {          
+        const row = document.importNode(metadateTemp.content, true);
+        const mkey = row.querySelector("#key"),
+          mvalue = row.querySelector("#value"),
+          mtag = row.querySelector("#tag");
+
+          mkey.textContent = `${element}`;
+          extract_info(mvalue, data[element], mtag);
+          /*
+          mvalue.textContent = `${data[element][0]}`;
+          mtag.textContent = `${data[element][1]["local_path"]}`;*/
+          tbody.appendChild(row);
+      })
+  })
 
-        const colgroup = document.createElement("colgroup");
-        for(let i=0; i<3; i++){
-          const col = document.createElement("col");
-          col.id = `col${i}`;
-          colgroup.appendChild(col);
-        }
-        tbl.appendChild(colgroup);
-        //tbl.appendChild(colgroup);
-        // creating all cells
-        keys.forEach(element => {          
-          // creates a table row
-          const row = document.createElement("tr");
-            const cell = document.createElement("td");
-            const cell2 = document.createElement("td");
-            const cellText = document.createTextNode(` ${element}`);
 
-            const cellTag = document.createElement("td");
-            const cellTextTag = document.createElement('div');
-            extract_info(cell2, data[element], cellTextTag, element);
-
-            cell.appendChild(cellText);
-            row.appendChild(cell);
-            row.appendChild(cell2);
-
-            
-            cellTag.appendChild(cellTextTag);
-            row.appendChild(cellTag);
-
-          // add the row to the end of the table body
-          tblBody.appendChild(row);
-        })
-        tbl.appendChild(tblBody);
-        hermes.appendChild(tbl);
-
-    })
-}
 
 const checkbox = document.getElementById("extended");
 checkbox.addEventListener('change', (event)=>{
-  if(checkbox.checked){
-    document.getElementById("col2").style.visibility = "";
-  }else{
-    document.getElementById("col2").style.visibility = "collapse";
-  }
+if(checkbox.checked){
+  document.getElementById("col2").style.visibility = "";
+}else{
+  document.getElementById("col2").style.visibility = "collapse";
+}
 })
+}
\ No newline at end of file
diff --git a/public/curation/extract.js b/public/curation/extract.js
index 3fda587..b7b526c 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -101,7 +101,8 @@ function extract_info(cell, obj, tag, category){
   }
 
   function link_to_person(data){
-    document.body.innerHTML = '<p id="test"></p><div id="content"><div id="hermes"></div><div id="tags"></div></div><button onClick="window.location.reload();">Go Back</button>';
+    document.body.innerHTML =  '<p id="test"></p><div id="content"><div id="hermes"></div><div id="tags"></div></div><button onClick="window.location.reload();">Go Back</button>';
+
         document.getElementById("test").innerHTML = 'Person <b>'+data.familyName[0]+'</b>';
         const keys = Object.keys(data);
         const hermes = document.getElementById("hermes");
diff --git a/public/curation/index.html b/public/curation/index.html
index f5b065f..569b49a 100644
--- a/public/curation/index.html
+++ b/public/curation/index.html
@@ -25,9 +25,31 @@ <h1><a href="../">Software CaRD</a>
     <label for="extended">Extended view</label><br>
     
     <div id="content">
-    <div id="hermes">
-    </div></div>
-    <br>
+        <div id="hermes">
+                <table>
+                    <colgroup>
+                        <col id="col0">
+                        <col id="col1">
+                        <col id="col2">
+                    </colgroup>
+                    <tbody id="metadata">
+                        <template id="metadate">
+                        <tr>
+                            <td id="key"></td>
+                            <td id="value">
+                            </td>
+                            <td id="tag"></td>
+                        </tr>
+                    </template>
+    
+                    </tbody>
+                </table>
+    
+        </div>
+        <template id="policy-report">
+            <h3>Policy Report</h3>
+        </template>
+    </div>
 
 
     <script type="module" src="./script.js"></script>
diff --git a/public/dashboard/main.js b/public/dashboard/main.js
index 07e56c8..a5a4d59 100644
--- a/public/dashboard/main.js
+++ b/public/dashboard/main.js
@@ -7,7 +7,7 @@ window.onload = async function () {
     const token = localStorage.getItem("gitlab-api-token");
     if (!token) {
         alert("Please set up the GitLab connection first!");
-        window.location = "./";
+        window.location = "../";
         return;
     }
 
diff --git a/public/style.css b/public/style.css
index 3ab47d4..f76431f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -58,6 +58,7 @@ text-align: center;
 position: absolute;
 z-index: 1;
 width: 80%;
+padding: 10px;
 bottom: 125%;
 left: 10%;
 opacity: 0;
@@ -66,7 +67,7 @@ border-radius: 12px;
 }
 .tooltip .tooltiptext p{
 font-size: large;
-
+margin: 0px;
 }
 
 .tooltip .tooltiptext::after {
@@ -86,6 +87,13 @@ visibility: visible;
 opacity: 1;
 }
 
+button{
+    border-radius: 12px;
+    background-image: -webkit-linear-gradient(166.66deg, rgb(34, 198, 227) 4.62%, rgb(23, 124, 207) 10.62%, rgb(116, 75, 196) 86.29%);
+    color: white;
+    border-color: white;
+    padding: 10px;
+}
 .error{
     color: red;
     border-color:black;

From fa57427b4e57ec142f99756376dfac8834d997ab Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Fri, 13 Feb 2026 17:42:02 +0100
Subject: [PATCH 10/14] Select dataset via searchparams

---
 public/curation/curation.js | 35 +++++++++++++++++++++++++++++-----
 public/curation/extract.js  | 38 ++-----------------------------------
 public/curation/index.html  |  1 +
 public/curation/person.html | 30 -----------------------------
 4 files changed, 33 insertions(+), 71 deletions(-)
 delete mode 100644 public/curation/person.html

diff --git a/public/curation/curation.js b/public/curation/curation.js
index 3794013..5d69fca 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -5,7 +5,17 @@ export function displayJSON(json_document){
   fetch(json_document)
   .then(response => response.json())
   .then(data => {
-      document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
+      const params = new URLSearchParams(location.search);
+      if(params.has("id")){
+        const id = params.get("id")
+        data = get_data_snippet(data, "@id", id);
+
+        document.body.innerHTML += `<button onClick="window.location = window.location.href.split('?')[0];">Back to Overview</button>`;
+      }
+      
+
+
+      //document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
       const keys = Object.keys(data);
       const metadateTemp = document.querySelector("#metadate");
       const tbody = document.querySelector("#metadata");
@@ -24,15 +34,30 @@ export function displayJSON(json_document){
           tbody.appendChild(row);
       })
   })
-
-
+}
+function get_data_snippet(data, skey, svalue){
+  const stack = [data];
+  search: while (stack?.length > 0) {
+    const obj = stack.pop();
+    for(let i=0; i<Object.keys(obj).length; i++){
+      let key = Object.keys(obj)[i];
+      if(key==skey && obj[key][0]==svalue){
+        return obj;
+      }
+      if (typeof obj[key] === 'object' && obj[key] !== null) {
+        stack.push(obj[key]);
+      }
+    }
+  }
+  return data;
+}
 
 const checkbox = document.getElementById("extended");
 checkbox.addEventListener('change', (event)=>{
-if(checkbox.checked){
+  if(checkbox.checked){
   document.getElementById("col2").style.visibility = "";
 }else{
   document.getElementById("col2").style.visibility = "collapse";
 }
+
 })
-}
\ No newline at end of file
diff --git a/public/curation/extract.js b/public/curation/extract.js
index b7b526c..94ceb30 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -3,7 +3,6 @@ function extract_info(cell, obj, tag, category){
         obj = [obj];
       }
       if(typeof obj[0] === "string" || typeof obj[0] == "number"){
-        console.log("einfahc", obj[0], obj[2]);
         if(obj[2] && obj[2]["conflict"] == "Curation"){
           console.log(`${Object.keys(obj[2])}`);
           const element = document.createElement("div");
@@ -66,6 +65,7 @@ function extract_info(cell, obj, tag, category){
     tooltiptag.appendChild(document.createTextNode("See Details"));
     tooltiptag.appendChild(document.createElement("br"));
     tooltiptag.onclick = function(){link_to_person(e)};
+    console.log(e);
     tag.appendChild(tooltiptag);
     //const data = JSON.stringify(e, null, 2);
     
@@ -101,41 +101,7 @@ function extract_info(cell, obj, tag, category){
   }
 
   function link_to_person(data){
-    document.body.innerHTML =  '<p id="test"></p><div id="content"><div id="hermes"></div><div id="tags"></div></div><button onClick="window.location.reload();">Go Back</button>';
-
-        document.getElementById("test").innerHTML = 'Person <b>'+data.familyName[0]+'</b>';
-        const keys = Object.keys(data);
-        const hermes = document.getElementById("hermes");
-        const tbl = document.createElement("table");
-        const tblBody = document.createElement("tbody");
-
-      
-        // creating all cells
-        keys.forEach(element => {
-          // creates a table row
-          const row = document.createElement("tr"); 
-      
-            const cell = document.createElement("td");
-            const cell2 = document.createElement("td");
-            const cellText = document.createTextNode(` ${element}`);
-
-            const cellTag = document.createElement("td");
-            const cellTextTag = document.createElement('div');
-
-            extract_info(cell2, data[element], cellTextTag, element);
-            cell.appendChild(cellText);
-            row.appendChild(cell);
-            row.appendChild(cell2);
-
-            cellTag.appendChild(cellTextTag);
-            row.appendChild(cellTag);
-
-          // add the row to the end of the table body
-          tblBody.appendChild(row);
-        })
-        tbl.appendChild(tblBody);
-        hermes.appendChild(tbl);
-
+    window.location.href += `?id=${data["@id"][0]}`;
   }
 
   export {extract_info};
diff --git a/public/curation/index.html b/public/curation/index.html
index 569b49a..66e0663 100644
--- a/public/curation/index.html
+++ b/public/curation/index.html
@@ -48,6 +48,7 @@ <h1><a href="../">Software CaRD</a>
         </div>
         <template id="policy-report">
             <h3>Policy Report</h3>
+            
         </template>
     </div>
 
diff --git a/public/curation/person.html b/public/curation/person.html
deleted file mode 100644
index 92be1a3..0000000
--- a/public/curation/person.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <link rel="stylesheet" href="../style.css">
-    <title>Software CaRD</title>
-    <link rel="icon" href="../pictures/Logo.png" type="image/icon type">
-</head>
-<body>
-    <div id="header">
-    <h1>Software CaRD Person</h1>
-    <canvas id="radar" width="80" height="80">
-    </canvas>
-    </div>
-
-    <p id="test"></p>
-    
-    <div id="hermes">
-    </div>
-    <br>
-
-    <div id="s"></div>
-
-    <script type="module" src="script.js"></script>
-
-</body>
-</html>
\ No newline at end of file

From d672198ede852e7a4b4c2ae0d9676ef9aa9617e0 Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Fri, 13 Feb 2026 18:15:48 +0100
Subject: [PATCH 11/14] Fix missing eventlistener

---
 public/curation/curation.js | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/public/curation/curation.js b/public/curation/curation.js
index 5d69fca..f8e8fa3 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -10,7 +10,10 @@ export function displayJSON(json_document){
         const id = params.get("id")
         data = get_data_snippet(data, "@id", id);
 
-        document.body.innerHTML += `<button onClick="window.location = window.location.href.split('?')[0];">Back to Overview</button>`;
+        const back = document.createElement("button");
+        back.innerText = "Back to Overview";
+        back.onclick = () => {window.location = window.location.href.split('?')[0];}
+        document.body.appendChild(back);
       }
       
 
@@ -34,10 +37,21 @@ export function displayJSON(json_document){
           tbody.appendChild(row);
       })
   })
+    const checkbox = document.querySelector("#extended");
+checkbox.addEventListener('change', (event)=>{
+  if(checkbox.checked){
+  document.getElementById("col2").style.visibility = "";
+}else{
+  document.getElementById("col2").style.visibility = "collapse";
+}
+
+})
+
+
 }
 function get_data_snippet(data, skey, svalue){
   const stack = [data];
-  search: while (stack?.length > 0) {
+  while (stack?.length > 0) {
     const obj = stack.pop();
     for(let i=0; i<Object.keys(obj).length; i++){
       let key = Object.keys(obj)[i];
@@ -51,13 +65,3 @@ function get_data_snippet(data, skey, svalue){
   }
   return data;
 }
-
-const checkbox = document.getElementById("extended");
-checkbox.addEventListener('change', (event)=>{
-  if(checkbox.checked){
-  document.getElementById("col2").style.visibility = "";
-}else{
-  document.getElementById("col2").style.visibility = "collapse";
-}
-
-})

From 9755a96150297f9af40aafa1d2b9faf39d6a964a Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Mon, 16 Feb 2026 14:57:39 +0100
Subject: [PATCH 12/14] Begin integration policies

---
 public/.hermes/process/transport.json | 16 ++++++++-
 public/curation/curation.js           | 52 ++++++++++++++++++++++++---
 public/curation/extract.js            |  2 +-
 public/curation/index.html            | 20 ++++++++---
 public/style.css                      |  8 +++++
 5 files changed, 88 insertions(+), 10 deletions(-)

diff --git a/public/.hermes/process/transport.json b/public/.hermes/process/transport.json
index b368a4f..93cf775 100644
--- a/public/.hermes/process/transport.json
+++ b/public/.hermes/process/transport.json
@@ -482,6 +482,20 @@
          {"conflict": "Curation"}
       ],
 
-  "policy-report":{"policy 1": "Validated"}
+  "policies": [{"policy 1": {"conforms": true}},
+  {"policy 2": {"conforms": false,
+      "resultMessage": "String length not >= Literal(\"100\", datatype=xsd:integer)" ,
+      "resultPath": "https://schema.org/description" ,
+      "resultSeverity": "Violation" ,
+      "sourceConstraintComponent": "MinLengthConstraintComponent" ,
+      "sourceShape": { "datatype": "string" ,
+              "description": "The software description must have a certain length.",
+              "minLength": 100 ,
+              "name": "Long description" ,
+              "path": "https://schema.org/description" },
+      "value": "Proof-of-concept implementation of the HERMES workflow."
+  }}
+
+]
 }
   
\ No newline at end of file
diff --git a/public/curation/curation.js b/public/curation/curation.js
index f8e8fa3..5681b0d 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -16,15 +16,59 @@ export function displayJSON(json_document){
         document.body.appendChild(back);
       }
       
-
-
-      //document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
       const keys = Object.keys(data);
+
       const metadateTemp = document.querySelector("#metadate");
       const tbody = document.querySelector("#metadata");
+      const policyTemp = document.querySelector("#policy"),
+          policyDiv =  document.querySelector("#sw-policies");
+      
+
+      const header = document.querySelector("#header-policies");
+      header.style.display = "none";
+
+      keys.forEach(element => { 
+        if(element.toLowerCase().includes("name")){
+          console.log(element);
+          document.getElementById("project-name").innerHTML = element.charAt(0).toUpperCase() + element.slice(1) +' <b> '+data[element][0]+'</b>';
+        }
+        if(element=="policies"){
+          header.style.display = "block";
+          console.log("policies");
+          data[element].forEach(pol =>{
+            console.log(pol);
+            const policy = document.importNode(policyTemp.content, true);
+            console.log(policy);
+            const tbodyPol = policy.querySelector("tbody"),
+              polname = policy.querySelector("#policy-name");
+            const policyId = Object.keys(pol)[0];
+            polname.textContent = `${policyId}`;
+            policyDiv.appendChild(policy);
+            const policyReportTemp = document.querySelector("#policy-report");
+            const polKeys = Object.keys(pol[policyId]);
+            console.log(polKeys);
+            polKeys.forEach(report =>{
+              console.log(report);
+              const prow = document.importNode(policyReportTemp.content, true);
+              
+              const pkey = prow.querySelector("#pkey"),
+                pvalue = prow.querySelector("#pvalue");
+                //pconforms = prow.querySelector("#policy-conforms"); 
+                if(report=="conforms"){
+                  console.log("conforms");
+                }
+                console.log(report,pol[policyId][report]);
+                pkey.textContent = `${report}`;
+                extract_info(pvalue, pol[policyId][report]);
+                //pvalue.textContent = `${pol[policyId][report]}`;
+                tbodyPol.appendChild(prow);
+            })
+          })
 
-      keys.forEach(element => {          
+          return;
+        }   
         const row = document.importNode(metadateTemp.content, true);
+        console.log(row);
         const mkey = row.querySelector("#key"),
           mvalue = row.querySelector("#value"),
           mtag = row.querySelector("#tag");
diff --git a/public/curation/extract.js b/public/curation/extract.js
index 94ceb30..983b925 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -2,7 +2,7 @@ function extract_info(cell, obj, tag, category){
       if(!Array.isArray(obj)){
         obj = [obj];
       }
-      if(typeof obj[0] === "string" || typeof obj[0] == "number"){
+      if(typeof obj[0] === "string" || typeof obj[0] == "number" || typeof obj[0] == "boolean"){
         if(obj[2] && obj[2]["conflict"] == "Curation"){
           console.log(`${Object.keys(obj[2])}`);
           const element = document.createElement("div");
diff --git a/public/curation/index.html b/public/curation/index.html
index 66e0663..5cced2c 100644
--- a/public/curation/index.html
+++ b/public/curation/index.html
@@ -20,7 +20,7 @@ <h1><a href="../">Software CaRD</a>
     </canvas>
     </div>
 
-    <p id="test"></p>
+    <p id="project-name"><b>Metadata</b></p>
     <input type="checkbox" id="extended" name="extended" value=1 checked>
     <label for="extended">Extended view</label><br>
     
@@ -46,10 +46,22 @@ <h1><a href="../">Software CaRD</a>
                 </table>
     
         </div>
-        <template id="policy-report">
-            <h3>Policy Report</h3>
-            
+        <div id="sw-policies">
+        <h3 id="header-policies">Policy Report</h3>
+        <template id="policy">
+            <b id="policy-name"></b>
+            <table>
+                <tbody>
+                    <template id="policy-report">
+                        <tr id="tr">
+                            <td id="pkey"></td>
+                            <td id="pvalue"></td>
+                        </tr>
+                    </template>
+                </tbody>
+            </table>
         </template>
+        </div>
     </div>
 
 
diff --git a/public/style.css b/public/style.css
index f76431f..1ab7392 100644
--- a/public/style.css
+++ b/public/style.css
@@ -35,13 +35,21 @@ button{
     justify-content: center;
     padding: 1%;
 }
+#header-policies{
+    display: none;
+    ;
+}
 
 #content{
     display: flex;
     justify-content: center;
+    align-items: center;
+    flex-direction: column;
 }
 #hermes{
     width: 80%;
+    display: flex;
+    justify-content: center;
 }
 
 .tooltip {

From 65d44e52abc9d650199c999d579bd2f62467cc01 Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Tue, 17 Feb 2026 11:01:26 +0100
Subject: [PATCH 13/14] Display policy report

---
 public/.hermes/process/transport.json |  4 +--
 public/curation/curation.js           | 47 +++++++++++++++++----------
 public/curation/extract.js            |  5 +--
 public/curation/index.html            |  1 +
 4 files changed, 34 insertions(+), 23 deletions(-)

diff --git a/public/.hermes/process/transport.json b/public/.hermes/process/transport.json
index 93cf775..7c3f23d 100644
--- a/public/.hermes/process/transport.json
+++ b/public/.hermes/process/transport.json
@@ -482,8 +482,8 @@
          {"conflict": "Curation"}
       ],
 
-  "policies": [{"policy 1": {"conforms": true}},
-  {"policy 2": {"conforms": false,
+  "policies": [{"Policy 1": {"conforms": true}},
+  {"Policy 2": {"conforms": false,
       "resultMessage": "String length not >= Literal(\"100\", datatype=xsd:integer)" ,
       "resultPath": "https://schema.org/description" ,
       "resultSeverity": "Violation" ,
diff --git a/public/curation/curation.js b/public/curation/curation.js
index 5681b0d..8e23054 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -1,21 +1,27 @@
 import { extract_info } from "./extract.js";
 
+/**
+* Fetches json_document and displays their contents in a table.
+* @param {Path} json_document - document do fetch data from.
+*/
 export function displayJSON(json_document){
-
   fetch(json_document)
   .then(response => response.json())
   .then(data => {
+      //Get data snippet from url
       const params = new URLSearchParams(location.search);
       if(params.has("id")){
         const id = params.get("id")
         data = get_data_snippet(data, "@id", id);
 
+        //If your seeing a data snippet, create button to go back
         const back = document.createElement("button");
         back.innerText = "Back to Overview";
         back.onclick = () => {window.location = window.location.href.split('?')[0];}
         document.body.appendChild(back);
       }
       
+      // Apply and fill in the template for Metadata
       const keys = Object.keys(data);
 
       const metadateTemp = document.querySelector("#metadate");
@@ -27,60 +33,58 @@ export function displayJSON(json_document){
       const header = document.querySelector("#header-policies");
       header.style.display = "none";
 
+      
       keys.forEach(element => { 
+        // Get a something with Name as p Header
         if(element.toLowerCase().includes("name")){
-          console.log(element);
           document.getElementById("project-name").innerHTML = element.charAt(0).toUpperCase() + element.slice(1) +' <b> '+data[element][0]+'</b>';
         }
+        // Apply and fill in the template for Policies 
         if(element=="policies"){
           header.style.display = "block";
-          console.log("policies");
           data[element].forEach(pol =>{
-            console.log(pol);
             const policy = document.importNode(policyTemp.content, true);
-            console.log(policy);
             const tbodyPol = policy.querySelector("tbody"),
-              polname = policy.querySelector("#policy-name");
+              polname = policy.querySelector("#policy-name"),
+              pconforms = policy.querySelector("#policy-conforms"); 
             const policyId = Object.keys(pol)[0];
             polname.textContent = `${policyId}`;
             policyDiv.appendChild(policy);
             const policyReportTemp = document.querySelector("#policy-report");
             const polKeys = Object.keys(pol[policyId]);
-            console.log(polKeys);
             polKeys.forEach(report =>{
-              console.log(report);
               const prow = document.importNode(policyReportTemp.content, true);
               
               const pkey = prow.querySelector("#pkey"),
                 pvalue = prow.querySelector("#pvalue");
-                //pconforms = prow.querySelector("#policy-conforms"); 
+                
                 if(report=="conforms"){
-                  console.log("conforms");
+                  pconforms.innerText = `${policyId} ${(pol[policyId][report]) ? 'is' : 'is not'} conform.`;
+                  pconforms.style.color = (pol[policyId][report]) ? 'black' : 'red';
                 }
-                console.log(report,pol[policyId][report]);
                 pkey.textContent = `${report}`;
                 extract_info(pvalue, pol[policyId][report]);
-                //pvalue.textContent = `${pol[policyId][report]}`;
+
                 tbodyPol.appendChild(prow);
             })
           })
 
           return;
-        }   
+        }  
+        
+        // Apply and fill in the template for Metadata 
         const row = document.importNode(metadateTemp.content, true);
-        console.log(row);
         const mkey = row.querySelector("#key"),
           mvalue = row.querySelector("#value"),
           mtag = row.querySelector("#tag");
 
           mkey.textContent = `${element}`;
           extract_info(mvalue, data[element], mtag);
-          /*
-          mvalue.textContent = `${data[element][0]}`;
-          mtag.textContent = `${data[element][1]["local_path"]}`;*/
+
           tbody.appendChild(row);
       })
   })
+  //Extend Checkbox for metadata source
     const checkbox = document.querySelector("#extended");
 checkbox.addEventListener('change', (event)=>{
   if(checkbox.checked){
@@ -93,7 +97,16 @@ checkbox.addEventListener('change', (event)=>{
 
 
 }
+
+/**
+* Function to get a smaller object from the orginal object.
+* searches through data till skey and svalue match and return the data from this point.
+* @param {Dictonary} data - Object(dict) to search from
+* @param {string} skey - search key for key-value pair to get data from
+* @param {} svalue - search value for key-value pair to get data from
+*/ 
 function get_data_snippet(data, skey, svalue){
+
   const stack = [data];
   while (stack?.length > 0) {
     const obj = stack.pop();
diff --git a/public/curation/extract.js b/public/curation/extract.js
index 983b925..14b9c8c 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -4,7 +4,6 @@ function extract_info(cell, obj, tag, category){
       }
       if(typeof obj[0] === "string" || typeof obj[0] == "number" || typeof obj[0] == "boolean"){
         if(obj[2] && obj[2]["conflict"] == "Curation"){
-          console.log(`${Object.keys(obj[2])}`);
           const element = document.createElement("div");
           element.className += " error";
           element.appendChild(document.createTextNode(` ${obj[0]}`));
@@ -23,7 +22,6 @@ function extract_info(cell, obj, tag, category){
           })}
       else if(Array.isArray(obj[0])){
           obj[0].forEach(e =>{
-            console.log(e);
           const element = document.createElement("div");
           extract_info(element, e, tag);
           //element.appendChild(document.createTextNode(`hh ${e}`));
@@ -65,10 +63,9 @@ function extract_info(cell, obj, tag, category){
     tooltiptag.appendChild(document.createTextNode("See Details"));
     tooltiptag.appendChild(document.createElement("br"));
     tooltiptag.onclick = function(){link_to_person(e)};
-    console.log(e);
     tag.appendChild(tooltiptag);
     //const data = JSON.stringify(e, null, 2);
-    
+
     const names = [];
     Object.keys(e).forEach(k => {
       const pair = document.createElement("p");
diff --git a/public/curation/index.html b/public/curation/index.html
index 5cced2c..2a27f8d 100644
--- a/public/curation/index.html
+++ b/public/curation/index.html
@@ -50,6 +50,7 @@ <h1><a href="../">Software CaRD</a>
         <h3 id="header-policies">Policy Report</h3>
         <template id="policy">
             <b id="policy-name"></b>
+            <p id="policy-conforms"></p>
             <table>
                 <tbody>
                     <template id="policy-report">

From 3c1be40c05de541ed5a1f64809793c092f2a8ddb Mon Sep 17 00:00:00 2001
From: "Kernchen, Sophie" <sophie.kernchen@web.de>
Date: Tue, 17 Feb 2026 14:44:05 +0100
Subject: [PATCH 14/14] Better style for policies, start of filter option

---
 public/.hermes/process/transport.json | 34 ++++++++---
 public/curation/click.js              | 19 ++++++
 public/curation/curation.js           | 23 +++++--
 public/curation/extract.js            | 28 +++++----
 public/curation/index.html            | 20 +++++++
 public/style.css                      | 86 +++++++++++++++++++++++++++
 6 files changed, 186 insertions(+), 24 deletions(-)
 create mode 100644 public/curation/click.js

diff --git a/public/.hermes/process/transport.json b/public/.hermes/process/transport.json
index 7c3f23d..4ec4858 100644
--- a/public/.hermes/process/transport.json
+++ b/public/.hermes/process/transport.json
@@ -19,7 +19,7 @@
         "timestamp": "2025-03-18T13:28:37.657148",
         "harvester": "codemeta"
       },
-     {"conflict": "Policy 1"}
+     {"conflict": "None"}
   ],
     "author": [
       {
@@ -349,7 +349,7 @@
               "timestamp": "2025-03-18T13:28:37.657148",
               "harvester": "cff"
             },
-            {"conflict": "Policy 1"}
+            {"conflict": "policy3"}
            ],
           "givenName": ["Kernchen",
             {
@@ -358,7 +358,7 @@
               "timestamp": "2025-03-18T13:28:37.657148",
               "harvester": "cff"
             },
-            {"conflict": "Policy 1"}
+            {"conflict": "policy3"}
             ],
           "email":["sophie.kernchen@dlr.de",
             {
@@ -439,14 +439,14 @@
         }
       
       ],
-      "description": ["Cool tool",
+      "description": ["Proof-of-concept implementation of the Software CaRD workflow.",
       {
         "plugin": "cff",
         "local_path": "CITATION.cff",
         "timestamp": "2025-03-18T13:28:37.657148",
         "harvester": "cff"
       },
-      {"conflict": "None"}
+      {"conflict": "policy2"}
       ],
     "license": ["https://spdx.org/licenses/Apache-2.0",
       {
@@ -482,8 +482,12 @@
          {"conflict": "Curation"}
       ],
 
-  "policies": [{"Policy 1": {"conforms": true}},
-  {"Policy 2": {"conforms": false,
+  "policies": [{"policy1": {
+    "name": "Policy 1",  
+    "conforms": true}},
+  {"policy2": {
+      "name": "Policy 2",  
+      "conforms": false,
       "resultMessage": "String length not >= Literal(\"100\", datatype=xsd:integer)" ,
       "resultPath": "https://schema.org/description" ,
       "resultSeverity": "Violation" ,
@@ -493,9 +497,23 @@
               "minLength": 100 ,
               "name": "Long description" ,
               "path": "https://schema.org/description" },
-      "value": "Proof-of-concept implementation of the HERMES workflow."
+      "value": "Proof-of-concept implementation of the Software CaRD workflow."
+  }},
+  {"policy3": {
+      "name": "Policy 3",  
+      "conforms": false,
+      "resultMessage": "Name does not match the mapping" ,
+      "resultPath": [["https://schema.org/familyName", "https://schema.org/givenName"]] ,
+      "resultSeverity": "Violation" ,
+      "sourceConstraintComponent": "MappingError" ,
+      "sourceShape": { "datatype": "string" ,
+              "description": "The names have to be in right order",
+              "name": "Name order" ,
+              "path": [["https://schema.org/familyName", "https://schema.org/givenName"]]  },
+      "value": [["Sophie", "Kernchen"]]
   }}
 
+
 ]
 }
   
\ No newline at end of file
diff --git a/public/curation/click.js b/public/curation/click.js
new file mode 100644
index 0000000..898a92d
--- /dev/null
+++ b/public/curation/click.js
@@ -0,0 +1,19 @@
+function showFilter() {
+  document.getElementById("filterDropdown").classList.toggle("show");
+}
+
+function filterFunction() {
+  var input, filter, ul, li, a, i;
+  input = document.getElementById("myInput");
+  filter = input.value.toUpperCase();
+  div = document.getElementById("filterDropdown");
+  a = div.getElementsByTagName("a");
+  for (i = 0; i < a.length; i++) {
+    txtValue = a[i].textContent || a[i].innerText;
+    if (txtValue.toUpperCase().indexOf(filter) > -1) {
+      a[i].style.display = "";
+    } else {
+      a[i].style.display = "none";
+    }
+  }
+}
\ No newline at end of file
diff --git a/public/curation/curation.js b/public/curation/curation.js
index 8e23054..6326e91 100644
--- a/public/curation/curation.js
+++ b/public/curation/curation.js
@@ -8,6 +8,13 @@ export function displayJSON(json_document){
   fetch(json_document)
   .then(response => response.json())
   .then(data => {
+      const colorPalette = ["rgb(34, 198, 227)", "purple", "rgb(23, 124, 207)", "rgb(116, 75, 196)", "pink"];
+      let colorPolicies = {"Curation": "red"};
+      if(data["policies"]){
+      for(let i=0; i<data["policies"].length;i++){
+        colorPolicies[Object.keys(data["policies"][i])] = colorPalette[i];
+      }}
+      console.log(colorPolicies);
       //Get data snippet from url
       const params = new URLSearchParams(location.search);
       if(params.has("id")){
@@ -29,6 +36,7 @@ export function displayJSON(json_document){
       const policyTemp = document.querySelector("#policy"),
           policyDiv =  document.querySelector("#sw-policies");
       
+      
 
       const header = document.querySelector("#header-policies");
       header.style.display = "none";
@@ -46,10 +54,17 @@ export function displayJSON(json_document){
             const policy = document.importNode(policyTemp.content, true);
             const tbodyPol = policy.querySelector("tbody"),
               polname = policy.querySelector("#policy-name"),
+              polcolor = policy.querySelector("#color"),
               pconforms = policy.querySelector("#policy-conforms"); 
             const policyId = Object.keys(pol)[0];
-            polname.textContent = `${policyId}`;
+            console.log(policyId);
+            polname.textContent = `${pol[policyId]["name"]}`;
+            //const randColor = '#'+(0x1000000+Math.random()*0xffffff).toString(16).slice(1,7);
+            polcolor.id += '_'+policyId;
+            polcolor.style.background = colorPolicies[policyId];
+            console.log(colorPolicies);
             policyDiv.appendChild(policy);
+
             const policyReportTemp = document.querySelector("#policy-report");
             const polKeys = Object.keys(pol[policyId]);
             polKeys.forEach(report =>{
@@ -59,8 +74,8 @@ export function displayJSON(json_document){
                 pvalue = prow.querySelector("#pvalue");
                 
                 if(report=="conforms"){
-                  pconforms.innerText = `${policyId} ${(pol[policyId][report]) ? 'is' : 'is not'} conform.`;
-                  pconforms.style.color = (pol[policyId][report]) ? 'black' : 'red';
+                  pconforms.innerText = `${pol[policyId]["name"]} ${(pol[policyId][report]) ? 'is' : 'is not'} conform.`;
+                  pconforms.style.color = (pol[policyId][report]) ? 'green' : 'red';
                 }
                 pkey.textContent = `${report}`;
                 extract_info(pvalue, pol[policyId][report]);
@@ -79,7 +94,7 @@ export function displayJSON(json_document){
           mtag = row.querySelector("#tag");
 
           mkey.textContent = `${element}`;
-          extract_info(mvalue, data[element], mtag);
+          extract_info(mvalue, data[element], mtag, colorPolicies);
 
           tbody.appendChild(row);
       })
diff --git a/public/curation/extract.js b/public/curation/extract.js
index 14b9c8c..88d9123 100644
--- a/public/curation/extract.js
+++ b/public/curation/extract.js
@@ -1,11 +1,11 @@
-function extract_info(cell, obj, tag, category){
+function extract_info(cell, obj, tag, colorPolicies){
       if(!Array.isArray(obj)){
         obj = [obj];
       }
       if(typeof obj[0] === "string" || typeof obj[0] == "number" || typeof obj[0] == "boolean"){
-        if(obj[2] && obj[2]["conflict"] == "Curation"){
+        if(obj[2] && obj[2]["conflict"]){
           const element = document.createElement("div");
-          element.className += " error";
+          element.style.color = colorPolicies[obj[2]["conflict"]];
           element.appendChild(document.createTextNode(` ${obj[0]}`));
           cell.appendChild(element);
         }else{
@@ -16,7 +16,7 @@ function extract_info(cell, obj, tag, category){
       else if(!Array.isArray(obj[0]) && Object.keys(obj[0]).includes("familyName")){
           obj.forEach(e =>{
             const element = document.createElement("div");
-            extract_person(e, element, tag);
+            extract_person(e, element, tag, colorPolicies);
             cell.appendChild(element);
 
           })}
@@ -37,7 +37,7 @@ function extract_info(cell, obj, tag, category){
             div.appendChild(document.createTextNode(`${key}: ${(obj[0][key])}`));
             }else{
               div.appendChild(document.createTextNode(`${key}: `));
-              extract_info(div, obj[0][key], tag, key); 
+              extract_info(div, obj[0][key], tag, colorPolicies); 
             }
             div.appendChild(document.createElement("br"));
           }
@@ -52,7 +52,7 @@ function extract_info(cell, obj, tag, category){
 
     }
 
-  function extract_person(e, element, tag){
+  function extract_person(e, element, tag, colorPolicies){
     const tooltip = document.createElement("div");
     const tooltiptag = document.createElement("div");
     tooltip.classList.add("tooltip");
@@ -74,9 +74,11 @@ function extract_info(cell, obj, tag, category){
         const pair_in_list = document.createElement("p");
         names.push(`${k}:${key}:  ${e[k][key][0]}`); 
         pair_in_list.appendChild(document.createTextNode(`${k}:${key}:  ${e[k][key][0]}`));
-        if(e[k][key][2] && e[k][key][2]["conflict"] == "Curation"){
-          pair_in_list.className += " error";
-          tooltiptag.className += " error";
+        if(e[k][key][2] && e[k][key][2]["conflict"]){
+          pair_in_list.style.color = colorPolicies[e[k][key][2]["conflict"]];
+          tooltiptag.style.color = colorPolicies[e[k][key][2]["conflict"]];
+          /*pair_in_list.className += " error";
+          tooltiptag.className += " error";*/
         }
         pair.appendChild(pair_in_list);
       }
@@ -84,9 +86,11 @@ function extract_info(cell, obj, tag, category){
       names.push(`${k}:  ${e[k][0]}`); 
       pair.appendChild(document.createTextNode(`${k}:  ${e[k][0]}`));
       
-      if(e[k][2] && e[k][2]["conflict"] == "Curation"){
-        pair.className += " error";
-        tooltiptag.className += " error";
+      if(e[k][2] && e[k][2]["conflict"]){
+        pair.style.color = colorPolicies[e[k][2]["conflict"]];
+        tooltiptag.style.color = colorPolicies[e[k][2]["conflict"]];
+        //pair.className += " error";
+        //tooltiptag.className += " error";
       }
     }
     tooltiptext.appendChild(pair);
diff --git a/public/curation/index.html b/public/curation/index.html
index 2a27f8d..50eec4c 100644
--- a/public/curation/index.html
+++ b/public/curation/index.html
@@ -21,8 +21,24 @@ <h1><a href="../">Software CaRD</a>
     </div>
 
     <p id="project-name"><b>Metadata</b></p>
+    <div class="operators">
+
+
+
+    <div class="dropdown">
+        <button onclick="showFilter()" class="dropbtn">Filter</button>
+        <div id="filterDropdown" class="dropdown-content">
+            <input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
+            <a>&#10004; Conflicts</a>
+            <a>&#10004; Policy 1</a>
+            <a>&#10004; Policy 2</a>
+            <a>&#10004; Policy 3</a>
+        </div>
+    </div>
+
     <input type="checkbox" id="extended" name="extended" value=1 checked>
     <label for="extended">Extended view</label><br>
+    </div>
     
     <div id="content">
         <div id="hermes">
@@ -49,7 +65,10 @@ <h1><a href="../">Software CaRD</a>
         <div id="sw-policies">
         <h3 id="header-policies">Policy Report</h3>
         <template id="policy">
+            <div class="policy-header">
+            <div class="policy-color" id="color"></div>
             <b id="policy-name"></b>
+            </div>
             <p id="policy-conforms"></p>
             <table>
                 <tbody>
@@ -67,6 +86,7 @@ <h3 id="header-policies">Policy Report</h3>
 
 
     <script type="module" src="./script.js"></script>
+    <script src="./click.js"></script>
 
 </body>
 </html>
diff --git a/public/style.css b/public/style.css
index 1ab7392..b2627fd 100644
--- a/public/style.css
+++ b/public/style.css
@@ -52,6 +52,13 @@ button{
     justify-content: center;
 }
 
+.conflict-operators{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-end;
+}
+
 .tooltip {
     position: relative;
     border-bottom: 1px dotted black;
@@ -106,3 +113,82 @@ button{
     color: red;
     border-color:black;
 }
+.policy-header{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    
+}
+.policy-color{
+    width:10px;
+    height:10px;
+    border-radius: 5px;
+    background-color: blue;
+    margin: 7px;
+}
+
+/* Dropdown Button */
+.dropbtn {
+  font-size: 16px;
+  border: none;
+  cursor: pointer;
+  width: 100px;
+  height: 30px;
+  text-align: center;
+  background-image: none;
+  background-color: #ddd;
+  color:black
+
+}
+
+/* Dropdown button on hover & focus */
+.dropbtn:hover, .dropbtn:focus {
+  background-color: rgb(23, 124, 207);
+}
+
+/* The search field */
+#myInput {
+  box-sizing: border-box;
+  background-image: url('searchicon.png');
+  background-position: 14px 12px;
+  background-repeat: no-repeat;
+  font-size: 16px;
+  padding: 10px;
+  border: none;
+  border-bottom: 1px solid #ddd;
+}
+
+/* The search field when it gets focus/clicked on */
+#myInput:focus {outline: 3px solid #ddd;}
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+  left: 41%;
+  top: -15px;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+  display: none;
+  position: absolute;
+  top: 35px;
+  background-color: #f6f6f6;
+  min-width: 50px;
+  border: 1px solid #ddd;
+  z-index: 1;
+}
+
+/* Links inside the dropdown */
+.dropdown-content a {
+  color: black;
+  padding: 5px;
+  text-decoration: none;
+  display: block;
+}
+
+/* Change color of dropdown links on hover */
+.dropdown-content a:hover {background-color: #f1f1f1}
+
+/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
+.show {display:block;}
\ No newline at end of file