requests page and styling

src/requests.njk

@@ -0,0 +1,31 @@
+---
+title: Requests for Help
+---
+{% css %}{% include "css/listings.css" %}{% endcss %}
+
+{% if collections.requests | length == 0 %}
+<p>There's nothing here yet. <a href="/submit/">Submit your own</a>.</p>
+{% endif %}
+
+{% for listing in collections.requests | reverse %}
+  {% set tag = listing.data.tags | removeCoreTags %}
+  <div class="request">
+    <div class="title">
+      <h2>{{ listing.data.title }}</h2>
+      <p>{{ tag }}</p>
+    </div>
+    <p class="blurb">
+      <strong>
+        <a href="https://{{ listing.data.url }}"
+        target="_blank">{{ listing.data.handle }}</a>
+      asks:</strong> {{ listing.data.blurb }}
+    </p>
+    {% if listing.data.rate %}
+      <p><strong>Suggested rate:</strong> {{ listing.data.rate }}</p>
+    {% endif %}
+    <p class="listed-on">
+      listed on <time datetime="{{ listing.date | htmlDateString }}"
+        >{{ listing.date | readableDate() }}</time>
+    </p>
+  </div>
+{% endfor %}