From 0fe4e6faf9d5454d810e6fa97450107b0dcfd5cd Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Mon, 9 Jun 2014 09:03:01 -0400
Subject: Styled notes section

---
 design/templates/archives/notes_date.html | 40 +++++++++++++++----------------
 1 file changed, 20 insertions(+), 20 deletions(-)

(limited to 'design/templates/archives/notes_date.html')

diff --git a/design/templates/archives/notes_date.html b/design/templates/archives/notes_date.html
index 9ac1c0e..aabd996 100644
--- a/design/templates/archives/notes_date.html
+++ b/design/templates/archives/notes_date.html
@@ -3,10 +3,10 @@
 {% load html5_datetime %}
 {% load month_number_to_name %}
 {% block pagetitle %} Notes Published in  {% if month %}{{month|month_number_to_name}}{%endif%} {{year}} | luxagraf{% endblock %}
-{% block bodyid %}class="archive" id="archive-{% if month %}{{month|month_number_to_name}}{%endif%}{{year}}"{%endblock%}
+{% block bodyid %}class="archive notes" id="archive-{% if month %}{{month|month_number_to_name}}{%endif%}{{year}}"{%endblock%}
 {% block primary %}<ul class="bl crumbs" 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="/notes/" itemprop="url"><span itemprop="title">Notes</span> &rarr;</li>
+        <li><a href="/notes/" itemprop="url"><span itemprop="title">Notes</span></a> &rarr;</li>
         <li>{% if month %}<a href="/notes/{{year}}/" title="Notes published in {{year}}" itemprop="url">{%endif%}<span itemprop="title">{{year}}</span>{% if month %}</a> &rarr;{%endif%}</li>
         {% if month %}<li itemprop="title">{{month|month_number_to_name}}</li>{%endif%}
     </ul>
@@ -16,19 +16,19 @@
             <div class="p-name e-content">
             {{object.link_twitter_names|safe|urlizetrunc:45|amp|smartypants }}
             </div>
-            <footer>{% if object.location %}
+            <footer>
+                 <p class="meta">
+                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"d M Y"}}</time></a>
+                </p>{% if object.location %}
                 <p class="h-adr meta location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
                     <span class="p-locality">{{object.location.name|smartypants|safe}}</span>, 
                     <span class="p-region">{{object.state_name}}</span>,
                     <span class="p-country-name">{{object.location.state.country.name}}</span>
                     <data class="p-latitude" value="{{object.latitude}}"></data>
                     <data class="p-longitude" value="{{object.longitude}}"></data>
-                </p>{% endif %}
-                <p class="meta">
-                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"d M Y"}}</time></a>
-                </p>{% if object.twitter_id %}
-                <p class="meta">
-                    <a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">Twitter</a>
+                </p>{% endif %}{% if object.twitter_id %}
+                <p class="meta twitter">
+                    <a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a>
                     <a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a>
                     <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
                     <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
@@ -37,27 +37,26 @@
         </article>
         {% endfor %}
     {% else %}
-<ul class="entry-list">{% regroup object_list by date_created.month as entries_by_month %}{% for month in entries_by_month %}
-        <span class="entry-list-month">{{ month.list.0.date_created|date:"F Y" }}</span>
-        {% for object in month.list %}
-
+{% regroup object_list by date_created.month as entries_by_month %}{% for month in entries_by_month %}
+    <section>
+        <h2 class="month--header">{{ month.list.0.date_created|date:"F Y" }}</h2>{% for object in month.list|dictsortreversed:"date_created" %}
         <article class="h-entry">
             <div class="p-name e-content">
             {{object.link_twitter_names|safe|amp|smartypants|urlizetrunc:45 }}
             </div>
-            <footer>{% if object.location %}
+            <footer>
+                <p class="meta">
+                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"d M Y"}}</time></a>
+                </p>{% if object.location %}
                 <p class="h-adr meta location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
                     <span class="p-locality">{{object.location.name|smartypants|safe}}</span>, 
                     <span class="p-region">{{object.state_name}}</span>,
                     <span class="p-country-name">{{object.location.state.country.name}}</span>
                     <data class="p-latitude" value="{{object.latitude}}"></data>
                     <data class="p-longitude" value="{{object.longitude}}"></data>
-                </p>{% endif %}
-                <p class="meta">
-                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"d M Y"}}</time></a>
-                </p>{% if object.twitter_id %}
-                <p class="meta">
-                    <a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">Twitter</a>
+                </p>{% endif %}{% if object.twitter_id %}
+                <p class="meta twitter">
+                    <a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a>
                     <a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a>
                     <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
                     <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
@@ -65,6 +64,7 @@
             </footer>
         </article>
                  {% endfor %}
+             </section>
         {% endfor %}
     </ul>
     {% endif %}
-- 
cgit v1.2.3