From 205fc827ef1dd21acc95139fca57651c9baccb2d Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Fri, 14 Jan 2011 16:42:40 -0500
Subject: reworking the mobile stylesheet

---
 templates/details/about.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

(limited to 'templates/details/about.html')

diff --git a/templates/details/about.html b/templates/details/about.html
index 7a25c0e..b2ac90d 100644
--- a/templates/details/about.html
+++ b/templates/details/about.html
@@ -6,31 +6,34 @@
 {%block bodyid%}id="about"{%endblock%}								
 				
 {% block primary %}<section id="page-header">
+        <h1 class="hide">About Luxagraf</h1>
         <nav id="page-nav">
-            <ul id="breadcrumbs">
-                <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
+            <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>
-    <article>
+
+    <article role="main">
         <h1 class="hide">About Luxagraf</h1>
         <section>
-            <div class="image"><img src="{{IMAGES_URL}}bio.jpg" alt="me" /></div>
+            <h2>Background</h2>
+            <img src="{{IMAGES_URL}}bio.jpg" alt="me" />
             <div class="content">
                 {{top.content|smartypants|safe}}
             </div>
         </section>
-    <div class="clearfix"></div>
         <section>
-            <div class="image"><img src="{{IMAGES_URL}}site.jpg" alt="me" /></div>
+            <h2>About the Site</h2>
+            <img src="{{IMAGES_URL}}site.jpg" alt="me" />
             <div class="content">
                 {{middle.content|smartypants|safe}}
             </div>
         </section>
-    <div class="clearfix"></div>
         <section>
-            <div class="image"><img src="{{IMAGES_URL}}colo.jpg" alt="me" /></div>
+            <h2>Colophon</h2>
+            <img src="{{IMAGES_URL}}colo.jpg" alt="me" />
             <div class="content">
                 {{bottom.content|smartypants|safe}}
             </div>
-- 
cgit v1.2.3-70-g09d2