hover and focus, sample data handling, skip to content link, more

src/index.njk

@@ -4,6 +4,14 @@ 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>
@@ -23,7 +31,7 @@ title: Fediverse Skillshare Classifieds
         <p>{{ tag | getTagline }}</p>
       </div>
       {% for listing in collections[tag] %}
-        <div class="listing">
+        <div class="listing{% if listing.data.draft %} draft{% endif %}">
           <h3>{{ listing.data.title }}</h3>
           <p class="blurb">
             <strong>