fixed date based archives

2 files changed, 54 insertions, 8 deletions

diff --git a/design/sass/_writing_archive.scss b/design/sass/_writing_archive.scss
index c1970c9..7f3e01e 100644
--- a/design/sass/_writing_archive.scss
+++ b/design/sass/_writing_archive.scss
@@ -77,6 +77,46 @@
     }
 }
 
+.date-archive {
+    @extends %clearfix;
+    @include constrain_wide();
+    margin: 0 auto;
+    margin-bottom: 9em;
+    max-width: 460px !important;
+    text-align: left;
+}
+.dater {
+    @extends %clearfix;
+    margin-top: 3em;
+    margin-bottom: 3em;
+    span {
+        @include smcaps;
+        @include fontsize(11);
+        font-family: sans-serif;
+    }
+    ul {
+        margin-top: .5em;
+        margin-bottom: 1.5em;
+        li {
+            @extends %clearfix;
+            clear: both;
+        }
+    }
+    
+}
+.arc-item {
+    clear: both;
+    margin: 0 auto;
+    a {
+        display: block;
+        float: left;
+    }
+    time {
+        float: right;
+        line-height: 36px;
+    }
+}
+
 .pagination {
     font-family: "carrois_gothicregular" sans-serif;
     text-transform: uppercase;
diff --git a/design/templates/archives/writing_date.html b/design/templates/archives/writing_date.html
index 103d9df..dabe255 100644
--- a/design/templates/archives/writing_date.html
+++ b/design/templates/archives/writing_date.html
@@ -3,22 +3,28 @@
 {% load html5_datetime %}
 {% block pagetitle %}{{block.super}}: Archive{% endblock %}
 {% block bodyid %}id="archive"{%endblock%}
-{% block primary %}
-<p>How did you get here? You URL chopping maniac you. Right on.</p>
 
-<h1>{% if type == 'year' %}{{date}}, on luxagraf{%else%} Archive: {{date}} {% endif %}</h1>{% if type == 'year' %}
-    <ul class="archive">{% regroup object_list by pub_date.month as entries_by_month %}{% for entries in entries_by_month %}
-        <li><span>{{ entries.list.0.pub_date|date:"F Y" }}</span>
+
+{% 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>
+        <li><a href="/jrnl/" title="See all Journal Entries" itemprop="url"><span itemprop="title">Journal</span></a> &rarr;</li>
+        <li>{% if type == 'year' %}{{year}}{%else%}<a href="/jrnl/{{year}}/">{{year}}</a>  &rarr;{%endif%}</li>
+        {% if type == 'monthly' %}<li>{{month}}</li>{% endif %}
+    </ul>
+    <main role="main" id="writing-archive" class="archive">
+    <h1>{% if type == 'year' %}{{year}}, on luxagraf{%else%} Archive: {{month}} {{year}} {% endif %}</h1>{% if type == 'year' %}
+        <ul class="date-archive">{% regroup object_list by pub_date.month as entries_by_month %}{% for entries in entries_by_month %}
+        <li class="dater"><span>{{ entries.list.0.pub_date|date:"F Y" }}</span>
             <ul>{% for post in entries.list %}
-                <li>
+                <li class="arc-item">
                     <a href="{{post.get_absolute_url}}" title="{{post.title}}">{{post.title|smartypants|widont|safe }}</a> 
                     <time datetime="{{post.pub_date|html5_datetime}}">{{post.pub_date|date:"M d, Y"}}</time>
                 </li> {% endfor %}
             </ul>
         </li>{% endfor %}
     </ul>{% else %}
-    <ul class="archive">{% for post in object_list %}
-        <li><a href="{{post.get_absolute_url}}" title="{{post.title}}">{{post.title|smartypants|widont|safe }}</a> 
+    <ul class="date-archive">{% for post in object_list %}
+        <li class="arc-item"><a href="{{post.get_absolute_url}}" title="{{post.title}}">{{post.title|smartypants|widont|safe }}</a> 
             <time datetime="{{post.pub_date|html5_datetime}}">{{post.pub_date|date:"M d, Y"}}</time>
         </li> {% endfor %}
     </ul>