index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Edufeed examples</title>
<meta name="description" content="Live demos and integration guides for Edufeed's Educational Data Pool — Nostr-based educational metadata (AMB resources, kind 30142 / NIP-AMB) and educational calendar events (NIP-52). Each dataset has a write-side integration guide and a read-side live demo.">
<style>
  :root {
    --bg: #0d1117; --panel: #161b22; --panel-2: #1c2230; --border: #2a3344;
    --text: #e9edf5; --muted: #9aa7b8; --accent: #6ea8fe; --accent-soft: #1c2c4a;
    --shadow: 0 1px 3px rgba(0,0,0,.4);
  }
  * { box-sizing: border-box; }
  body {
    margin: 0; background: var(--bg); color: var(--text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.55;
  }
  .wrap { max-width: 880px; margin: 0 auto; padding: 48px 20px 64px; }
  header h1 { margin: 0 0 8px; font-size: 28px; }
  header p { margin: 0 0 8px; color: var(--muted); font-size: 15px; }
  .cards { display: grid; gap: 16px; margin-top: 32px; }
  a.card {
    display: block; text-decoration: none; color: inherit;
    background: var(--panel); border: 1px solid var(--border); border-radius: 12px;
    padding: 18px 20px; box-shadow: var(--shadow); transition: border-color .15s, transform .15s;
  }
  a.card:hover { border-color: var(--accent); transform: translateY(-2px); }
  a.card h2 { margin: 0 0 6px; font-size: 18px; color: var(--accent); }
  a.card .pill {
    display: inline-block; font-size: 11px; font-weight: 600; color: var(--accent);
    background: var(--accent-soft); border-radius: 999px; padding: 2px 8px; margin-left: 8px;
    vertical-align: middle;
  }
  a.card p { margin: 0; color: var(--muted); font-size: 14px; }
  footer { margin-top: 40px; color: var(--muted); font-size: 13px; }
  footer a { color: var(--accent); }
</style>
</head>
<body>
<div class="wrap">
  <header>
    <h1>Edufeed examples</h1>
    <p>Live demos and integration guides for Edufeed's <strong>Educational Data Pool</strong> — Nostr-based educational metadata and calendar events.</p>
    <p>Everything here is plain Nostr — any Nostr client or library can read, query, and render the data.</p>
    <p>Each dataset is documented from two sides: an <strong>integration guide</strong> covers writing into the data pool, a <strong>live demo</strong> covers reading from it. Both sides always describe the <em>same</em> events — e.g. "kind 30142" is the event format that the NIP-AMB specification defines.</p>
  </header>

  <div class="cards">
    <a class="card" href="embed/">
      <h2>Embed snippets — copy &amp; paste<span class="pill">no iframe</span></h2>
      <p>Drop a <code>&lt;div data-edufeed="events"&gt;</code> and one <code>&lt;script&gt;</code> into any HTML box to show Edufeed calendar events, learning resources or an interactive search box on your own site — no build, no dependencies.</p>
    </a>

    <a class="card" href="amb-datapool.html">
      <h2>Educational Data Pool — integration guide<span class="pill">kind 30142 · NIP-AMB</span></h2>
      <p>Write side: how to publish, query, update, and convert AMB resources — Nostr events of <code>kind 30142</code> as specified by NIP-AMB — with a live converter widget, queryable examples, and client libraries by language.</p>
    </a>

    <a class="card" href="amb-demo.html">
      <h2>Educational Data Pool — live demo<span class="pill">kind 30142 · NIP-AMB</span></h2>
      <p>Read side of the same data pool: how to read AMB resources from <code>amb-relay.edufeed.org</code> and render them in different designs.</p>
    </a>

    <a class="card" href="https://github.com/edufeed-org/edufeed-examples/blob/main/calendar-integration.md">
      <h2>Educational Calendar Events — integration guide<span class="pill">kind 31922/31923 · NIP-52 + Edufeed extension · draft</span></h2>
      <p>Write side: how to publish educational calendar events — NIP-52 events enriched with educational metadata (registration, price, attendance mode, participant roles, educational level / Bildungsstufe) — the Edufeed extension of NIP-52.</p>
    </a>

    <a class="card" href="calendar-demo.html">
      <h2>Educational Calendar Events — live demo<span class="pill">kind 31922–31925 · NIP-52</span></h2>
      <p>Read side: how to read educational calendar events (NIP-52 — events, calendars, and RSVPs) from <code>relay.edufeed.org</code> and render them in different designs.</p>
    </a>

    <a class="card" href="https://github.com/edufeed-org/edufeed-examples/blob/main/ekw-metadata.md">
      <h2>EKW Metadata — extension spec<span class="pill">ext:ekw</span></h2>
      <p>Specification of the EKW extension metadata the Edufeed app writes onto AMB resources (<code>kind 30142</code>) — tag-key grammar, core &amp; Konfi facets, and links to the SKOS vocabularies on <code>nocabs.edufeed.org</code>.</p>
    </a>
  </div>

  <footer>
    <p>Source: <a href="https://github.com/edufeed-org/edufeed-examples">github.com/edufeed-org/edufeed-examples</a></p>
  </footer>
</div>
</body>
</html>