INNER CODE UNIT · JavaScript

chartCard

meursyphus/flitter · dev/llm-playground/app.js:77

function chartCard(chart) {
  return `
    <article class="catalog-card">
      <div class="card-head">
        <div>
          <p class="eyebrow">${chart.category}</p>
          <h3>${chart.title}</h3>
        </div>
        <a class="doc-link" href="/pack/chart/${chart.slug}.md" target="_blank" rel="noreferrer">Open brief</a>
      </div>
      <p class="card-copy">${chart.summary}</p>
      <div class="pill-row">
        <span class="pill">${chart.surface}</span>
        ${chart.supportedStyles.map((style) => `<span class="pill">${style}</span>`).join("")}
      </div>
      <p class="card-foot">Escape hatch: ${chart.escapeHatch}</p>
    </article>
  `;

View source record →