From 74ee8c3bf35c26dbcbeb56fad80bde6891f11f65 Mon Sep 17 00:00:00 2001
From: Parker Moore <parkrmoore@gmail.com>
Date: Mon, 1 Jul 2013 01:19:25 +0200
Subject: [PATCH] Some very, very minor work on the posts.

---
 site/_includes/news_item.html | 20 +++++++++++++-------
 site/_layouts/news.html       |  4 ++--
 site/_layouts/news_item.html  | 28 ----------------------------
 site/css/style.css            | 33 ++++++++++++++++++++++++++++++---
 site/news/index.md            |  2 +-
 5 files changed, 46 insertions(+), 41 deletions(-)

diff --git a/site/_includes/news_item.html b/site/_includes/news_item.html
index 7a7ea4af..7068a692 100644
--- a/site/_includes/news_item.html
+++ b/site/_includes/news_item.html
@@ -1,7 +1,13 @@
-<h2 class="center-on-mobiles"><a href="{{ post.url }}">{{ post.title }}</a></h2>
-<p class="post-content">
-  {{ post.content }}
-</p>
-<p class="post-details">
-  Posted on {{ post.date | date_to_string }} by @{{ post.author }}, filed in {{ post.categories | array_to_sentence_string }}
-</p>
+<div class="post">
+  <h2 class="center-on-mobiles">
+    <a href="{{ post.url }}">
+      {{ post.title }}
+    </a>
+  </h2>
+  <p class="post-content">
+    {{ post.content }}
+  </p>
+  <p class="post-details">
+    Posted on {{ post.date | date_to_string }} by @{{ post.author }}, filed in {{ post.categories | array_to_sentence_string }}
+  </p>
+</div>
diff --git a/site/_layouts/news.html b/site/_layouts/news.html
index 75435f7b..ae4a1d1b 100644
--- a/site/_layouts/news.html
+++ b/site/_layouts/news.html
@@ -2,14 +2,14 @@
 layout: default
 ---
 
-  <section class="docs news">
+  <section class="news">
     <div class="grid">
 
       {% include news_contents_mobile.html %}
 
       <div class="unit four-fifths">
         <h1 class="news-header center-on-mobiles">{{ page.title }}</h1>
-        <article class="news-listing">
+        <article class="listing">
           {{ content }}
         </article>
       </div>
diff --git a/site/_layouts/news_item.html b/site/_layouts/news_item.html
index 8cff4e3d..e69de29b 100644
--- a/site/_layouts/news_item.html
+++ b/site/_layouts/news_item.html
@@ -1,28 +0,0 @@
----
-layout: default
----
-
-  <section class="docs news">
-    <div class="grid">
-
-      {% include news_contents_mobile.html %}
-
-      <div class="unit four-fifths">
-        <h1 class="news-header center-on-mobiles">News</h1>
-        <article class="news-item">
-          <h2 class="center-on-mobiles"><a href="{{ page.url }}">{{ page.title }}</a></h2>
-          <p class="post-content">
-            {{ page.content }}
-          </p>
-          <p class="post-details">
-            Posted on {{ page.date | date_to_string }} by @{{ page.author }}, filed in {{ page.categories | array_to_sentence_string }}
-          </p>
-        </article>
-      </div>
-
-      {% include news_contents.html %}
-
-      <div class="clear"></div>
-
-    </div>
-  </section>
diff --git a/site/css/style.css b/site/css/style.css
index cac52784..8d17ad9c 100644
--- a/site/css/style.css
+++ b/site/css/style.css
@@ -501,17 +501,44 @@ body > footer a:hover img {
 
 /* News */
 
-section.news .news-header {
+.news .news-header {
   margin: 0 50px;
 }
 
-section.news .news-listing h2 {
+.news .entry {
+  background: #444;
+  border-radius: 10px;
+  padding: 20px;
+  margin: 0 10px;
+  box-shadow: 0 3px 10px rgba(0,0,0,.1);
+  min-height: 800px;
+  font-size: 16px;
+}
+
+@media (max-width: 568px){
+  .news .entry {
+    margin: 0;
+  }
+}
+
+@media (min-width: 768px){
+  .news .entry {
+    font-size: 21px;
+    margin-bottom: 20px;
+  }
+}
+
+.news .post {
+  padding: 40px;
+}
+
+.news .news-listing h2 {
   margin: 0;
   padding-top: 10px;
   border-top: rgba(220, 220, 220, 0.5) 1px solid;
 }
 
-section.news .post-details {
+.news .post-details {
   padding: 0;
   font-size: 0.8em;
   color: gray;
diff --git a/site/news/index.md b/site/news/index.md
index d016c462..e3e664f1 100644
--- a/site/news/index.md
+++ b/site/news/index.md
@@ -7,7 +7,7 @@ author: all
 
 <div class="grid">
   {% for post in site.posts %}
-  <div class="unit whole center-on-mobiles">
+  <div class="unit whole center-on-mobiles entry">
   {% include news_item.html %}
   </div>
   {% endfor %}