INNER CODE UNIT · JavaScript

patternCard

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

function patternCard(pattern) {
  return `
    <article class="catalog-card">
      <div class="card-head">
        <div>
          <p class="eyebrow">pattern</p>
          <h3>${pattern.title}</h3>
        </div>
        <a class="doc-link" href="/pack/patterns/${pattern.slug}.md" target="_blank" rel="noreferrer">Open brief</a>
      </div>
      <p class="card-copy">${pattern.summary}</p>
      <div class="pill-row">
        ${(pattern.relatedCharts ?? []).slice(0, 3).map((item) => `<span class="pill">${item}</span>`).join("")}
      </div>
    </article>
  `;
}

View source record →