diff options
Diffstat (limited to 'design/templates/archives')
| -rw-r--r-- | design/templates/archives/notes.html | 29 | ||||
| -rw-r--r-- | design/templates/archives/notes_date.html | 32 |
2 files changed, 40 insertions, 21 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> diff --git a/design/templates/archives/notes_date.html b/design/templates/archives/notes_date.html index aabd996..ac38af0 100644 --- a/design/templates/archives/notes_date.html +++ b/design/templates/archives/notes_date.html @@ -3,7 +3,7 @@ {% 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 notes" id="archive-{% if month %}{{month|month_number_to_name}}{%endif%}{{year}}"{%endblock%} +{% block bodyid %}class="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> → </li> <li><a href="/notes/" itemprop="url"><span itemprop="title">Notes</span></a> →</li> @@ -14,31 +14,41 @@ <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"> - {{object.link_twitter_names|safe|urlizetrunc:45|amp|smartypants }} + {{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 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="h-adr meta location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo"> + <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.twitter_id %} - <p class="meta twitter"> + </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> + </action> </p>{% endif %} </footer> </article> {% endfor %} {% else %} {% regroup object_list by date_created.month as entries_by_month %}{% for month in entries_by_month %} - <section> + <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"> @@ -48,7 +58,7 @@ <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"> + <p class="p-location 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> @@ -66,8 +76,6 @@ {% endfor %} </section> {% endfor %} - </ul> {% endif %} - - </section> + </main> {% endblock%} |