blog-eleventy-indiekit/bookmarks.njk

---
layout: layouts/base.njk
title: Bookmarks
permalink: /bookmarks/
---
<div class="page-header mb-6 sm:mb-8">
  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Bookmarks</h1>
  <p class="text-surface-600 dark:text-surface-400">Links I've saved for later.</p>
</div>

{% if collections.bookmarks.length > 0 %}
<ul class="post-list">
  {% for post in collections.bookmarks %}
  <li class="h-entry">
    {% if post.data.title %}
    <h2><a class="p-name u-url" href="{{ post.url }}">{{ post.data.title }}</a></h2>
    {% endif %}
    <div class="post-meta">
      <time class="dt-published" datetime="{{ post.date.toISOString() }}">
        {{ post.date | dateDisplay }}
      </time>
    </div>
    {% if post.data.bookmark_of %}
    <p><a class="u-bookmark-of" href="{{ post.data.bookmark_of }}">{{ post.data.bookmark_of }}</a></p>
    {% endif %}
    <div class="e-content">{{ post.templateContent | safe }}</div>
  </li>
  {% endfor %}
</ul>
{% else %}
<p>No bookmarks yet.</p>
{% endif %}