diff options
Diffstat (limited to 'design/templates/archives/notes.html')
| -rw-r--r-- | design/templates/archives/notes.html | 29 |
1 files changed, 20 insertions, 9 deletions
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> |