add a guide topics system

app/templates/guides/user-guides/04-inbox.html

@@ -0,0 +1,29 @@
+# Inbox/subscriptions
+{% extends 'guides/_layout.html' %}
+{% block guide_content %}
+<section class="guide-section">
+  <h2 id="overview">Subscriptions</h2>
+  <p>You can subscribe to any thread. When subscribed, you will receive an overview of posts you missed for that thread in your inbox.</p>
+  <p>Additionally, when browsing a topic, threads you've subscribed to will show the number of posts you haven't read in it next to the thread's name.</p>
+</section>
+<section class="guide-section">
+  <h2 id="inbox">Inbox</h2>
+  <p>You can access your Inbox by following the "Inbox" link in the top navigation bar.</p>
+  <p>The Inbox is split into two parts:</p>
+  <ol>
+    <li>Subscriptions
+      <ul>
+        <li>A table of all threads that you've subscribed to. You can unsubscribe from each thread by pressing the <button class="warn">Unsubscribe</button> button for that thread's row.</li>
+        <li>This section is collapsible, like a Babycode spoiler - press the "-" button to collapse it.</li>
+      </ul>
+    </li>
+    <li>Unread posts
+      <ul>
+        <li>These are the posts you missed in each thread, if any. They are sorted in reverse chronological order and are grouped by thread. Each thread is collapsible.</li>
+        <li>You can mark an entire thread as read by pressing the <button>Mark thread as Read</button> button, or unsubscribe from it by pressing the <button class="warn">Unsubscribe</button> button.</li>
+      </ul>
+    </li>
+  </ol>
+  <p>Your inbox is updated automatically when you browse a subscribed thread. Once you've seen the posts you missed, they will disappear from your Inbox.</p>
+</section>
+{% endblock %}