diff --git a/public/rgc_website/css/main.css b/public/rgc_website/css/main.css index c93e2f8707626f209e82e8ef4f43dec8417531b6..3212e7dfa44b282881006cb4e7edea680cfdbe9e 100644 --- a/public/rgc_website/css/main.css +++ b/public/rgc_website/css/main.css @@ -54,7 +54,7 @@ body{ a { color: #ff6464; - text-decoration: underline; + /* text-decoration: underline; */ background-color: transparent; } a:hover{ @@ -164,4 +164,5 @@ a.button { main[role=main]{ background-color: #f8f9fa!important; padding-bottom: 1rem!important; -} \ No newline at end of file +} + diff --git a/public/rgc_website/js/add_content.js b/public/rgc_website/js/add_content.js index d296ad446b0ec7f46c04129da642a2d6c14ee42b..035b32684947adc356e967da158618018565fa0d 100644 --- a/public/rgc_website/js/add_content.js +++ b/public/rgc_website/js/add_content.js @@ -1,7 +1,22 @@ 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>' + @@ -13,10 +28,9 @@ function addcontent(item){ '<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>' + + '<b><i class="fas fa-star"></i> Keywords</b>: ' + item.item.keywords.join(', ') + '</br>' + + ExploreHTML + ' ' + + YouTubeHTML + '</p>' + '</div>' + '</div>' +