1 files changed, 35 insertions, 0 deletions
diff --git a/design/templates/tutorials/topic_list.html b/design/templates/tutorials/topic_list.html
new file mode 100644
index 0000000..7149823
--- /dev/null
+++ b/design/templates/tutorials/topic_list.html
@@ -0,0 +1,35 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% load comments %}
+
+{% block pagetitle %}Tutorials and tools for building great things{% endblock %}
+
+{% block metadescription %}Tutorials about {{topic}} - by Scott Gilbertson.{% endblock %}
+{%block sitesubtitle %}Code Slowly{% endblock%}
+{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+    <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>{% if topic %}
+    <li><a href="/src/" title="luxagraf:src homepage" itemprop="url"><span itemprop="title"><code>src</code></span></a> &rarr; </li>
+    <li>{{topic}}</li>{%else%}
+    <li><code>src</code></li>{%endif%}
+    </ul>
+    <main role="main" id="essay-archive" class="essay-archive archive-list">
+        <div class="essay-intro">
+            <h2>Tutorials and tools for building great things on the web.</h2>
+            <p>The indie web is an amazing democratic publishing platform unlike anything in history. The catch is, to avoid serving at the pleasure of the corporate king, you need to know <em>how</em> to publish. That's what these articles are here for, to help you learn how to use independent, community supported open source tools. The web won't last forever, let's build something cool while we can.</p>
+            <p>A few of the articles below were previously published in: <em><a href="https://arstechnica.com/">Ars Technica</a></em>, <em><a href="https://www.wired.com/author/scott-gilbertson/">Wired</a></em>, and <em><a href="https://www.theregister.co.uk/Author/Scott-Gilbertson/">The Register</a></em></p>
+        </div>
+        <h1 class="topic-hed">Tutorials about {{topic}}</h1>
+        <ul class="fancy-archive-list">{% for object in object_list %}{% if object.slug != 'about' %}
+        <li class="h-entry hentry" itemscope itemType="http://schema.org/Article">
+            <span class="date dt-published">{{object.pub_date|date:"F Y"}}</span>
+            <a href="{{object.get_absolute_url}}">
+            <h2>{{object.title|safe|smartypants|widont}}</h2>
+            <p class="p-summary">{{object.meta_description|safe|smartypants|widont}}</p>
+            </a>
+        </li>
+        {%endif%}{%endfor%}</ul>
+
+
+
+    </main>
+{%endblock%}