4,408
edits
No edit summary |
No edit summary |
||
Line 65: | Line 65: | ||
$('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>'); | $('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>'); | ||
var articleContentHtml = '<div class="article-title-link">'; // Start new div | var articleContentHtml = '<div class="article-title-link">'; // Start new div | ||
// Adding the title and external link icon to the new div | // Adding the title and external link icon to the new div | ||
articleContentHtml += '<p class="article-title">' + title + '</p>'; | articleContentHtml += '<p class="article-title">' + title + '</p>'; | ||
Line 71: | Line 72: | ||
} | } | ||
articleContentHtml += '</div>'; // Close the new div | articleContentHtml += '</div>'; // Close the new div | ||
// Append type, entity, discipline, and subject details | |||
articleContentHtml += '<p class="article-type">' + type + '</p>' + | |||
'<div class="article-metadata">' + | |||
'<div class="article-metadata-column">' + | '<div class="article-metadata-column">' + | ||
'<p class="article-metadata-label">Entity</p>' + | |||
'<p class="article-metadata-value">' + entity + '</p>' + | |||
'</div>' + | '</div>' + | ||
'<div class="article-metadata-column">' + | '<div class="article-metadata-column">' + | ||
'<p class="article-metadata-label">Discipline</p>' + | |||
'<p class="article-metadata-value">' + discipline + '</p>' + | |||
'</div>' + | '</div>' + | ||
'<div class="article-metadata-column">' + | '<div class="article-metadata-column">' + | ||
'<p class="article-metadata-label">Subject(s)</p>' + | |||
'<p class="article-metadata-value">' + subject + '</p>' + | |||
'</div>' + | '</div>' + | ||
'</div>'; | |||
// Add images if any | |||
if (cardImages.length > 0) { | if (cardImages.length > 0) { | ||
var initialImage = cardImages[0]; // Use the first image initially | var initialImage = cardImages[0]; // Use the first image initially | ||
articleContentHtml += | articleContentHtml += | ||
'<div class="article-images">' + | '<div class="article-images">' + | ||
getImageHtml(initialImage, 0, cardImages.length) + | getImageHtml(initialImage, 0, cardImages.length) + | ||
'</div>'; | '</div>'; | ||
} | } | ||
// Add non-image content (description, reflection, etc.) | // Add non-image content (description, reflection, etc.) |