Function renderCard

assets/article-cards.js:859–900

(article)

  }

  function renderCard(article) {
    var item = article.item;

    if (item.classList.contains('article-card-item')) {
      return;
    }

    var card = document.createElement('a');
    var media = document.createElement('span');
    var body = document.createElement('span');
    var date = document.createElement('span');
    var title = document.createElement('span');

    item.className = 'article-card-item';
    card.className = 'article-card';
    card.href = article.href;
    media.className = 'article-card-media is-loading';
    media.innerHTML = '<span>AI</span>';
    body.className = 'article-card-body';
    date.className = 'article-card-date';
    title.className = 'article-card-title';
    date.textContent = article.date || 'AI Article';
    title.textContent = article.title;

    body.appendChild(date);
    body.appendChild(title);
    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 getCover(markdownPath) {
    if (coverCache.has(markdownPath)) {