From 50510e63fd58a2e04fb7e6a3ec4647df8fb7bbcd Mon Sep 17 00:00:00 2001
From: Jakob Gillich <jakob@gillich.me>
Date: Mon, 28 Oct 2013 22:16:32 +0100
Subject: [PATCH] Show "Write a new Post" message when there are no posts

closes #1308
---
 core/client/assets/sass/layouts/manage.scss | 30 +++++++++++++++++++++
 core/client/tpl/preview.hbs                 |  8 ++++++
 2 files changed, 38 insertions(+)

diff --git a/core/client/assets/sass/layouts/manage.scss b/core/client/assets/sass/layouts/manage.scss
index e744c3ba2a..acb76d23fc 100644
--- a/core/client/assets/sass/layouts/manage.scss
+++ b/core/client/assets/sass/layouts/manage.scss
@@ -250,4 +250,34 @@
 
     }//.preview-post
 
+    .no-posts-box {
+        position: relative;
+        height: 90%;
+        margin: 0px auto;
+        padding: 0px;
+        display: table;
+        z-index: 600;
+        @include breakpoint($tablet) {
+            position: fixed;
+            top: 45%;
+            left: 50%;
+        }
+
+        .no-posts {
+            vertical-align: middle;
+            display: table-cell;
+            text-align: center;
+            @include breakpoint($tablet) {
+                display: block;
+                position: relative;
+                left: -50%;
+            }
+
+            h3 {
+                color: $brown;
+                font-weight: 200;
+                font-size: 2em;
+            }
+        }
+    }//.no-posts-box
 }//.manage
diff --git a/core/client/tpl/preview.hbs b/core/client/tpl/preview.hbs
index c1e71da962..965d54af4c 100644
--- a/core/client/tpl/preview.hbs
+++ b/core/client/tpl/preview.hbs
@@ -42,3 +42,11 @@
 <section class="content-preview-content">
     <div class="wrapper"><h1>{{{title}}}</h1>{{{html}}}</div>
 </section>
+{{#unless title}}
+    <div class="no-posts-box">
+        <div class="no-posts">
+            <h3>You Haven't Written Any Posts Yet!</h3>
+            <form action="/ghost/editor/"><button class="button-add large" title="New Post">Write a new Post</button></form>
+        </div>
+    </div>
+{{/unless}}