edufeed-examples/index.html at main · edufeed-org/edufeed-examples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!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 consuming Edufeed's Nostr-based educational metadata (AMB / kind 30142) and calendar events (NIP-52).">
<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 consuming Edufeed's Nostr-based educational metadata.</p>
    <p>Everything here is plain Nostr — any Nostr client or library can read, query, and render the data.</p>
  </header>

  <div class="cards">
    <a class="card" href="amb-datapool.html">
      <h2>Educational Data Pool — integration guide<span class="pill">kind 30142</span></h2>
      <p>How to consume, query, and convert Nostr / AMB educational metadata from the Edufeed data pool — with a live converter widget, queryable examples, and client libraries by language.</p>
    </a>

    <a class="card" href="amb-demo.html">
      <h2>AMB Resources — live demo<span class="pill">NIP-AMB</span></h2>
      <p>Live demo &amp; documentation: how to read NIP-AMB learning resources from <code>amb-relay.edufeed.org</code> and render them in different designs.</p>
    </a>

    <a class="card" href="calendar-demo.html">
      <h2>Calendar Events — live demo<span class="pill">NIP-52</span></h2>
      <p>Live demo &amp; documentation: how to read NIP-52 calendar events from <code>relay.edufeed.org</code> and render them in different designs.</p>
    </a>

    <a class="card" href="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>