From cc70aa809252899dfd062feb241aaecede66bd02 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Tue, 24 Jun 2014 12:05:46 -0400
Subject: Rewrote all sass and reconfigured HTML to use more microformats and
 clearer class names

---
 design/templates/archives/notes_date.html | 64 +++++++++++++++++++------------
 1 file changed, 40 insertions(+), 24 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 d150792..8794da3 100644
--- a/design/templates/archives/notes_date.html
+++ b/design/templates/archives/notes_date.html
@@ -13,16 +13,17 @@
     <main role="main">
         <h1>Notes Published in {% if month %}{{month|month_number_to_name}}{%endif%} {{year}}</h1>{% if month %}{% for object in object_list %}
         <article class="h-entry">
-            <div class="p-name e-content">
+            <h2 class="p-name note--title hide">{{object.title|safe|amp|smartypants}}</h2>
+            <div class="e-content">
             {{object.render|safe|amp|smartypants|urlizetrunc:45 }}
             </div>
             <span class="p-author h-card">
                 <data class="p-name" value="Scott Gilbertson"></data>
                 <data class="u-url" value="https://luxagraf.net/"></data>
             </span>
-            <footer>
+            <footer class="note--footer">
                 <p class="note--date">
-                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"d M y"}}</time></a>
+                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"F j, Y"}}</time></a>
                 </p>{% if object.location %}
                 <p class="p-location h-adr note--location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
                     <span class="p-locality">{{object.location.name|smartypants|safe}}</span>, 
@@ -31,18 +32,22 @@
                     <data class="p-latitude" value="{{object.latitude}}"></data>
                     <data class="p-longitude" value="{{object.longitude}}"></data>
                     </p>{% endif %}{% if object.twitter_id %}
-                <p class="note--twitter">
-                    <a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a>
-                <action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}">
-                    <a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a>
-                </action>
-                <action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
+                <ul class="note--actions">
+                    <li><a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a></li>
+                    <li>
+                        <action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></action>
+                    </li>
+                    <li>
+                        <action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
                     <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
-                </action>
-                <action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
-                    <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
-                </action>
-                    </p>{% endif %}
+                        </action>
+                    </li>
+                    <li>
+                    <action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
+                        <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
+                    </action>
+                    </li>
+                </ul>{% endif %}
             </footer>
         </article>
         {% endfor %}
@@ -51,26 +56,37 @@
     <section class="month--divider">
         <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">
+            <h2 class="p-name note--title hide">{{object.title|safe|amp|smartypants}}</h2>
+            <div class="e-content">
             {{object.render|safe|amp|smartypants|urlizetrunc:45 }}
             </div>
-            <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>
+            <footer class="note--footer">
+                <p class="note--date">
+                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"F j, Y"}}</time></a>
                 </p>{% if object.location %}
-                <p class="p-location h-adr meta location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
+                <p class="p-location h-adr note--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 %}{% 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>
+                <ul class="note--actions">
+                    <li><a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a></li>
+                    <li>
+                        <action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></action>
+                    </li>
+                    <li>
+                        <action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
                     <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>
-                    </p>{% endif %}
+                        </action>
+                    </li>
+                    <li>
+                    <action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
+                        <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
+                    </action>
+                    </li>
+                </ul>{% endif %}
             </footer>
         </article>
                  {% endfor %}
-- 
cgit v1.2.3