diff --git a/public/content/content.json b/public/content/content.json
index 9ff2d991a5468e1d9384a820cfa29eab11e8d100..15530e465c0dfb9066575877cf0caf5dbd7f2916 100644
--- a/public/content/content.json
+++ b/public/content/content.json
@@ -1,4 +1,4 @@
-[{
+[ {
     "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",
diff --git a/public/imgs/thumbnails/testbed18.jpg b/public/imgs/thumbnails/testbed18.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9cfe2955f797bb1b93de62f87b1f08ba18765250
Binary files /dev/null and b/public/imgs/thumbnails/testbed18.jpg differ
diff --git a/public/js/add_content.js b/public/js/add_content.js
index a25d3a134bd0ba92ebed5ed9890382c3e7cc6da5..4daef46b852189768efca1bca02fdfcc1b2d7f93 100644
--- a/public/js/add_content.js
+++ b/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>' +