updated styles and templates for revamped design

1 files changed, 10 insertions, 15 deletions

diff --git a/templates/details/about.html b/templates/details/about.html
index f8b36c8..acbf2a1 100644
--- a/templates/details/about.html
+++ b/templates/details/about.html
@@ -2,12 +2,12 @@
 {% load typogrify %}
 {% block pagetitle %}Luxagraf | About{% endblock %}
 {% block metadescription %}About the site, luxagraf.net {% endblock %}
-
+{%block htmlclass%}class="single"{%endblock%}
 {%block bodyid%}id="about"{%endblock%}								
 				
 {% block primary %}<section id="page-header">
         <h1 class="hide">About Luxagraf</h1>
-        <nav id="page-nav">
+        <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>
@@ -17,23 +17,18 @@
 
     <article role="main">
         <h1 class="hide">About Luxagraf</h1>
-        <section>
-            <div class="content">
+        <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" /></p>
-            <p><small>Photo by <a href="http://twitter.com/lagsolo" >@lagsolo</a></small></p>
-            </div>
-        </section>
-        <section>
+            <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>
-            <div class="content">
-            <p>Luxagraf is publishing 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>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 used to roll. I make the clackity noise in BBEdit, the best text editor ever.</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>Photos are processed with Adobe Lightroom and Photoshop. The galleries were inspired by the lovely <a href="http://www.pictorymag.com/">Pictory</a> photo showcase. Also note that the photos are licensed under the creative commons so you're free to use them so long as you attribute them to me.</p>
-            </div>
-        </section>  
+            <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 %}