improved html structure and tweaked stylesheet accordingly

1 files changed, 11 insertions, 14 deletions

diff --git a/templates/includes/recent_entries_template.html b/templates/includes/recent_entries_template.html
index 847dc47..97c05f9 100644
--- a/templates/includes/recent_entries_template.html
+++ b/templates/includes/recent_entries_template.html
@@ -1,14 +1,11 @@
-{% load typogrify %}
-            <ul>{% for object in object_list %}
-                <li class="{% cycle 'col1' 'col2' %}">
-                    <h3><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h3>
-                    <p>
-                        <span class="location">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%}</span> &nbsp;
-    
-                        <time datetime="{{object.pub_date}}">{{object.pub_date|date:"m/d/y"}}</time>
-                        {%if object.thumbnail%}<img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" />{%endif%}
-                    </p>
-                    <p class="intro hyphenate">{{object.dek|safe}}</p>
-                    <span class="button"><a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}">More&nbsp;&raquo;</a></span>
-                </li>{% endfor %}
-            </ul>
\ No newline at end of file
+{% load typogrify %}{% for object in object_list %}<article class="{% cycle 'col1' 'col2' %}">
+                <h1><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h1>
+                <p>
+                    <span class="location">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%}</span> &nbsp;
+
+                    <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"m/d/y"}}</time>
+                    {%if object.thumbnail%}<img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" />{%endif%}
+                </p>
+                <p class="intro hyphenate">{{object.dek|safe}}</p>
+                <span class="button"><a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}">More&nbsp;&raquo;</a></span>
+            </article>{% endfor %}