View source for Tijdlijn (Ridders)

<!-- === TIJDLIJN (RIDDDERS) — plaats dit in de pagina "Tijdlijn (Ridders)" === -->
<div style="font-family:Georgia,serif; margin:1.2rem 0;">
  <h2 style="margin:.2em 0 .4em; text-align:center;">Tijdlijn van de vier ridders van Zeeland</h2>
  <div style="text-align:center; color:#444; font-style:italic; margin-bottom:1em;">
    “Van Cuijk → Uden → Zeeland: een ridderlijke lijn in de Meierij (13e–14e eeuw)”
  </div>

  <!-- Legenda -->
  <div style="max-width:980px; margin:0 auto 12px; display:flex; gap:.7rem; flex-wrap:wrap; align-items:center; justify-content:center; font-size:.95em;">
    <span style="background:#eef6f0; border-left:4px solid #3b7a57; padding:.2em .6em; border-radius:6px;">⚔️ miles (ridder)</span>
    <span style="background:#f2f2ff; border-left:4px solid #5b6bd5; padding:.2em .6em; border-radius:6px;">⛪ advocatus (voogd)</span>
    <span style="background:#fff7e6; border-left:4px solid #d58b3b; padding:.2em .6em; border-radius:6px;">🛡️ dominus miles</span>
    <span style="background:#f9f9f9; border-left:4px solid #888; padding:.2em .6em; border-radius:6px;">📜 bron/nota</span>
  </div>

  <!-- Lijn -->
  <div style="max-width:980px; margin:0 auto; position:relative; padding:16px 0 6px;">
    <div style="position:absolute; left:0; right:0; top:46px; height:6px; background:linear-gradient(90deg,#3b7a57,#5b6bd5); border-radius:6px; opacity:.25;"></div>

    <!-- PRELUDE (grijs, context) -->
    <div style="display:flex; gap:14px; flex-wrap:wrap; justify-content:space-between;">
      <div style="flex:1 1 180px; min-width:180px; opacity:.65;">
        <div style="background:#f5f6f7; border:1px solid #dcdcdc; border-radius:12px; padding:.7em .9em;">
          <div style="font-weight:bold;">Gerard van Cuijk</div>
          <div style="font-size:.95em; color:#555;">fl. 1170–1210</div>
          <div style="font-size:.9em; margin-top:.35em;">Brabantse ridder; voorouderlijke tak (context).</div>
          <div style="font-size:.9em; margin-top:.35em;">📎 Zie: [[Gerard van Cuijk (fl. 1170–1210)]]</div>
        </div>
      </div>
      <div style="flex:1 1 180px; min-width:180px; opacity:.65;">
        <div style="background:#f5f6f7; border:1px solid #dcdcdc; border-radius:12px; padding:.7em .9em;">
          <div style="font-weight:bold;">Reinier van Uden</div>
          <div style="font-size:.95em; color:#555;">fl. 1210–1250</div>
          <div style="font-size:.9em; margin-top:.35em;">Schakel Cuijk → Uden; regionale leenadel.</div>
          <div style="font-size:.9em; margin-top:.35em;">📎 Zie: [[Reinier van Uden]]</div>
        </div>
      </div>
    </div>

    <!-- 1) GERARD VAN ZEELAND -->
    <div style="display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:12px;">
      <div style="flex:1 1 280px; min-width:260px;">
        <div style="background:#eef6f0; border:1px solid #cfe1d7; border-radius:14px; padding:1em 1.1em; box-shadow:0 1px 3px rgba(0,0,0,.03);">
          <div style="display:flex; justify-content:space-between; align-items:center;">
            <div style="font-weight:bold; font-size:1.07em;">
              <a href="[[Gerard van Zeeland (fl. 1235–1265)]]" style="text-decoration:none; color:#1c432f;">Gerard van Zeeland</a>
            </div>
            <div title="ridder & advocatus" style="font-size:1.1em;">⚔️ ⛪</div>
          </div>
          <div style="color:#2d624b;">fl. ca. 1235–1265</div>
          <ul style="margin:.5em 0 .2em 1.1em;">
            <li>⛪ <b>advocatus Sancti Trudonis</b> (oorkonde 1235).</li>
            <li>⚔️ <i>miles</i>; getuige in Brabantse charters.</li>
          </ul>
          <div style="font-size:.9em; background:#f7fbf9; border-left:4px solid #3b7a57; padding:.5em .7em; border-radius:6px; margin-top:.4em;">
            📜 <i>“…in presentia domini Gerardi de Zelandia, militis…”</i> (Hertog Hendrik II, 1235)
          </div>
        </div>
      </div>

      <!-- 2) JAN VAN ZEELAND -->
      <div style="flex:1 1 280px; min-width:260px;">
        <div style="background:#f2f2ff; border:1px solid #d8dbff; border-radius:14px; padding:1em 1.1em; box-shadow:0 1px 3px rgba(0,0,0,.03);">
          <div style="display:flex; justify-content:space-between; align-items:center;">
            <div style="font-weight:bold; font-size:1.07em;">
              <a href="[[Jan van Zeeland]]" style="text-decoration:none; color:#283189;">Jan van Zeeland</a>
            </div>
            <div title="ridder" style="font-size:1.1em;">⚔️</div>
          </div>
          <div style="color:#3b47a3;">fl. 1270–1280</div>
          <ul style="margin:.5em 0 .2em 1.1em;">
            <li>⚭ Geertruid van Poeldonck (Bossche verbinding).</li>
            <li>Getuige/zegelaar in hertogelijke context.</li>
          </ul>
          <div style="font-size:.9em; background:#fafaff; border-left:4px solid #5b6bd5; padding:.5em .7em; border-radius:6px; margin-top:.4em;">
            📜 Notities in Bossche schepenakten (1270s).
          </div>
        </div>
      </div>

      <!-- 3) GERARD JAN VAN ZEELAND -->
      <div style="flex:1 1 280px; min-width:260px;">
        <div style="background:#fff7e6; border:1px solid #f3d4a8; border-radius:14px; padding:1em 1.1em; box-shadow:0 1px 3px rgba(0,0,0,.03);">
          <div style="display:flex; justify-content:space-between; align-items:center;">
            <div style="font-weight:bold; font-size:1.07em;">
              <a href="[[Gerard Jan van Zeeland]]" style="text-decoration:none; color:#7a4c14;">Gerard Jan van Zeeland</a>
            </div>
            <div title="dominus miles" style="font-size:1.1em;">🛡️</div>
          </div>
          <div style="color:#9a6427;">fl. 1290–1310</div>
          <ul style="margin:.5em 0 .2em 1.1em;">
            <li><i>dominus miles</i> in meerdere bronnen.</li>
            <li>Regelmatige getuige in Brabantse en Bossche charters.</li>
          </ul>
          <div style="font-size:.9em; background:#fffaf0; border-left:4px solid #d58b3b; padding:.5em .7em; border-radius:6px; margin-top:.4em;">
            📜 1305 (’s-Hertogenbosch): <i>“…in presentia domini Gerardi de Zelant, militis…”</i>
          </div>
        </div>
      </div>

      <!-- 4) JAN GERARD VAN ZEELAND -->
      <div style="flex:1 1 280px; min-width:260px;">
        <div style="background:#f9f9f9; border:1px solid #ddd; border-radius:14px; padding:1em 1.1em; box-shadow:0 1px 3px rgba(0,0,0,.03);">
          <div style="display:flex; justify-content:space-between; align-items:center;">
            <div style="font-weight:bold; font-size:1.07em;">
              <a href="[[Jan Gerard van Zeeland]]" style="text-decoration:none; color:#333;">Jan Gerard van Zeeland</a>
            </div>
            <div title="dominus miles" style="font-size:1.1em;">🛡️</div>
          </div>
          <div style="color:#666;">fl. ca. 1330–1337</div>
          <ul style="margin:.5em 0 .2em 1.1em;">
            <li>Laatst bekende ridder in directe lijn.</li>
            <li>Optredens in latere Bossche context.</li>
          </ul>
          <div style="font-size:.9em; background:#fcfcfc; border-left:4px solid #888; padding:.5em .7em; border-radius:6px; margin-top:.4em;">
            📜 Eindpunt ridderlijke status in de bronnen (na 1337).
          </div>
        </div>
      </div>
    </div>

    <!-- NA DE RIDDERTIJD (overgang) -->
    <div style="display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:12px;">
      <div style="flex:1 1 320px; min-width:280px;">
        <div style="background:#f5f6f7; border:1px solid #dcdcdc; border-radius:12px; padding:.8em 1em;">
          <div style="display:flex; justify-content:space-between; align-items:center;">
            <div style="font-weight:bold;">Overgang naar Kemmeren</div>
            <div style="opacity:.7;">🧭</div>
          </div>
          <div style="font-size:.95em; color:#555;">15e–16e eeuw</div>
          <ul style="margin:.5em 0 .2em 1.1em;">
            <li><b>Willem Peter van Zeeland</b>, <i>dictus</i> “de Kemmer” — Loon op Zand (Roestelberg).</li>
            <li><b>Peter Willems de Kemmer</b> — bijnaam wordt familienaam <b>Kemmeren</b>.</li>
          </ul>
          <div style="font-size:.9em; background:#fbfbfb; border-left:4px solid #999; padding:.5em .7em; border-radius:6px; margin-top:.4em;">
            📎 Zie: [[Willem Peter van Zeeland (de Kemmer)]] • [[Familie Kemmeren]]
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Toelichting / verantwoording -->
  <div style="max-width:980px; margin:14px auto 0; font-size:.95em; color:#444; background:#fff; border-left:4px solid #3b7a57; padding:.8em 1em; border-radius:8px;">
    <b>Bronnen en notities.</b> De titel <i>advocatus Sancti Trudonis</i> komt uitsluitend voor bij <b>Gerard van Zeeland</b> (oorkonde 1235).
    Latere generaties worden vermeld als <i>miles</i> of <i>dominus miles</i>, maar niet meer als voogd. Dateringen zijn floruit-perioden.
    Zie ook: [[Familie van Zeeland]] • [[Bezittingen van de vier ridders]] • [[Bronnen]].
  </div>

  <!-- Fallback voor schermlezers / print -->
  <details style="max-width:980px; margin:10px auto 0; font-size:.95em; color:#333;">
    <summary style="cursor:pointer;">Toon beknopte lijstweergave (toegankelijkheid/print)</summary>
    <ol style="margin-top:.6em;">
      <li><b>Gerard van Zeeland</b> (fl. 1235–1265) — ⚔️ ridder; ⛪ <i>advocatus Sancti Trudonis</i>.</li>
      <li><b>Jan van Zeeland</b> (fl. 1270–1280) — ⚔️ ridder; gehuwd met Geertruid van Poeldonck.</li>
      <li><b>Gerard Jan van Zeeland</b> (fl. 1290–1310) — 🛡️ <i>dominus miles</i>; 1305-vermelding in ’s-Hertogenbosch.</li>
      <li><b>Jan Gerard van Zeeland</b> (fl. 1330–1337) — 🛡️ <i>dominus miles</i>; einde ridderlijke lijn.</li>
    </ol>
  </details>
</div>