From bb81806bb58326f0dadfddc38705f0760c7c8d8f Mon Sep 17 00:00:00 2001
From: "luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f"
 <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f>
Date: Mon, 20 Sep 2010 15:33:37 +0000
Subject: improved html structure and tweaked stylesheet accordingly

---
 templates/includes/recent_entries.html          | 65 ++++++++++++-------------
 templates/includes/recent_entries_template.html | 25 +++++-----
 2 files changed, 41 insertions(+), 49 deletions(-)

(limited to 'templates/includes')

diff --git a/templates/includes/recent_entries.html b/templates/includes/recent_entries.html
index 3bcae08..fd9c7ef 100644
--- a/templates/includes/recent_entries.html
+++ b/templates/includes/recent_entries.html
@@ -1,36 +1,31 @@
+<article class="col1">
+                <h1><a href="/2010/jul/28/dinosaur-national-monument-part-one-echo-park/" title="Dinosaur National Monument, Part One: Echo Park">Dinosaur National Monument, Part One: Echo&nbsp;Park</a></h1>
+                <p>
+                    <span class="location">Dinosaur National Monument, <a href="/writing/united-states/1/" title="travel writing from the United States">Colorado</a></span> &nbsp;
 
-            <ul>
-                <li class="col1">
-                    <h3><a href="/2010/jul/28/dinosaur-national-monument-part-one-echo-park/" title="Dinosaur National Monument, Part One: Echo Park">Dinosaur National Monument, Part One: Echo&nbsp;Park</a></h3>
-                    <p>
-                        <span class="location">Dinosaur National Monument, <a href="/writing/united-states/1/" title="travel writing from the United States">Colorado</a></span> &nbsp;
-    
-                        <time datetime="2010-07-28 16:00:00">07/28/10</time>
-                        <img src="http://images.luxagraf.net/post-thumbnail/2010/dinosaurv.jpg" alt="Dinosaur National Monument, Part One: Echo Park" class="post-image" />
-                    </p>
-                    <p class="intro hyphenate">Dinosaur National Monument was poorly named. The best parts of it are not the fossils in the quarry (which is closed for 2010 anyway) but the canyon country &mdash; some of the best, most remote canyon country you'll find in this part of the world.</p>
-                    <span class="button"><a class="permalink" href="/2010/jul/28/dinosaur-national-monument-part-one-echo-park/" title="Dinosaur National Monument, Part One: Echo Park">More&nbsp;&raquo;</a></span>
-                </li>
-                <li class="col2">
-                    <h3><a href="/2010/jul/25/endless-crowds-yellowstone/" title="The Endless Crowds of Yellowstone">The Endless Crowds of&nbsp;Yellowstone</a></h3>
-                    <p>
-                        <span class="location">Yellowstone National Park, <a href="/writing/united-states/1/" title="travel writing from the United States">Wyoming</a></span> &nbsp;
-    
-                        <time datetime="2010-07-25 13:00:00">07/25/10</time>
-                        <img src="http://images.luxagraf.net/post-thumbnail/2010/yellowstonev.jpg" alt="The Endless Crowds of Yellowstone" class="post-image" />
-                    </p>
-                    <p class="intro hyphenate">There is wilderness in Yellowstone, even if it's just inches from the boardwalks that transport thousands around the geothermal pools. It may not be wilderness on a grand scale &mdash; the sweeping mountain peaks or wild rivers of other parks &mdash but in some ways that makes it more enticing. As one Ranger told me, Yellowstone isn't about the big picture, the grand scenery, it's about the tiny details within each pool. To really see Yellowstone, he said, you have to take your time, move slowly and look closely. </p>
-                    <span class="button"><a class="permalink" href="/2010/jul/25/endless-crowds-yellowstone/" title="The Endless Crowds of Yellowstone">More&nbsp;&raquo;</a></span>
-                </li>
-                <li class="col1">
-                    <h3><a href="/2010/jul/22/backpacking-grand-tetons/" title="Backpacking in the Grand Tetons">Backpacking in the Grand&nbsp;Tetons</a></h3>
-                    <p>
-                        <span class="location">Grand Teton National Park, <a href="/writing/united-states/1/" title="travel writing from the United States">Wyoming</a></span> &nbsp;
-    
-                        <time datetime="2010-07-22 16:00:00">07/22/10</time>
-                        <img src="http://images.luxagraf.net/post-thumbnail/2010/grandtetonsv.jpg" alt="Backpacking in the Grand Tetons" class="post-image" />
-                    </p>
-                    <p class="intro hyphenate">Hiking into the wilderness empties your mind. You fall into the silence of the mountains and you can relax in a way that's very difficult to do in the midst of civilization. The white noise that surrounds us in our everyday lives, that noise we don't even notice as it adds thin layers of stress that build up over days, weeks, years, does not seem capable of following us into the mountains. </p>
-                    <span class="button"><a class="permalink" href="/2010/jul/22/backpacking-grand-tetons/" title="Backpacking in the Grand Tetons">More&nbsp;&raquo;</a></span>
-                </li>
-            </ul>
\ No newline at end of file
+                    <time datetime="2010-07-28T16:00:00">07/28/10</time>
+                    <img src="http://127.0.0.1:8000/images/post-thumbnail/2010/dinosaurv.jpg" alt="Dinosaur National Monument, Part One: Echo Park" class="post-image" />
+                </p>
+                <p class="intro hyphenate">Dinosaur National Monument was poorly named. The best parts of it are not the fossils in the quarry (which is closed for 2010 anyway) but the canyon country &mdash; some of the best, most remote canyon country you'll find in this part of the world.</p>
+                <span class="button"><a class="permalink" href="/2010/jul/28/dinosaur-national-monument-part-one-echo-park/" title="Dinosaur National Monument, Part One: Echo Park">More&nbsp;&raquo;</a></span>
+            </article><article class="col2">
+                <h1><a href="/2010/jul/25/endless-crowds-yellowstone/" title="The Endless Crowds of Yellowstone">The Endless Crowds of&nbsp;Yellowstone</a></h1>
+                <p>
+                    <span class="location">Yellowstone National Park, <a href="/writing/united-states/1/" title="travel writing from the United States">Wyoming</a></span> &nbsp;
+
+                    <time datetime="2010-07-25T13:00:00">07/25/10</time>
+                    <img src="http://127.0.0.1:8000/images/post-thumbnail/2010/yellowstonev.jpg" alt="The Endless Crowds of Yellowstone" class="post-image" />
+                </p>
+                <p class="intro hyphenate">There is wilderness in Yellowstone, even if it's just inches from the boardwalks that transport thousands around the geothermal pools. It may not be wilderness on a grand scale &mdash; the sweeping mountain peaks or wild rivers of other parks &mdash; but in some ways that makes it more enticing. As one Ranger told me, Yellowstone isn't about the big picture, the grand scenery, it's about the tiny details within each pool. To really see Yellowstone, he said, you have to take your time, move slowly and look closely. </p>
+                <span class="button"><a class="permalink" href="/2010/jul/25/endless-crowds-yellowstone/" title="The Endless Crowds of Yellowstone">More&nbsp;&raquo;</a></span>
+            </article><article class="col1">
+                <h1><a href="/2010/jul/22/backpacking-grand-tetons/" title="Backpacking in the Grand Tetons">Backpacking in the Grand&nbsp;Tetons</a></h1>
+                <p>
+                    <span class="location">Grand Teton National Park, <a href="/writing/united-states/1/" title="travel writing from the United States">Wyoming</a></span> &nbsp;
+
+                    <time datetime="2010-07-22T16:00:00">07/22/10</time>
+                    <img src="http://127.0.0.1:8000/images/post-thumbnail/2010/grandtetonsv.jpg" alt="Backpacking in the Grand Tetons" class="post-image" />
+                </p>
+                <p class="intro hyphenate">Hiking into the wilderness empties your mind. You fall into the silence of the mountains and you can relax in a way that's very difficult to do in the midst of civilization. The white noise that surrounds us in our everyday lives, that noise we don't even notice as it adds thin layers of stress that build up over days, weeks, years, does not seem capable of following us into the mountains. </p>
+                <span class="button"><a class="permalink" href="/2010/jul/22/backpacking-grand-tetons/" title="Backpacking in the Grand Tetons">More&nbsp;&raquo;</a></span>
+            </article>
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 %}
-- 
cgit v1.2.3-70-g09d2