update

public/content/content.json

-[{
+[ {
     "item": {
       "title": "CityDemonstrator",
       "project": "iCity Project",
@@ -67,6 +67,30 @@
       "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/inspirer"
     }
   },
+  {
+    "item": {
+      "title": "OGC Testbed-18: Building Energy Data Interoperability",
+      "project": "iCity Project",
+      "author": {
+        "firstName": "Joe",
+        "lastName": "T. Santhanavanich",
+        "hftURL": "https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"
+      },
+      "project_year_start": "2022",
+      "project_year_end": "2023",
+      "project_is_on_going": false,
+      "imageLink": "imgs/thumbnails/testbed18.jpg",
+      "keywords": ["CityGML", "3D GIS", "GIS Analyst", "Urban Analytics"],
+      "description_en": "Explore the usage of the OGC APIs web standard for spatial data interoperability in the context of Urban Building Energy Simulation, with specific use cases in Nuns Island, Montreal, Canada, and Helsinki, Finland.",
+      "description_de": "Erforschung der Nutzung des OGC APIs Web-Standards für die Interoperabilität von Geodaten im Zusammenhang mit der Energiesimulation für städtische Gebäude, mit spezifischen Anwendungsfällen in Nuns Island, Montreal, Kanada, und Helsinki, Finnland."
+    },
+    "links": {
+      "demo": "https://ogc-testbed-18.igd.fraunhofer.de/",
+      "project": "https://www.hft-stuttgart.de/forschung/i-city",
+      "report": "https://docs.ogc.org/per/22-041.html"
+    },
+    "refIndex": 4
+  },
   {
     "item": {
       "title": "3D Wind Simulation",
@@ -424,7 +448,7 @@
       "author": {
         "firstName": "Patrick",
         "lastName": "Würstle",
-        "hftURL": "https://www.hft-stuttgart.de/p/patrick-wuerstle"
+        "hftURL": "https://www.linkedin.com/in/patrick-w%C3%BCrstle-939027170/"
       },
       "project_year_start": "2018",
       "project_year_end": "2020",
@@ -448,7 +472,7 @@
       "author": {
         "firstName": "Patrick",
         "lastName": "Würstle",
-        "hftURL": "https://www.hft-stuttgart.de/p/patrick-wuerstle"
+        "hftURL": "https://www.linkedin.com/in/patrick-w%C3%BCrstle-939027170/"
       },
       "project_year_start": "2018",
       "project_year_end": "2020",

public/js/add_content.js

@@ -29,34 +29,39 @@ function addcontent(item) {
     var YouTubeHTML = ''
     if ('youtube' in item.links) { // to be replaced by if (item.YouTubelink) or so...
       var YouTubelink = item.links.youtube // to be replaced by item.YouTubelink or so...
-      YouTubeHTML = `<a class="btn btn-sm btn-outline-danger mt-1" href="${YouTubelink}" target="_blank"><i class="fab fa-youtube"></i> YouTube</a>`
+      YouTubeHTML = `<a class="btn btn-sm btn-outline-danger mt-1" href="${YouTubelink}" target="_blank"><i class="fab fa-youtube"></i> YouTube</a> &nbsp;`
     }
 
     var ExploreHTML = ''
     if ('demo' in item.links) { 
       var ExploreLink = item.links.demo 
-      ExploreHTML = `<a class="btn btn-sm btn-outline-secondary mt-1" href="${ExploreLink}" target="_blank"> <i class="fas fa-search"></i> Explore</a>`
+      ExploreHTML = `<a class="btn btn-sm btn-outline-secondary mt-1" href="${ExploreLink}" target="_blank"> <i class="fas fa-search"></i> Explore</a> &nbsp;`
     }
 
     var publicationHTML = ''
     if ('publication' in item.links) {
       var publicationLink = item.links.publication 
-      publicationHTML = `<a class="btn btn-sm btn-outline-primary mt-1" href="${publicationLink}" target="_blank"> <i class="fas fa-book"></i> Publication</a>`
+      publicationHTML = `<a class="btn btn-sm btn-outline-primary mt-1" href="${publicationLink}" target="_blank"> <i class="fas fa-book"></i> Publication</a> &nbsp;`
+    }
+    var reportHTML = ''
+    if ('report' in item.links) {
+      var publicationLink = item.links.report 
+      reportHTML = `<a class="btn btn-sm btn-outline-primary mt-1" href="${publicationLink}" target="_blank"> <i class="fas fa-book"></i> Report</a> &nbsp;`
     }
     var projectHTML = ''
     if ('project' in item.links) {
       var projectLink = item.links.project 
-      projectHTML = `<a class="btn btn-sm btn-outline-success mt-1" href="${projectLink}" target="_blank"> <i class="fas fa-project-diagram"></i> Project</a>`
+      projectHTML = `<a class="btn btn-sm btn-outline-success mt-1" href="${projectLink}" target="_blank"> <i class="fas fa-project-diagram"></i> Project</a> &nbsp;`
     }
     var presentationHTML = ''
     if ('presentation' in item.links) {
       var presentationLink = item.links.presentation 
-      presentationHTML = `<a class="btn btn-sm btn-outline-warning mt-1" href="${presentationLink}" target="_blank"> <i class="fas fa-file-powerpoint"></i> Presentation</a>`
+      presentationHTML = `<a class="btn btn-sm btn-outline-warning mt-1" href="${presentationLink}" target="_blank"> <i class="fas fa-file-powerpoint"></i> Presentation</a> &nbsp;`
     }
     var repoHTML = ''
     if ('repo' in item.links) {
       var repoLink = item.links.repo 
-      repoHTML = `<a class="btn btn-sm btn-outline-info mt-1" href="${repoLink}" target="_blank"> <i class="fa fa-gitlab"></i> Git/Repository </a>`
+      repoHTML = `<a class="btn btn-sm btn-outline-info mt-1" href="${repoLink}" target="_blank"> <i class="fa fa-gitlab"></i> Git/Repository </a> &nbsp;`
     }
 
     if ('internal' in item.item) {
@@ -79,12 +84,13 @@ function addcontent(item) {
       ' href="' + item.item.author.hftURL + '" target ="_blank"> ' + item.item.author.firstName +
       ' ' + item.item.author.lastName + '</a> <br>' +
       '<b><i class="fas fa-star"></i>' + lang_keywords + '</b>: ' + item.item.keywords.join(', ') + '</br>' +
-      ExploreHTML + '&nbsp;' +
-      YouTubeHTML + '&nbsp;' +
-      publicationHTML + '&nbsp;' +
-      projectHTML + '&nbsp;' +
-      presentationHTML + '&nbsp;' +
-      repoHTML + '&nbsp;' +
+      ExploreHTML + 
+      YouTubeHTML + 
+      publicationHTML + 
+      reportHTML + 
+      projectHTML + 
+      presentationHTML + 
+      repoHTML + 
       '</p>' +
       '</div>' +
       '</div>' +