visual redesign

4 files changed, 77 insertions, 23 deletions

diff --git a/templates/archives/homepage.html b/templates/archives/homepage.html
index 0f4af61..e660869 100644
--- a/templates/archives/homepage.html
+++ b/templates/archives/homepage.html
@@ -6,16 +6,41 @@
 
 {% block primary %}
     <article>
-        <section id="featured-article">
-            <h1><a href="{{featured.get_absolute_url}}">{{featured.title|widont|smartypants|safe}}</a></h1>
-            <aside class="meta"><span class="location">{% ifequal featured.location.state.country.name "United States" %}{{featured.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{featured.location.state.name}}</a>{%else%}{{featured.location.name|smartypants|safe}}, <a href="/writing/{{featured.location.state.country.slug}}/1/" title="travel writing from {{featured.location.state.country.name}}">{{featured.location.state.country.name}}</a>{%endifequal%}</span></aside>
-            {{featured.lede|smartypants|widont|safe}}</p>
-            <span><a href="{{featured.get_absolute_url}}" title="{{featured.title}}">More &raquo;</a></span>
+        <section>
+            <ul id="writing-archive">
+                <li>
+                    <div id="featured-article">
+                        <h3><a href="{{featured.get_absolute_url}}" title="{%if featured.title_keywords%}{{featured.title_keywords}}{%else%}{{featured.title}}{%endif%}">{{featured.title|smartypants|widont|safe}}</a></h3>
+             
+                        <p>
+                            <span class="location">{% ifequal featured.location.state.country.name "United States" %}{{featured.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{featured.location.state.name}}</a>{%else%}{{featured.location.name|smartypants|safe}}, <a href="/writing/{{featured.location.state.country.slug}}/1/" title="travel writing from {{featured.location.state.country.name}}">{{featured.location.state.country.name}}</a>{%endifequal%}</span> &nbsp;
+                            <time datetime="{{featured.pub_date}}">{{featured.pub_date|date:"m/d/y"}}</time>
+                        </p>
+                                
+                        <p>{{featured.dek|safe}}</p>
+                         <span><a href="{{featured.get_absolute_url}}" title="{{featured.title}}">More &raquo;</a></span>
+                    </div>
+                    <div id="featured-image">
+                        <a href="{{featured.get_absolute_url}}" title="{{featured.title}}"><img src="{{featured.get_image_url}}" alt="{{ featured.title }}" class="post-image" /></a>
+                    </div>
+                    
+                </li>
+            </ul>
+           
        </section>
-       <section id="writing-archive">
-            <h2>Recently</h2>
-                {% include 'includes/recent_entries.html' %}
+       <!--<section id="currently">
+            <div class="project-tease"><a href="/projects/5x5/"><h4 id="proj">5<span>x</span>5</h4> Interviews From The Road</a><p>Lorem sit amet, consectetur adipiscing elit. Duis cursus sodales eros <cite>&ndash; William Brandon III</cite></p></div>
+       </section>-->
+
+       <section id="writing-tease">
+            <h2>From the Archive</h2>
+                
+       </section>
+       <section id="fromthearc">
+            {% include 'includes/recent_entries.html' %}
        </section>
+       
     </article>
 
+
 {% endblock %}
\ No newline at end of file
diff --git a/templates/archives/map.html b/templates/archives/map.html
index b040b00..19e3140 100644
--- a/templates/archives/map.html
+++ b/templates/archives/map.html
@@ -26,10 +26,15 @@ Google Maps code
 
 {% block primary %}
         <article>
-        <div id="map-canvas">
-        </div>
+        <ul id="breadcrumbs">
+            <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
+            <li>Map</li>
+        </ul>
+    
         <aside>{% include 'includes/map_sidebar.html' %}
         </aside>
+        <div id="map-canvas">
+        </div>
         </article>
 {% endblock %}
 				
diff --git a/templates/archives/photos.html b/templates/archives/photos.html
index b2ef4f7..e4dfe5f 100644
--- a/templates/archives/photos.html
+++ b/templates/archives/photos.html
@@ -11,14 +11,27 @@
 {% block primary %}
         <article>
             <h1>{% if region %}Photographs from {{region.name|title|smartypants|safe}}{%else%}Photographs from Around the World {%endif%}</h1>
+            
+            <ul id="breadcrumbs">
+               <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
+               {% if region %}{%ifequal region.name 'United States'%} <li><a href="/photos/" title="See all Photos">Photos</a> &rarr;</li>
+               <li>the United States</li>{%else%}<li><a href="/photos/" title="See all Photos">Photos</a> &rarr;</li> <li>{{region.name|title|smartypants|safe}}{%endifequal%}{%else%}Photos </li>{%endif%}
+            </ul>
+    
             <ul id="photo-galleries">{% autopaginate object_list 18 %} {% for object in object_list %}
                 <li>
-                    <a href="{{object.get_absolute_url}}"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}"/></a>
-                    <h3>{{object.set_title}}</h3>
-                    <p>{{object.set_desc|truncatewords:30|smartypants|safe}}</p>
+                    <div class="figure">
+                        <a href="{{object.get_absolute_url}}"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}"/></a>
+                    </div>
+                    <span class="legend">
+                        <h3>{{object.set_title}}</h3>
+                        <p>{{object.set_desc|truncatewords:30|smartypants|safe}}</p>
+                    </span>
                 </li>{% endfor %}
             </ul>
             
+            
+            
             <section id="pagination">
                 <ul>{% paginate %}
                 </ul>
diff --git a/templates/archives/writing.html b/templates/archives/writing.html
index 91d0d6d..5b5f93d 100644
--- a/templates/archives/writing.html
+++ b/templates/archives/writing.html
@@ -9,20 +9,31 @@
 
 {% block primary %}
     <article>
-    <h1>{% if region %}Writings from {%ifequal region.name 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endifequal%}{%else%}Writing Archive {%endif%}</h1>
-    {% if region %}<span class="all-link"><a href="/writing/1/" title="see all writing">{ View All Writing }</a></span>{%endif%}
+    <h1 class="hide">{% if region %}Writings from {%ifequal region.name 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endifequal%}{%else%}Writing {%endif%}</h1>
+    
+    <ul id="breadcrumbs">
+        <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
+        {% if region %}{%ifequal region.name 'United States'%} <li><a href="/writing/" title="See all Writing">Writing</a> &rarr;</li>
+        <li>the United States</li>{%else%}<li><a href="/writing/" title="See all Writing">Writing</a> &rarr;</li> <li>{{region.name|title|smartypants|safe}}{%endifequal%}{%else%}Writing </li>{%endif%}
+    </ul>
+    
     <ul id="writing-archive">
     {% autopaginate object_list 10 %}
     {% for object in object_list %}
         <li>
-            <h3 class="title"><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h3>
-            
-            {%if object.thumbnail%}<img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" />{%endif%}
-                
-            <time datetime="{{object.pub_date}}">{{object.pub_date|date:"F j, Y"}}</time> &bull; <span class="location">{% ifequal object.location.state.country.name "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endifequal%}</span>
-                    
-            <p class="intro">{{object.dek|safe}} <a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}">Read&nbsp;it&nbsp;&raquo;</a></p>
-                    
+            <div>
+                <h3><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h3>
+     
+                <p>
+                    <span class="location">{% ifequal object.location.state.country.name "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endifequal%}</span> &nbsp;
+                    <time datetime="{{object.pub_date}}">{{object.pub_date|date:"m/d/y"}}</time>
+                </p>
+                        
+                <p>{{object.dek|safe}}</p>
+            </div>
+            <div class="img">
+                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" class="post-image" /></a>
+            </div>
             
         </li>
     {% endfor %}