From 9b1aa6f9633a507908442821b3769cfd39cc2852 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Thu, 13 Jan 2011 17:21:22 -0500
Subject: revamped templates, added ARIA roles, meta geo data

---
 templates/archives/projects.html | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

(limited to 'templates/archives/projects.html')

diff --git a/templates/archives/projects.html b/templates/archives/projects.html
index b253ad1..3b2dd9a 100644
--- a/templates/archives/projects.html
+++ b/templates/archives/projects.html
@@ -7,28 +7,28 @@
 				
 {% block primary %}
 <article>
-    <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>Projects</li>
-    </ul>
+    <nav 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>Projects</li>
+        </ul>
+    </nav>
     <h1 class="hide">Projects</h1>
     <div class="top"><p class="col">These are a few of the things that I use to inspire myself to do more. The truth is, just about <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> when viewed from the proper perspective. </p>
     
     <p class="col two">The projects on luxagraf are more or less goals I've created in effort to get my body in motion, because the difference between the mundane and the amazing is often simply motion. To move is to do, and to do is to live.</p></div>
-    <div class="break"></div>
-    {%for project in object_list %}
-    <ul class="project-tease">
-        <li>
-            <div class="tease">
-                <h3><a href="{{project.get_absolute_url}}">{{project.title|safe}}{{project.subtitle|safe}}</a></h3> 
-             
-                <div class="lede hyphenate">{{project.lede|smartypants|safe}}</div>
-                <span class="button"><a href="{{project.get_absolute_url}}">More&nbsp;&raquo;</a></span>
+    
+    
+    <section id="projects-archive" class="archive">  {%for object in object_list %}
+        <article>
+            <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h1>
+            <div class="img">
+                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.image.url}}" alt="{{ object.title }}" class="post-image" /></a>
             </div>
-            <div class="img"><img src="{{project.image.url}}"  /></div>
-        </li>
-    </ul>
-    {% endfor %}
+            <div class="hyphenate">{{object.lede|smartypants|safe}}</div>
+            <span class="button"><a href="{{project.get_absolute_url}}">More&nbsp;&raquo;</a></span>
+        </article> {% endfor %}
+    </section>
 
 </article>
 {% endblock %}
-- 
cgit v1.2.3