diff --git a/blocks/card-list/articleCard.js b/blocks/card-list/articleCard.js index 6fa92575..c97adf71 100644 --- a/blocks/card-list/articleCard.js +++ b/blocks/card-list/articleCard.js @@ -2,6 +2,10 @@ import { formatDateUTCSeconds, imageHelper, makePublicUrl } from '../../scripts/ import { li, a, p, div, time, span, h3, } from '../../scripts/dom-builder.js'; +import { getMetadata } from '../../scripts/lib-franklin.js'; + +const template = getMetadata('template'); +const linkText = template === 'wsaw' ? 'Learn More →' : 'Read Article →'; export default function createCard(article, firstCard = false) { const cardTitle = article.title.indexOf('| Danaher Life Sciences') > -1 @@ -17,14 +21,7 @@ export default function createCard(article, firstCard = false) { { class: 'eyebrow-sm' }, article.brand || 'Danaher Corporation', ), - p( - { class: 'text-base text-gray-500 font-extralight' }, - time( - { datetime: formatDateUTCSeconds(article.publishDate) }, - formatDateUTCSeconds(article.publishDate, { month: 'long' }), - ), - span({ class: 'pl-2' }, `${article.readingTime} min read`), - ), + h3( { class: @@ -37,10 +34,19 @@ export default function createCard(article, firstCard = false) { class: 'mt-auto inline-flex w-full py-5 text-base text-danaherpurple-500 font-semibold', }, - 'Read Article →', + linkText, ), ), ); + const showDateTime = p( + { class: 'text-base text-gray-500 font-extralight' }, + time( + { datetime: formatDateUTCSeconds(article.publishDate) }, + formatDateUTCSeconds(article.publishDate, { month: 'long' }), + ), + span({ class: 'pl-2' }, `${article.readingTime} min read`), + ); + if (template !== 'wsaw') cardWrapper.querySelector('.eyebrow-sm')?.after(showDateTime); return li( { diff --git a/tools/importer/transformers/cardList.js b/tools/importer/transformers/cardList.js index 605e9ead..2b9ce5f4 100644 --- a/tools/importer/transformers/cardList.js +++ b/tools/importer/transformers/cardList.js @@ -4,6 +4,10 @@ const URLS_TO_BLOCK_MAP = [ url: '/we-see-a-way.html', blockName: 'Card List (wsaw)', }, + { + url: '/we-see-a-way/solutions/analytical-tools.html', + blockName: 'Card List (wsaw)', + }, { url: '/blog.html', blockName: 'Card List (blog)',