update content

public/content/content.json

@@ -6,7 +6,7 @@
       "author": {
         "firstName": "Maxim",
         "lastName": "Rossknecht",
-        "hftURL": "#"
+        "hftURL": "https://www.researchgate.net/profile/Maxim-Rossknecht"
       },
       "project_year_start": "2020",
       "project_year_end": "2020",

public/css/main.css

@@ -111,7 +111,7 @@ a.button {
   /* min-height: 445px; */
   /* max-height: 445px; */
   /* margin: 20px; */
-  height: 500px;
+  height: 610px;
 }
 
 .py-5{

public/js/add_content.js

@@ -9,11 +9,7 @@ function addcontent(item) {
 
     // Prepare YouTube Link
     // var array_contains_youtube = true
-    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" href="${YouTubelink}" target="_blank">YouTube</a>`
-    }
+    
     var description = ""
     if (lang_setting == "1") {
       description = item.item.description_en
@@ -26,10 +22,22 @@ function addcontent(item) {
     }
     // Prepare Explore Link
     // var array_contains_explore_link = true
+    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" href="${YouTubelink}" target="_blank"><i class="fab fa-youtube"></i> YouTube</a>`
+    }
+
     var ExploreHTML = ''
-    if ('demo' in item.links) { // to be replaced by if (item.YouTubelink) or so...
-      var ExploreLink = item.links.demo // to be replaced by item.ExploreLink or so...
-      ExploreHTML = `<a class="btn btn-sm btn-outline-secondary" href="${ExploreLink}" target="_blank">Explore</a>`
+    if ('demo' in item.links) { 
+      var ExploreLink = item.links.demo 
+      ExploreHTML = `<a class="btn btn-sm btn-outline-secondary" href="${ExploreLink}" target="_blank"> <i class="fas fa-search"></i> Explore</a>`
+    }
+
+    var publicationHTML = ''
+    if ('publication' in item.links) {
+      var publicationLink = item.links.publication 
+      publicationHTML = `<a class="btn btn-sm btn-outline-primary" href="${publicationLink}" target="_blank"> <i class="fas fa-book"></i> Publication</a>`
     }
 
     new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
@@ -45,7 +53,8 @@ function addcontent(item) {
       ' ' + item.item.author.lastName + '</a> <br>' +
       '<b><i class="fas fa-star"></i>' + lang_keywords + '</b>: ' + item.item.keywords.join(', ') + '</br>' +
       ExploreHTML + '&nbsp;' +
-      YouTubeHTML +
+      YouTubeHTML + '&nbsp;' +
+      publicationHTML + '&nbsp;' +
       '</p>' +
       '</div>' +
       '</div>' +