buncha progress

src/ads/00-test-test.md

@@ -4,4 +4,5 @@ handle: 00
 server: test.test
 tags: art and crafts
 blurb: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+date: 2026-04-21
 ---

src/ads/01-test-test.md

@@ -4,4 +4,5 @@ handle: 01
 server: test.test
 tags: history and science
 blurb: Quisque mauris erat, tempor non egestas sollicitudin, feugiat id risus. Duis eget ornare nunc. Cras sodales, eros quis finibus luctus, enim sem dictum ante, sed sodales ipsum ante a metus.
+date: 2026-04-22
 ---

src/ads/02-test-test.md

@@ -4,4 +4,5 @@ handle: 02
 server: test.test
 tags: interpersonal and life
 blurb: Fusce faucibus mauris ut metus molestie viverra. In varius erat in lectus scelerisque, vitae ornare sapien euismod. Pellentesque ornare aliquam erat, pellentesque eleifend tellus consequat ut. Donec mollis, lacus vitae bibendum hendrerit, nisi metus dignissim lacus, nec tincidunt nisl ligula vel metus.
+date: 2026-04-23
 ---

src/ads/03-test-test.md

@@ -4,4 +4,5 @@ handle: 03
 server: test.test
 tags: writing editing and literature
 blurb: Sed a commodo lectus. Curabitur tincidunt, eros vel mollis dapibus, mauris dui pharetra mauris, et dapibus leo nisi vitae eros.
+date: 2026-04-24
 ---

src/ads/04-test-test.md

@@ -4,4 +4,5 @@ handle: 04
 server: test.test
 tags: food and drink
 blurb: Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus vitae augue ac neque congue pellentesque vitae a enim. Donec euismod dolor sit amet dui dapibus posuere. Donec eget blandit ligula, ac tempor nunc.
+date: 2026-04-25
 ---

src/ads/05-test-test.md

@@ -4,4 +4,5 @@ handle: 05
 server: test.test
 tags: animals and the outdoors
 blurb: Duis interdum purus non iaculis convallis. Nunc mi lorem, consequat sed luctus vitae, lobortis in arcu.
+date: 2026-04-26
 ---

src/ads/06-test-test.md

@@ -2,6 +2,7 @@
 title: fix your sink or toilet
 handle: 06
 server: test.test
-tags: home improvement and diy
+tags: repair and diy
 blurb: Aliquam justo justo, scelerisque a ligula sed, elementum pharetra quam. Ut augue nibh, finibus vel dui nec, sagittis bibendum leo. Quisque libero diam, maximus in dui ac, sollicitudin congue enim.
+date: 2026-04-27
 ---

src/ads/07-test-test.md

@@ -0,0 +1,8 @@
+---
+title: Navigating Workplace Transition
+handle: 07
+server: test.test
+tags: interpersonal and life
+blurb: Donec nisl ligula, mollis sit amet gravida eget, aliquam vitae nibh. Fusce diam nulla, interdum a ex a, semper lacinia elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacinia fermentum arcu, molestie ornare purus lobortis eget. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc convallis turpis nisi, nec volutpat dui semper at.
+date: 2026-04-28
+---

src/ads/inherentlee-flipping-rocks.md

@@ -1,7 +1,8 @@
 ---
-title: intro web development and terminal basics
+title: introductory web development and terminal basics
 handle: inherentlee
 server: flipping.rocks
 tags: technology
 blurb: I'm happy to help you set up a personal or hobby site with HTML, CSS, and JS basics, or maybe a static site generator! Alternately, I'll talk about git and the terminal.
+date: 2026-04-29
 ---

src/ads/template.md

@@ -4,4 +4,5 @@ handle:
 server:
 tags:
 blurb:
+date:
 ---

src/index.njk

@@ -1,18 +1,40 @@
 ---
 layout: base.njk
+title: Fediverse Skillshare Classifieds
 ---
+{% css %}{% include "css/home.css" %}{% endcss %}
 
-<h1>Fediverse Classifieds</h1>
+<div id="jump-links">
+  <h2>jump to...</h2>
+  <ul id="category-list">
+  {% for tag in collections | getKeys | removeCoreTags | sortAlphabetically %}
+    <li>
+      <a href="#{{ tag | slugify }}">{{ tag }}</a>
+    </li>
+  {% endfor %}
+  </ul>
+</div>
 
 <div id="ads">
   {% for tag in collections | getKeys | removeCoreTags | sortAlphabetically %}
-    <h2 class="category">{{ tag }}</h2>
-    <p class="tagline">{{ tag | getTagline }}</p>
-    {% for post in collections[tag] %}
-      <h3>{{ post.data.title }}</h3>
-      <a href="https://{{ post.data.server }}/@{{ post.data.handle }}"
-        target="_blank">@{{ post.data.handle }}@{{ post.data.server}}</a>
-      <p>{{ post.data.blurb }}</p>
-    {% endfor %}
+    <div class="category">
+      <div class="category-title">
+        <h2>{{ tag }}</h2>
+        <p>{{ tag | getTagline }}</p>
+      </div>
+      {% for ad in collections[tag] %}
+        <div class="ad">
+          <h3>{{ ad.data.title }}</h3>
+          <p class="blurb">
+            <a href="https://{{ ad.data.server }}/@{{ ad.data.handle }}"
+              target="_blank">@{{ ad.data.handle }}@{{ ad.data.server}}</a>
+            offers: {{ ad.data.blurb }}
+          </p>
+          <p class="listed-on">
+            listed on <time datetime="{{ ad.date | htmlDateString }}">{{ ad.date | readableDate() }}</time>
+          </p>
+        </div>
+      {% endfor %}
+    </div>
   {% endfor %}
 </div>

src/submit.njk

@@ -0,0 +1,21 @@
+---
+layout: base.njk
+title: Submit an Ad
+---
+
+<p>To submit to the Skillshare Classifieds, you'll need:</p>
+
+<ul>
+  <li>your fediverse handle</li>
+  <li>the most relevant category for your listing</li>
+  <li>a title for your offering</li>
+  <li>a short description</li>
+</ul>
+
+<p>See <a href="/">the home page</a> for inspiration.</p>
+
+<iframe class="airtable-embed"
+  src="https://airtable.com/embed/appbdRJ59MLprB1iC/pagfJTOl4KPwh7trd/form"
+  frameborder="0" onmousewheel="" width="100%" height="533"
+  style="background: transparent; border: 1px solid #ccc;">
+</iframe>