{{- $c := site.Data.content -}}
<section class="notes" id="notes" aria-labelledby="notes-h">
    <div class="wrap">
      <div class="rule-star" aria-hidden="true"><svg><use href="#spark" /></svg></div>
      <div class="notes-grid">
        <h2 id="notes-h">{{ $c.notes.h2_1 }}</h2>
        <article class="note" data-r>
          <div class="th"><img src="{{ ($c.notes.img_2_image | relURL) }}" alt width="1024" height="1536" loading="lazy" decoding="async"></div>
          <div><p class="meta"><time datetime="2026-10-06">{{ $c.notes.time_3 }}</time><span class="tag">{{ $c.notes.span_4 }}</span></p><p class="t">{{ $c.notes.p_5 }}</p></div>
        </article>
        <article class="note" data-r style="--d:.15s">
          <div class="th"><img src="{{ ($c.notes.img_6_image | relURL) }}" alt width="800" height="800" loading="lazy" decoding="async"></div>
          <div><p class="meta"><time datetime="2026-09-22">{{ $c.notes.time_7 }}</time><span class="tag">{{ $c.notes.span_8 }}</span></p><p class="t">{{ $c.notes.p_9 }}</p></div>
        </article>
      </div>
    </div>
  </section>