summaryrefslogtreecommitdiff
path: root/design
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf.net>2014-06-08 19:52:11 -0400
committerluxagraf <sng@luxagraf.net>2014-06-08 19:52:11 -0400
commite69f7da0dc610528b19fa868f273ca4089b0f7fb (patch)
tree3af0206e56b98e9a90130726d43b786a00c7c3dc /design
parent1c2c28270911dbd2e5fbf106edcce6cc5f053101 (diff)
finished up notes app. still need to design and test, but it more or
less works.
Diffstat (limited to 'design')
-rw-r--r--design/templates/archives/notes.html44
-rw-r--r--design/templates/archives/notes_date.html73
-rw-r--r--design/templates/details/note.html54
-rw-r--r--design/templates/details/note.txt8
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> &rarr; </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> &rarr; </li>
+ <li><a href="/notes/" itemprop="url"><span itemprop="title">Notes</span> &rarr;</li>
+ <li>{% if month %}<a href="/notes/{{year}}/" title="Notes published in {{year}}" itemprop="url">{%endif%}<span itemprop="title">{{year}}</span>{% if month %}</a> &rarr;{%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}}