Function renderFeatureCards

assets/article-cards.js:785–831

(list)

  }

  function renderFeatureCards(list) {
    Array.from(list.children).forEach(function (item) {
      if (item.tagName !== 'LI' || item.classList.contains('home-feature-item')) {
        return;
      }

      var link = item.querySelector('a[href]');

      if (!link) {
        return;
      }

      var summaryNode = Array.from(item.querySelectorAll('p')).find(function (paragraph) {
        return !paragraph.querySelector('a[href]');
      });
      var href = link.getAttribute('href') || '#/';
      var title = link.textContent.trim();
      var summary = summaryNode ? summaryNode.textContent.trim() : '';
      var card = document.createElement('a');
      var media = document.createElement('span');
      var image = document.createElement('img');
      var body = document.createElement('span');
      var titleNode = document.createElement('span');
      var summaryNodeNew = document.createElement('span');

      item.className = 'home-feature-item';
      card.className = 'home-feature-card';
      card.href = href;
      media.className = 'home-feature-card-media';
      image.alt = title;
      image.loading = 'lazy';
      image.src = createGeneratedCover(title, summary || 'cxuan-ai-labs');
      body.className = 'home-feature-card-body';
      titleNode.className = 'home-feature-card-title';
      summaryNodeNew.className = 'home-feature-card-summary';
      titleNode.textContent = title;
      summaryNodeNew.textContent = summary;

      media.appendChild(image);
      body.appendChild(titleNode);
      body.appendChild(summaryNodeNew);
      card.appendChild(media);
      card.appendChild(body);
      item.textContent = '';
      item.appendChild(card);
    });
  }

  function toArticleItem(listItem) {
    var link = listItem.querySelector('a[href]');