Rewrote all sass and reconfigured HTML to use more microformats and

clearer class names

1 files changed, 11 insertions, 9 deletions

diff --git a/design/templates/archives/projects.html b/design/templates/archives/projects.html
index 29aa160..cd0543a 100644
--- a/design/templates/archives/projects.html
+++ b/design/templates/archives/projects.html
@@ -9,21 +9,23 @@
         <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
         <li>Projects</li>
     </ul>
-    <div class="top">
-        <p class="col hyphenate">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 hyphenate">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>
+    <main role="main" class="projects">
+    <div class="projects--intro">
+        <p>These projects are all designed to get my body and mind moving. Theories are interesting, goals are good, but ultimately talk is just talk. Your life &ndash; that thing you get maybe 76 or so years of, if you're lucky &ndash; is made up of what you do, not what you say.</p>
+        
+        <p>Some people, including me some days, think these sorts of goals, lists and self-experiments are silly and contrived. They are. But they also help me <em>do</em> more and remind me that <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> provided you remember that everything is amazing.</p>
     </div>
-    <section id="projects-archive" class="archive">
-        <h1 class="hide">Projects</h1>{%for object in object_list %}
-        <article>
+    <ul id="projects-archive" class="projects--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 src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
             </div>
             <div class="hyphenate">{{object.lede|safe|smartypants}}</div>
-            <!--<span class="button"><a href="{{project.get_absolute_url}}">More&nbsp;&raquo;</a></span>-->
-        </article> {% endfor %}
-    </section>
+            <p class="projects--button"><a href="{{project.get_absolute_url}}">View&nbsp;Project&nbsp;&#8674;</a></p>
+        </li> {% endfor %}
+    </ul>
+    </main>
 {% endblock %}
 
 {% block js %}<script src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endblock%}