From 83233b9a4c6f29a65d2a337f89951e8d25190ee9 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Sun, 25 Jan 2015 21:13:18 -0500
Subject: fixed homepage layout and builder

---
 design/sass/_homepage.scss              | 38 +++++++++++++++++++++++++++++++++
 design/templates/archives/homepage.html | 16 ++++++--------
 2 files changed, 45 insertions(+), 9 deletions(-)

(limited to 'design')

diff --git a/design/sass/_homepage.scss b/design/sass/_homepage.scss
index 0e30d1c..423b349 100644
--- a/design/sass/_homepage.scss
+++ b/design/sass/_homepage.scss
@@ -44,9 +44,47 @@
 }
 
 .homepage--bright {
+    article { 
+        margin-top: 0;
+        margin-bottom: 20px;
+        width: 100%;
+    }
+    @include breakpoint(alpha) {
+        max-width: 100%;
+        margin-left: 0;
+        article {
+            float: left;
+            width: 47%;
+            margin-left: 1em;
+        }
+    }
     @include breakpoint(gamma) {
         float: left;
         width: 250px;
+        margin-top: 0;
+        article {
+            float: none;
+            width: 100%;
+            margin-left: 0;
+        }
+    }
+    @include breakpoint(delta) {
+        width: 340px;
+    }
+    .post--image {
+        margin-left: 0 !important;
+        margin-bottom: .5em;
+        max-height: 130px;
+        overflow: hidden;
+        img {
+            max-width: 100%;
+            display: block; 
+            /* just in case, to force correct aspect ratio */
+            height: auto !important;
+            width: auto\9; /* ie8+9 */
+            /* lt ie8 */
+            -ms-interpolation-mode: bicubic; 
+        }
     }
 }
 .homepage--next {
diff --git a/design/templates/archives/homepage.html b/design/templates/archives/homepage.html
index 7ecd4de..9b8b1af 100644
--- a/design/templates/archives/homepage.html
+++ b/design/templates/archives/homepage.html
@@ -35,7 +35,7 @@
        </section>{%endcomment%}
     <div class="homepage--about homepage--section">
         <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>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 taxi winding its way through the narrow, 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 record of some of my time on earth. Enjoy.</p> 
     </div>
     <div class="homepage--section">
@@ -55,9 +55,9 @@
                 <data itemprop="longitude" class="p-longitude" value="{{object.longitude}}"></data>
             </p>
         </article> {% endfor %}
-        <p><a href="/" class="homepage--next">Read More</a></p>
+        <p><a href="/jrnl/" class="homepage--next">Read More</a></p>
     </section>
-    <section class="homepage--archives homepage--bright archive">
+    <section class="homepage--bright archive">
         <h1 class="homepage--arc-header">Most Recent</h1>
         {% for object in recent %}
         <article class="h-entry hentry">
@@ -67,12 +67,10 @@
             <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>
-                <span 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="/jrnl/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="/jrnl/{{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>
-                </span> &ndash;
+            <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="/jrnl/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="/jrnl/{{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> {% endfor %}
     </section>
-- 
cgit v1.2.3