ki-buch-archive/index.html

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>KI-Buch-Archive – Begleit-Service und Material zu den KI-Büchern</title>
  <meta name="description" content="Mitmach-Material und Vorlagen zu den KI-Praxisbüchern – ZIP-Downloads für PDF-Leser.">
  <link rel="stylesheet" href="/css/styles.css?v=20261101">
</head>
<body class="page-wide">
  <header class="site-header">
    <div class="site-header__inner">
      <a class="site-brand" href="/">KI-Buch-Archive</a>
      <nav class="site-nav" aria-label="Hauptnavigation">
        <a href="/">Projekte</a>
        <a href="/beziehen.html">Buch beziehen</a>
        <a href="/impressum.html">Impressum</a>
      </nav>
    </div>
  </header>

  <main class="site-main">
    <header class="hero">
      <h1>KI-Buch-Archive</h1>
      <p class="lede">
        Begleit-Service und Material zu den KI-Büchern – Stand, Errata, Checklisten.
        Kein Shop, kein Tracking: nur Begleitseiten und Downloads für Leserinnen und Leser.
      </p>
    </header>

    <aside class="callout callout--info">
      <p>
        Buch-PDF per E-Mail: Adresse angeben unter
        <a href="/beziehen.html">Buch beziehen</a>.
        Checklisten und Vorlagen bleiben auf den Projektseiten frei.
      </p>
    </aside>

    <p class="section-label">Projekte</p>
    <ul class="card-grid">
      <li class="card card--book">
        <a class="card__cover" href="/projects/was-bleibt-vom-menschen/flyer/" aria-label="Flyer: Was bleibt vom Menschen?">
          <img src="/assets/covers/was-bleibt-vom-menschen.jpg" width="600" height="900" alt="" loading="lazy">
        </a>
        <div class="card__body">
        <h2><a href="/projects/was-bleibt-vom-menschen/">Was bleibt vom Menschen?</a></h2>
        <p>
          Begleit-Service: Stand &amp; Drift, Errata, drei Fragen / Prüfbedingungen /
          sechs Hebel, Kernbegriffe, schnelle Hilfe und Feedback zur 1.&nbsp;Auflage 2026 (Vorabexemplar, Sachbuch).
        </p>
        <div class="card__meta">
          <span class="tag">was-bleibt-vom-menschen</span>
          <span class="tag tag--ok">companion-0.1.2</span>
          <a class="btn btn--primary" href="/projects/was-bleibt-vom-menschen/">Zum Begleit-Service →</a>
          <a class="btn btn--secondary" href="/projects/was-bleibt-vom-menschen/flyer/">Flyer</a>
        </div>
        </div>
      </li>
      <li class="card card--book">
        <a class="card__cover" href="/projects/ki-hinterm-vorhang/flyer/" aria-label="Flyer: Die KI hinter dem Vorhang">
          <img src="/assets/covers/ki-hinterm-vorhang.jpg" width="600" height="900" alt="" loading="lazy">
        </a>
        <div class="card__body">
        <h2><a href="/projects/ki-hinterm-vorhang/">Die KI hinter dem Vorhang</a></h2>
        <p>
          Begleit-Service: Stand &amp; Drift, Errata, Lese-/Denk-Checkliste,
          Ampel-Matrix, schnelle Hilfe und Feedback zur 1.&nbsp;Auflage 2026 (Vorabexemplar, Sachbuch).
        </p>
        <div class="card__meta">
          <span class="tag">ki-hinterm-vorhang</span>
          <span class="tag tag--ok">companion-0.1.12</span>
          <a class="btn btn--primary" href="/projects/ki-hinterm-vorhang/">Zum Begleit-Service →</a>
          <a class="btn btn--secondary" href="/projects/ki-hinterm-vorhang/flyer/">Flyer</a>
        </div>
        </div>
      </li>
      <li class="card card--book">
        <a class="card__cover" href="/projects/coding-agents-praxis/flyer/" aria-label="Flyer: Coding Agents in der Praxis">
          <img src="/assets/covers/coding-agents-praxis.jpg" width="600" height="900" alt="" loading="lazy">
        </a>
        <div class="card__body">
        <h2><a href="/projects/coding-agents-praxis/">Coding Agents in der Praxis</a></h2>
        <p>
          Begleit-Service: Stand &amp; Drift, Errata, Vorlagen/Checklisten (ZIP),
          Stack-Orientierung (Anhang&nbsp;B), schnelle Hilfe und Feedback zur 1.&nbsp;Auflage 2026
          (Vorabexemplar, vendor-agnostisch).
        </p>
        <div class="card__meta">
          <span class="tag">coding-agents-praxis</span>
          <span class="tag tag--ok">companion-0.1.6</span>
          <a class="btn btn--primary" href="/projects/coding-agents-praxis/">Zum Begleit-Service →</a>
          <a class="btn btn--secondary" href="/projects/coding-agents-praxis/flyer/">Flyer</a>
        </div>
        </div>
      </li>
    </ul>
  </main>

  <footer class="site-footer">
    <div class="site-footer__inner">
      <p>books.maatini.space · <a href="/beziehen.html">Buch beziehen</a> · <a href="/impressum.html">Impressum</a></p>
      <p>ZIPs entpacken in einen <strong>bekannten</strong> Arbeitsordner – nicht blind aus dem Downloads-Ordner starten.</p>
    </div>
  </footer>
</body>
</html>