fixed some design bugs in the new layout

5 files changed, 30 insertions, 13 deletions

diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index 7b47418..910cc94 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -120,7 +120,7 @@ h1 {
     }
 }
 
-.black #breadcrumbs a {
+.black #breadcrumbs a, .dark #breadcrumbs a {
     color: $body_font_light;
 }
 //************* Dark Pages *********************
diff --git a/design/sass/_homepage.scss b/design/sass/_homepage.scss
index d153cf6..66d2d54 100644
--- a/design/sass/_homepage.scss
+++ b/design/sass/_homepage.scss
@@ -1,4 +1,4 @@
-.homepage--bottom-wrapper {
+.homepage--section {
     @include constrain_wide;
     @extend %clearfix;
     &:before {
@@ -16,7 +16,9 @@
         text-align: left;
     }
 }
-.archive--homepage {
+.homepage--archives {
+    max-width: 100%;
+    margin-top: 0;
     @include breakpoint(beta) {
         article {
             display: block;
@@ -40,9 +42,7 @@
         }
     }
 }
-.dark .archive--homepage {
 
-}
 .homepage--bright {
     @include breakpoint(gamma) {
         float: left;
@@ -119,17 +119,21 @@
     &:after, &:before {
         @include faded_line_after;
     }
+    &:before { margin-bottom: 50px;}
     @include breakpoint(gamma) {
     p { 
         @include fontsize(18);
     }
 }
 }
-.black .archive--homepage .post--title a {
-    color: white;
-}
-.black .archive--homepage .post--location a {
-    color: $body_font_light;
+.black .homepage--archives {
+    .post--title a {
+        color: white;
+    }
+    .post--location a {
+        color: $body_font_light;
+    }
+    img { @include img_plain; }
 }
 .black .homepage--about {
     &:after, &:before {
diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss
index 71246bb..0574c97 100644
--- a/design/sass/_mixins.scss
+++ b/design/sass/_mixins.scss
@@ -20,6 +20,12 @@ $body_font_light: #b3aeae;
     font-size: ($size / $base) * 1rem;
 }
 
+@mixin img_plain {
+    padding: 0;
+    max-width: 100%;
+    background: none;
+}
+
 %clearfix {
     *zoom: 1;
     &:before {
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index 4e4df36..56b17a6 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -65,6 +65,12 @@
         }
         dd { margin-left: 0; margin-bottom: 1.5em;}
     }
+    .numeral {
+        display: block;
+        font: bold 1.2em sans-serif;
+        margin-bottom: 0;
+        margin-top: 2em;
+    }
 }
 
 //### FOOTNOTES ###
@@ -195,6 +201,7 @@
         float: left;
         max-width: 200px;
         margin-right: 2em;
+        margin-top: 5px;
         .post--title, .post--date, .post--location {
             text-align: right;
         }
diff --git a/design/templates/archives/homepage.html b/design/templates/archives/homepage.html
index 4954264..d312592 100644
--- a/design/templates/archives/homepage.html
+++ b/design/templates/archives/homepage.html
@@ -27,13 +27,13 @@
     {%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%}
-    <div class="homepage--about homepage--bottom-wrapper">
+    <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>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">
+    <div class="homepage--section">
+    <section class="archive homepage--archives">
         <h1 class="homepage--arc-header">Archives</h1>
         {% for object in object_list %}{%if forloop.counter > 1 %}
         <article class="h-entry hentry">