From 7048489fdcc67eb0b32e8ace2ffc03ded42025ea Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Mon, 9 Jun 2014 14:15:37 -0400
Subject: fixed display, added author tags and an h-card to the footer

---
 design/templates/archives/notes.html | 29 ++++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

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

diff --git a/design/templates/archives/notes.html b/design/templates/archives/notes.html
index 9eb55f3..b39dab3 100644
--- a/design/templates/archives/notes.html
+++ b/design/templates/archives/notes.html
@@ -3,7 +3,7 @@
 {% load html5_datetime %}
 {% block pagetitle %} Notes | luxagraf {% endblock %}
 {% block metadescription %} The LongHandPixels Blog Archive, covering HTML, CSS and other web nerdery.{% endblock %}
-{%block bodyid%}class="archive notes" id="notes-archive"{%endblock%}
+{%block bodyid%}class="notes" id="notes-archive"{%endblock%}
 
 {% block primary %}
     <ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
@@ -17,24 +17,35 @@
             <div class="p-name e-content">
             {{object.link_twitter_names|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>
-                <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="h-adr meta location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
+                <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>
+                </p>{% if object.location %}
+                <p class="p-location 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.location %}
-                <p class="meta twitter">
-                    View on <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="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}}">
                     <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>
-                </p>{% endif %}
+                </action>
+                    </p>{% endif %}
             </footer>
+
         </article>
 {% endfor %}
         </main>
-- 
cgit v1.2.3