Function renderFeaturedCard

assets/article-cards.js:747–783

(article)

  }

  function renderFeaturedCard(article) {
    var item = article.item;
    var card = document.createElement('a');
    var media = document.createElement('span');
    var body = document.createElement('span');
    var title = document.createElement('span');
    var summary = document.createElement('span');

    item.className = 'home-reading-item';
    card.className = 'home-reading-card';
    card.href = article.href;
    media.className = 'home-reading-card-media is-loading';
    media.innerHTML = '<span>AI</span>';
    body.className = 'home-reading-card-body';
    title.className = 'home-reading-card-title';
    summary.className = 'home-reading-card-summary';
    title.textContent = article.title;
    summary.textContent = article.summary;

    body.appendChild(title);
    body.appendChild(summary);
    card.appendChild(media);
    card.appendChild(body);
    item.textContent = '';
    item.appendChild(card);

    getCover(article.markdownPath).then(function (cover) {
      media.classList.remove('is-loading');

      var image = document.createElement('img');
      image.alt = article.title;
      image.loading = 'lazy';
      image.src = cover || createGeneratedCover(article.title);
      media.textContent = '';
      media.appendChild(image);
    });
  }

  function renderFeatureCards(list) {
    Array.from(list.children).forEach(function (item) {