summaryrefslogtreecommitdiff
path: root/templates/details
diff options
context:
space:
mode:
Diffstat (limited to 'templates/details')
-rw-r--r--templates/details/about.html31
-rw-r--r--templates/details/code.html25
-rw-r--r--templates/details/contact.html67
-rw-r--r--templates/details/national-parks.html20
-rw-r--r--templates/details/photo_galleries.html17
5 files changed, 57 insertions, 103 deletions
diff --git a/templates/details/about.html b/templates/details/about.html
index d0366d4..6dde0e9 100644
--- a/templates/details/about.html
+++ b/templates/details/about.html
@@ -5,43 +5,20 @@
{%block htmlclass%}class="single"{%endblock%}
{%block bodyid%}id="about"{%endblock%}
-{% block primary %}<section id="page-header">
- <h1 class="hide">About Luxagraf</h1>
- <nav class="bl" id="page-nav">
- <ul 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>About</li>
- </ul>
- </nav>
- </section>
-
+{% 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>About</li>
+ </ul>
<article role="main">
<h1 class="hide">About Luxagraf</h1>
<div class="post-body-single">
<p>Luxagraf is written and published by Scott Gilbertson.</p>
<p><img src="{{MEDIA_URL}}img/bio.jpg" alt="Scott Gilbertson" />
<small>Photo by <a href="http://twitter.com/lagsolo" title="@lagsolo on Twitter" >@lagsolo</a></small></p>
-
<h2>Colophon</h2>
<p>Luxagraf is published using a custom content management system written with the <a href="http://docs.djangoproject.com/en/dev/ref/contrib/gis/">GeoDjango framework</a>. The site validates as HTML5 and uses @media rules to handle phones, iPads and the like. It should work in any modern web browser. If you have trouble, let me know.</p>
-
<p>I write in long hand because I am an old man and that's we roll. I make the clackity noise in BBEdit, the best text editor ever.</p>
-
<p>Currently photos are taken with a Panasonic GF1. In the past I have used a Panasonic LX2 and a Canon S45. Minimal processing is done with Adobe Lightroom and Photoshop. The photo gallery layout was inspired by the lovely <a href="http://www.pictorymag.com/" title="Pictory Mag">Pictory</a> photo showcase. Also note that while the writing is copyrighted to me, the photos are licensed under a Creative Commons <a href="http://creativecommons.org/licenses/by-sa/3.0/">attribution, share-alike license</a>, which means you're free to use them so long as you attribute them to me.</p>
</div>
-
- {%comment%}
- <div class="content">{%for object in object_list %}{%if forloop.last %}
- {{object.content|smartypants|safe}}{%endif%} {% endfor %}
- </div>
-
- <section>
- <h2>Colophon</h2>
- <img src="{{IMAGES_URL}}colo.jpg" alt="me" />
- <div class="content">{%for object in object_list %}{%if forloop.counter = 2 %}
- {{object.content|smartypants|safe}}{%endif%} {% endfor %}
- </div>
- </section>
- {%endcomment%}
</article>
{% endblock %}
diff --git a/templates/details/code.html b/templates/details/code.html
index a593ae7..1697844 100644
--- a/templates/details/code.html
+++ b/templates/details/code.html
@@ -35,25 +35,16 @@ article[role="main"] a { color: #b53a04;}
{% endblock %}
{%block bodyid%}id="code"{%endblock%}
-{% block primary %}<section id="page-header">
- <h1 class="hide">Code</h1>
- <nav class="bl">
- <ul 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="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> &rarr;</li>
- <li>Code</li>
- </ul>
- </nav>
- </section>
- <article role="main">
- {% for object in object_list %}
- <header>
- <h1>{{object.name}}</h1>
- </header>
+{% 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><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> &rarr;</li>
+ <li>Code</li>
+ </ul>
+ <article role="main">{% for object in object_list %}
+ <h1>{{object.name}}</h1>
<div class="post-body-single">
{{object.body_html|smartypants|widont|safe}}
- </div>
- {% endfor %}
+ </div>{% endfor %}
</article>
diff --git a/templates/details/contact.html b/templates/details/contact.html
index 5956e51..ec47c34 100644
--- a/templates/details/contact.html
+++ b/templates/details/contact.html
@@ -5,42 +5,35 @@
{% block metadescription %}{% endblock %}
{%block bodyid%}id="contact"{%endblock%}
-{% block primary %}<section id="page-header">
- <h1 class="hide">Luxagraf: Contact</h1>
- <nav id="page-nav" class="bl">
- <ul 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>Contact</li>
- </ul>
- </nav>
- </section>
- <article role="main">
- <header>
- <h1>Contact Information</h1>
- </header>
- <div id="post">
- <p>I'd love to hear what you think about the posts on luxagraf. If you use Twitter, send me a message: <a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a>.</p>
- <p>Then there's email. I'm not a big fan. Or rather I don't have the time to respond the way I would like to, which makes me like it less. So if you email me and don't hear back, or you do but it's five months later and you've entirely forgotten that you even emailed me in the first place, please don't take it personally.</p>
-
- <p>Please send your thoughts to:</p>
- <p>
- <script type="text/javascript">
- //<![CDATA[
- <!--
- var x="function f(x){var i,o=\"\",ol=x.length,l=ol;while(x.charCodeAt(l/13)!" +
- "=69){try{x+=x;l+=l;}catch(e){}}for(i=l-1;i>=0;i--){o+=x.charAt(i);}return o" +
- ".substr(0,ol);}f(\")811,\\\"Zofr{i4|m;(%g!$1&^ENUwFG_J@FFD330\\\\100\\\\}zp" +
- ";u~t~T/b771\\\\)lfjm=^&E320\\\\030\\\\600\\\\130\\\\230\\\\LH4220\\\\100\\\\"+
- "410\\\\N8=(?7,'<610\\\\?>&#)//]600\\\\ULZ]S]410\\\\p720\\\\NCVJ000\\\\771\\" +
- "\\ 80xxwdg~}&rjgm010\\\\030\\\\620\\\\320\\\\\\\"(f};o nruter};))++y(^)i(tA" +
- "edoCrahc.x(edoCrahCmorf.gnirtS=+o;721=%y;++y)811<i(fi{)++i;l<i;0=i(rof;htgn" +
- "el.x=l,\\\"\\\"=o,i rav{)y,x(f noitcnuf\")" ;
- while(x=eval(x));
- //-->
- //]]>
- </script>
- </p>
- </div>
- </article>
+{% 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>Contact</li>
+ </ul>
+ <article role="main">
+ <h1>Contact Information</h1>
+ <div id="post">
+ <p>I'd love to hear what you think about the posts on luxagraf. If you use Twitter, send me a message: <a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a>.</p>
+ <p>Then there's email. I'm not a big fan. Or rather I don't have the time to respond the way I would like to, which makes me like it less. So if you email me and don't hear back, or you do but it's five months later and you've entirely forgotten that you even emailed me in the first place, please don't take it personally.</p>
+
+ <p>Please send your thoughts to:</p>
+ <p>
+ <script type="text/javascript">
+ //<![CDATA[
+ <!--
+ var x="function f(x){var i,o=\"\",ol=x.length,l=ol;while(x.charCodeAt(l/13)!" +
+ "=69){try{x+=x;l+=l;}catch(e){}}for(i=l-1;i>=0;i--){o+=x.charAt(i);}return o" +
+ ".substr(0,ol);}f(\")811,\\\"Zofr{i4|m;(%g!$1&^ENUwFG_J@FFD330\\\\100\\\\}zp" +
+ ";u~t~T/b771\\\\)lfjm=^&E320\\\\030\\\\600\\\\130\\\\230\\\\LH4220\\\\100\\\\"+
+ "410\\\\N8=(?7,'<610\\\\?>&#)//]600\\\\ULZ]S]410\\\\p720\\\\NCVJ000\\\\771\\" +
+ "\\ 80xxwdg~}&rjgm010\\\\030\\\\620\\\\320\\\\\\\"(f};o nruter};))++y(^)i(tA" +
+ "edoCrahc.x(edoCrahCmorf.gnirtS=+o;721=%y;++y)811<i(fi{)++i;l<i;0=i(rof;htgn" +
+ "el.x=l,\\\"\\\"=o,i rav{)y,x(f noitcnuf\")" ;
+ while(x=eval(x));
+ //-->
+ //]]>
+ </script>
+ </p>
+ </div>
+ </article>
{% endblock %}
diff --git a/templates/details/national-parks.html b/templates/details/national-parks.html
index 16cfbf1..dc3f7fb 100644
--- a/templates/details/national-parks.html
+++ b/templates/details/national-parks.html
@@ -8,16 +8,13 @@
{% block htmlclass %}class="dark"{% endblock %}
-{% block primary %}<section id="page-header">
- <h1 class="hide">The National Parks Project</h1>
- <nav class="bl">
- <ul 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="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> &rarr;</li>
- <li>National Parks</li>
- </ul>
- </nav>
- </section>{% for object in object_list %}
+{% 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><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> &rarr;</li>
+ <li>National Parks</li>
+ </ul>
+ <section>
+ <h1 class="hide">The National Parks Project</h1>{% for object in object_list %}
<article id="park-{{forloop.counter}}" class="park">
<h1>{{object.name}}</h1>
<div class="figure">
@@ -45,6 +42,7 @@
</dl>
</div>
</article>{% endfor %}
+ </section>
{% endblock %}
{% block js %}
<script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
@@ -52,4 +50,4 @@
<script type="text/javascript" src="{{MEDIA_URL}}js/natparks.min.js" ></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
-{% endblock %} \ No newline at end of file
+{% endblock %}
diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html
index 6e4f4d5..e61c9b7 100644
--- a/templates/details/photo_galleries.html
+++ b/templates/details/photo_galleries.html
@@ -10,19 +10,14 @@
{%block bodyid%}class="image_gallery"{%endblock%}
-{% block primary %}<section id="page-header">
- <h1 class="hide">Photos from {{object.set_title}}</h1>
- <nav class="bl" id="page-nav">
- <ul 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="/photos/" title="See all Photos" itemprop="url"><span>Photos</span></a> &rarr;</li>
- <li>{{object.set_title}}</li>
- </ul>
- </nav>
- </section>
+{% 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><a href="/photos/" title="See all Photos" itemprop="url"><span>Photos</span></a> &rarr;</li>
+ <li>{{object.set_title}}</li>
+ </ul>
<p class="directions">Use left/right arrow keys to navigate through photos</p>
<section id="slides">
- {%for photo in object.photos.all reversed %}
+ <h1 class="hide">Photos from {{object.set_title}}</h1>{%for photo in object.photos.all reversed %}
<article id="image-{{forloop.counter}}">
<h6><a href="#image-{{forloop.counter}}" class="permalink" title="link to this image">&#8734; {{forloop.counter|number_to_word}} &#8734;</a></h6>
<div class="fig"><img src="{{photo.get_local_slideshow_url}}" alt="{{photo.title}}" title="{{photo.title}}" {%if photo.is_portait %}class="v"{%endif%} height="{{photo.slideshowimage_height}}" width="{{photo.slideshowimage_width}}" /></div>