version 9 of stylesheet

1 files changed, 11 insertions, 9 deletions

diff --git a/design/templates/archives/projects.html b/design/templates/archives/projects.html
index 5918feb..2ad2e37 100644
--- a/design/templates/archives/projects.html
+++ b/design/templates/archives/projects.html
@@ -3,25 +3,27 @@
 {% block pagetitle %}Luxagraf | Projects {% endblock %}
 {% block metadescription %}Travel Themes and Experiments {% endblock %}
 
-{%block bodyid%}id="projects-page"{%endblock%}								
+{%block bodyid%}class="archive"{%endblock%}								
 				
 {% 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>Projects</li>
     </ul>
-    <main role="main" class="projects">
-    <div class="projects--intro">
+    <main class="projects">
+    <div class="intro">
         <p>Luxagraf has become a bit like an iceberg over the years. I keep adding things to it, but never actually make them public. So I decided to try making some of it more public. </p>
         <p>This will lead you to some of the previously submerged stuff that doesn't always neatly fit in with the travel narrative portion of luxagraf. </p>
     </div>
-    <ul id="projects-archive" class="projects--list">{%for object in object_list %}
+    <ul id="projects-archive" class="wide-list">{%for object in object_list %}
         <li>
-            <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 sizes="(max-width: 640px) 100vw, (min-width: 641px) 640px" srcset="{{object.get_project_image|slice:"0:-4"}}_lg.jpg 1280w" src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
+            <a href="{{object.get_absolute_url}}" title="{{object.title}}">
+                <img sizes="(max-width: 850px) 100vw, (min-width: 851px) 720px" srcset="{{object.get_project_image|slice:"0:-4"}}_lg.jpg 1280w" src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" />
+            </a>
+            <div class="wide-wrapper">
+                <h2 class="post-title"><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h2>
+                <div class="post-summary">{{object.lede|safe|smartypants}}</div>
+                <a class="permalink" href="{{object.get_absolute_url}}">Explore&nbsp;&#8674;</a>
             </div>
-            <div class="hyphenate">{{object.lede|safe|smartypants}}</div>
-            <p class="projects--button"><a href="{{object.get_absolute_url}}">Explore&nbsp;&#8674;</a></p>
         </li> {% endfor %}
     </ul>
     </main>