From cc9695f4c4c14d61c32611dba4ec88c98c6ce460 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Wed, 2 Jul 2014 11:59:53 -0400
Subject: Finished up majority of v8 redesign, merging back to master

---
 design/templates/archives/homepage.html | 79 ++++++++++++++++++++-------------
 1 file changed, 49 insertions(+), 30 deletions(-)

(limited to 'design/templates/archives/homepage.html')

diff --git a/design/templates/archives/homepage.html b/design/templates/archives/homepage.html
index 789616c..4954264 100644
--- a/design/templates/archives/homepage.html
+++ b/design/templates/archives/homepage.html
@@ -1,42 +1,61 @@
 {% extends 'base.html' %}
 {% load typogrify_tags %}
-{%block bodyid%}id="home"{%endblock%}
+{%block htmlclass%}class="black"{%endblock%}
+{%block bodyid%}id="home" class="has-hero"{%endblock%}
 
-{% block primary %}<section class="archive">{% for object in object_list %}{% if forloop.counter == 1 %}
-        <article>
-            <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1>
-            <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>
+{% block primary %}<section class="banner">{% for object in object_list %}{% if forloop.counter == 1 %}
+        <article class="h-entry hentry {% cycle 'odd' 'even' %} {% cycle 'first' 'second' 'third' %}">
+            <div class="post--image">
+                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_hero_url}}" alt="{{ object.title }}" class="u-photo post-image homepage--hero" /></a>
             </div>
-            <p class="dateline bl">
-                <span class="location" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">{% if object.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/" 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.name|slugify}}/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%}
-                <meta itemprop="latitude" content="{{object.latitude}}" />
-                <meta itemprop="longitude" content="{{object.longitude}}" /></span> &nbsp;
-                <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time>
+            <div class="hero--wrapper">
+            <h1 class="p-name entry-title post--title main--header"><a href="{{object.get_absolute_url}}" class="u-url" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|safe|smartypants|widont}}</a></h1>
+            <p class="p-author author hide">Scott Gilbertson</p>
+            <time class="dt-published published dt-updated post--date" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+            <p class="p-location h-adr adr post--location main--location">
+                    {% if object.country.name == "United States" %}<span class="p-locality locality" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{{object.location.name|smartypants|safe}}</span>, <a class="p-region region" href="/writing/united-states/" title="travel writing from the United States">{{object.state.name}}</a>, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location.name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/writing/{{object.country.slug}}/" title="travel writing from {{object.country.name}}">{{object.country.name}}</a>{%endif%}
+                    <data itemprop="latitude" class="p-latitude" value="{{object.latitude}}"></data>
+                    <data itemprop="longitude" class="p-longitude" value="{{object.longitude}}"></data>
             </p>
-            
-            <p class="hyphenate">{{object.dek|safe}} <span class="button"><a href="{{object.get_absolute_url}}" title="{{object.title}}">More &raquo;</a></span> </p> {%endif%}{%endfor%}
-                       
-        </article>
+            <p class="p-summary main--tag">
+              Explore the lost era of oyster farmers.      
+            </p>
+            <a href="{{object.get_absolute_url}}" class="u-url btn" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">Read</a>
+        </div>
+        </article> {% endif %} {% endfor %}
    </section>
     {%comment%}<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>{%endcomment%}
-   <section class="home harchive">
-        <h1 class="sh">From the Archive</h1>
-        {% for object in object_list %}{%if forloop.counter > 1 %}<article {%if forloop.last %}class="last"{%endif%}>
-             <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1>
-             <p class="dateline bl">
-             <span class="location" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">{% if 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>{%endif%}
-                 <meta itemprop="latitude" content="{{object.latitude}}" />
-                 <meta itemprop="longitude" content="{{object.longitude}}" />
-             </span> &nbsp;
-             <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time>
-             </p>
-             {%if object.thumbnail%}<a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" width="{{object.thumb_width}}" height="{{object.thumb_height}}" /></a>{%endif%}
-             <p class="hyphenate">{{object.dek|safe}}</p>
-             </article>{%endif%}
-         {% endfor %}   </section>
+    <div class="homepage--about homepage--bottom-wrapper">
+        <h3 class="homepage--arc-header">About Luxagraf</h3>
+        <p>I like to think of luxagraf as the notebook you might have found, something I might have accidentally dropped between the cushions of a jostling, camel-powered taxi winding its way through the narrow, bumpy, dusty streets of Tangier circa 1910.</p>
+        <p>It could just be a website though. Except that I don&#8217;t do lists. And I&#8217;m not trying to make&nbsp;money.</p><p>Luxagraf is a collection of field notes, a bare recording of some of my time on earth. Enjoy.</p> 
+    </div>
+    <div class="homepage--bottom-wrapper">
+   <section class="archive archive--homepage">
+        <h1 class="homepage--arc-header">Archives</h1>
+        {% for object in object_list %}{%if forloop.counter > 1 %}
+        <article class="h-entry hentry">
+            <div class="post--image">
+                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_wide_url}}" alt="{{ object.title }}" class="u-photo post-image" /></a>
+            </div>
+            <h1 class="p-name entry-title post--title"><a href="{{object.get_absolute_url}}" class="u-url" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|safe|smartypants|widont}}</a></h1>
+            <p class="p-author author hide">Scott Gilbertson</p>
+            <time class="dt-published published dt-updated post--date" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+            <p class="p-location h-adr adr post--location">
+                {% if object.country.name == "United States" %}<span class="p-locality locality" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{{object.location.name|smartypants|safe}}</span>, <a class="p-region region" href="/writing/united-states/" title="travel writing from the United States">{{object.state.name}}</a>, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location.name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/writing/{{object.country.slug}}/" title="travel writing from {{object.country.name}}">{{object.country.name}}</a>{%endif%}
+                <data itemprop="latitude" class="p-latitude" value="{{object.latitude}}"></data>
+                <data itemprop="longitude" class="p-longitude" value="{{object.longitude}}"></data>
+            </p>
+        </article> {% endif %}{% endfor %}
+        <p><a href="/" class="homepage--next">Read More</a></p>
+    </section>
+    <section class="homepage--bright">
+        <h1 class="homepage--arc-header">Join the Mailing List</h1>
+        {% include 'mailing_list.html' %}
+    </section>
+    </div>
 {% endblock %}
 
 {% block js %}<script async src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endblock%}
-- 
cgit v1.2.3-70-g09d2