---
layout: base.njk
title: Fediverse Skillshare Classifieds
---
{% css %}{% include "css/home.css" %}{% endcss %}

<div class="wip">
  <p>
    Hey! This is in early days, so please forgive the lack of real data. Any listing
    that is greyed out is sample data, and should be ignored. As I get real listings,
    I'll replace the samples!
  </p>
</div>

<div id="jump-links">
  <h2>jump to...</h2>
  <ul>
  {% for tag in collections | getKeys | removeCoreTags | sortAlphabetically %}
    <li>
      <a href="#{{ tag | slugify }}">{{ tag }}</a>
    </li>
  {% endfor %}
  </ul>
</div>

<div id="listings">
  {% for tag in collections | getKeys | removeCoreTags | sortAlphabetically %}
    <div class="category">
      <div class="category-title">
        <h2>{{ tag }}</h2>
        <p>{{ tag | getTagline }}</p>
      </div>
      {% for listing in collections[tag] %}
        <div class="listing{% if listing.data.draft %} draft{% endif %}">
          <h3>{{ listing.data.title }}</h3>
          <p class="blurb">
            <strong>
              <a href="https://{{ listing.data.server }}/@{{ listing.data.handle }}"
              target="_blank">@{{ listing.data.handle }}@{{ listing.data.server}}</a>
            offers:</strong> {{ listing.data.blurb }}
          </p>
          <p class="listed-on">
            listed on <time datetime="{{ listing.date | htmlDateString }}">{{ listing.date | readableDate() }}</time>
          </p>
        </div>
      {% endfor %}
    </div>
  {% endfor %}
</div>