diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/templates/archives/notes.html | 44 | ||||
| -rw-r--r-- | design/templates/archives/notes_date.html | 73 | ||||
| -rw-r--r-- | design/templates/details/note.html | 54 | ||||
| -rw-r--r-- | design/templates/details/note.txt | 8 |
4 files changed, 179 insertions, 0 deletions
diff --git a/design/templates/archives/notes.html b/design/templates/archives/notes.html new file mode 100644 index 0000000..21f27b5 --- /dev/null +++ b/design/templates/archives/notes.html @@ -0,0 +1,44 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% 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" id="blog-archive"{%endblock%} + +{% block primary %} + <ul class="bl" 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>Notes</li> + </ul> + <main role="main"> + <h1>Notes</h1> +{% for object in object_list %} + <article class="h-entry"> + <div class="p-name e-content"> + {{object.link_twitter_names|safe|amp|smartypants|urlizetrunc:45 }} + </div> + <footer>{% 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> + <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> + </p>{% endif %} + </footer> + </article> +{% endfor %} + </main> +{% endblock %} + + + diff --git a/design/templates/archives/notes_date.html b/design/templates/archives/notes_date.html new file mode 100644 index 0000000..9ac1c0e --- /dev/null +++ b/design/templates/archives/notes_date.html @@ -0,0 +1,73 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% 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 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> →</li> + <li>{% if month %}<a href="/notes/{{year}}/" title="Notes published in {{year}}" itemprop="url">{%endif%}<span itemprop="title">{{year}}</span>{% if month %}</a> →{%endif%}</li> + {% if month %}<li itemprop="title">{{month|month_number_to_name}}</li>{%endif%} + </ul> + <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"> + {{object.link_twitter_names|safe|urlizetrunc:45|amp|smartypants }} + </div> + <footer>{% 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> + <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> + </p>{% endif %} + </footer> + </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 %} + + <article class="h-entry"> + <div class="p-name e-content"> + {{object.link_twitter_names|safe|amp|smartypants|urlizetrunc:45 }} + </div> + <footer>{% 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> + <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> + </p>{% endif %} + </footer> + </article> + {% endfor %} + {% endfor %} + </ul> + {% endif %} + + </section> +{% endblock%} diff --git a/design/templates/details/note.html b/design/templates/details/note.html new file mode 100644 index 0000000..fab554c --- /dev/null +++ b/design/templates/details/note.html @@ -0,0 +1,54 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load html5_datetime %} +{% load month_number_to_name %} +{% block pagetitle %}{{object.title|title|smartypants|safe}} - Luxagraf, Notes{% endblock %} + +{% block metadescription %}{{object.body_html|striptags|safe}}{% endblock %} +{%block extrahead%} + <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" /> + <meta name="ICBM" content="{{object.latitude}}, {{object.longitude}}" /> + <meta name="geo.position" content="{{object.latitude}}; {{object.longitude}}" /> + <meta name="geo.placename" content="{% if object.location.country.name == "United States" %}{{object.location.name|smartypants|safe}}, {{object.state.name}}{%else%}{{object.location.name|smartypants|safe}}, {{object.country.name}}{%endif%}"> + <meta name="geo.region" content="{{object.country.iso2}}{%if object.state.code != '' %}-{{object.state.code}}{%endif%}"> +{%endblock%} + + +{% block primary %} + <article class="h-entry"> + <div class="p-name e-content"> + {{object.link_twitter_names|safe|amp|smartypants|urlizetrunc:45 }} + </div> + <footer>{% 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> + <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> + </p>{% endif %} + </footer> + + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + <nav id="page-navigation"> + <ul>{% if prev%} + <li id="next"><span class="bl">Previous:</span> + <a href="{{ prev.get_absolute_url }}" rel="prev" title=" {{prev.title}}">{{prev.title|safe}}</a> + </li>{%endif%}{% if next%} + <li id="prev"><span class="bl">Next:</span> + <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a> + </li>{%endif%} + </ul> + </nav>{%endwith%}{%endwith%} + </article> +{% endblock %} diff --git a/design/templates/details/note.txt b/design/templates/details/note.txt new file mode 100644 index 0000000..547ce79 --- /dev/null +++ b/design/templates/details/note.txt @@ -0,0 +1,8 @@ +{{object.title|safe}} +{% for letter in object.title %}={%endfor%} + + by Scott Gilbertson + <{{SITE_URL}}{{object.get_absolute_url}}> + {{object.pub_date|date:"l, d F Y"}} + +{{object.body_markdown|safe}} |