function addcontent(item){
    var new_row = document.getElementById("row_main")

    // Prepare YouTube Link
    var array_contains_youtube = true
    var YouTubeHTML = ''
    if (array_contains_youtube) { // to be replaced by if (item.YouTubelink) or so...
      var YouTubelink = "#" // to be replaced by item.YouTubelink or so...
      YouTubeHTML = `<a class="btn btn-sm btn-outline-danger" href="${YouTubelink}">YouTube</a>` 
    }

    // Prepare Explore Link
    var array_contains_explore_link = true
    var ExploreHTML = ''
    if (array_contains_explore_link) { // to be replaced by if (item.YouTubelink) or so...
      var ExploreLink = "#" // to be replaced by item.ExploreLink or so...
      ExploreHTML = `<a class="btn btn-sm btn-outline-secondary" href="${ExploreLink}">Explore</a>` 
    }

    new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
    '<div class="card mb-4 shadow-sm extension">' +
      '<h5>'+ item.item.title +' <span class="lead text-muted"> ' + item.item.project + '</span></h5>' +
      '<img class="thumbimg" src="' + item.item.imageLink + '" alt="">' +
      '<div class="card-body">' +
        '<p class="card-text-lg small">' +
          item.item.description +
          '<br>' +
          '<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
          'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"> ' + item.item.author.firstName +
          ' ' + item.item.author.lastName + '</a> <br>' +
          '<b><i class="fas fa-star"></i> Keywords</b>: ' + item.item.keywords.join(', ') + '</br>' +
        ExploreHTML + '&nbsp;' +
        YouTubeHTML +
        '</p>' +
      '</div>' +
    '</div>' +
  '</div>'

//   new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
//   '<div class="card mb-4 shadow-sm extension">' +
//     '<h5>' + item.item.title + ' <span class="lead text-muted"> ' + item.item.project + '</span></h5>' +
//     '<img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">' +
//     '<div class="card-body">' +
//       '<p class="card-text-lg small">' +
//         'The <b>VISION ZERO </b> is an application for safety routing with the' +
//         'visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in' +
//         'Augsburg". (24 hours time limited)' +
//         '<br>' +
//         '<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
//           'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"> ' + item.item.author.firstName +
//           ' ' + item.item.author.lastName + '</a> <br>' +
//         '<b><i class="fas fa-star"></i> Keywords</b>: ' + item.item.keywords.join(' ') +
//       '<form action="iStoeckHM.html" class="form-signin" method="GET">' +
//         '<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>' +
//       '</form>' +
//       '</p>' +
//     '</div>' +
//   '</div>' +
// '</div>'
// new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
// '<div class="card mb-4 shadow-sm extension">' +
//   '<h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>' +
//   '<img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">' +
//   '<div class="card-body">' +
//     '<p class="card-text-lg small">' +
//       'The <b>VISION ZERO </b> is an application for safety routing with the' +
//       'visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in' +
//       'Augsburg". (24 hours time limited)' +
//       '<br>' +
//       '<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
//         'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe' +
//         'T.S.</a> <br>' +
//       '<b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics' +
//     '<form action="iStoeckHM.html" class="form-signin" method="GET">' +
//       '<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>' +
//     '</form>' +
//     '</p>' +
//   '</div>' +
// '</div>' +
// '</div>'
// new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
// '<div class="card mb-4 shadow-sm extension">' +
//   '<h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>' +
//   '<img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">' +
//   '<div class="card-body">' +
//     '<p class="card-text-lg small">' +
//       'The <b>VISION ZERO </b> is an application for safety routing with the' +
//       'visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in' +
//       'Augsburg". (24 hours time limited)' +
//       '<br>' +
//       '<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
//         'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe' +
//         'T.S.</a> <br>' +
//       '<b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics' +
//     '<form action="iStoeckHM.html" class="form-signin" method="GET">' +
//       '<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>' +
//     '</form>' +
//     '</p>' +
//   '</div>' +
// '</div>' +
// '</div>'
// new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
// '<div class="card mb-4 shadow-sm extension">' +
//   '<h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>' +
//   '<img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">' +
//   '<div class="card-body">' +
//     '<p class="card-text-lg small">' +
//       'The <b>VISION ZERO </b> is an application for safety routing with the' +
//       'visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in' +
//       'Augsburg". (24 hours time limited)' +
//       '<br>' +
//       '<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
//         'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe' +
//         'T.S.</a> <br>' +
//       '<b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics' +
//     '<form action="iStoeckHM.html" class="form-signin" method="GET">' +
//       '<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>' +
//     '</form>' +
//     '</p>' +
//   '</div>' +
// '</div>' +
// '</div>'
// new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
// '<div class="card mb-4 shadow-sm extension">' +
//   '<h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>' +
//   '<img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">' +
//   '<div class="card-body">' +
//     '<p class="card-text-lg small">' +
//       'The <b>VISION ZERO </b> is an application for safety routing with the' +
//       'visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in' +
//       'Augsburg". (24 hours time limited)' +
//       '<br>' +
//       '<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
//         'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe' +
//         'T.S.</a> <br>' +
//       '<b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics' +
//     '<form action="iStoeckHM.html" class="form-signin" method="GET">' +
//       '<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>' +
//     '</form>' +
//     '</p>' +
//   '</div>' +
// '</div>' +
// '</div>'
}