Added support for featured posts

dxtkdxtk · Jan 21, 2014 · 97964fc · 97964fc
1 parent b92534a
commit 97964fc
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 3 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -252,7 +252,8 @@ pre {
 
 .post-stub {
   border-bottom: 1px dotted #303030;
-  margin: 0; }
+  margin: 0;
+  position: relative; }
   .post-stub:first-child {
     padding-top: 0; }
   .post-stub a {
@@ -266,6 +267,18 @@ pre {
       background: #FCF5F5;
       color: #f03838;
       padding: 20px 12px; }
+      .post-stub a:hover .post-stub-tag {
+        background: #f03838; }
+
+.post-stub-tag {
+  background: #303030;
+  border-radius: 3px;
+  color: #FFF;
+  float: right;
+  font-size: 10px;
+  margin: 7px 0 0;
+  padding: 0 5px;
+  text-transform: uppercase; }
 
 .post-stub-title {
   display: inline-block;

diff --git a/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc b/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -68,7 +68,6 @@ blockquote {
         margin: 0;
         width: 100%;
     }
-
 }
 
 img {
@@ -287,6 +286,7 @@ pre {
 .post-stub {
     border-bottom: 1px dotted $secondary;
     margin: 0;
+    position: relative;
 
     &:first-child { padding-top: 0; }
 
@@ -302,10 +302,23 @@ pre {
             background: #FCF5F5;
             color: $primary;
             padding: 20px 12px;
+
+            .post-stub-tag { background: $primary; }
         }
     }
 }
 
+.post-stub-tag {
+    background: $secondary;
+    border-radius: 3px;
+    color: #FFF;
+    float: right;
+    font-size: 10px;
+    margin: 7px 0 0;
+    padding: 0 5px;
+    text-transform: uppercase;
+}
+
 .post-stub-title {
     display: inline-block;
     margin: 0;

diff --git a/changelog.txt b/changelog.txt
@@ -4,13 +4,17 @@ Ghostwriter Version 1.4.0
 
 - Added a simple navigation menu
 - Added font awesome for icons
+- Added support for featured posts
 - Removed image icons
 - Replaced the browse posts button with a Browse Posts text link in 
   the new navigation menu. This should make finding the posts list
   easier for users.
 - Tidied up nested lists
 - Set up assets to load with the new asset helper
 
+fitvid.js
+add support for tables
+
 ------------------------------
 Ghostwriter Version 1.3.0
 ------------------------------

diff --git a/index.hbs b/index.hbs
@@ -25,11 +25,15 @@
 <div id="post-index" class="container">
     <ol class="post-list">
         {{#foreach posts}}
-            <li class="post-stub">
+            <li class="post-stub {{post_class}}" >
                 <a class="js-ajax-link"  title="{{title}}" href="{{url}}">
                     <h4 class="post-stub-title">{{title}}</h4>
 
                     <time class="post-stub-date" datetime="{{published_at}}">Published {{date format="MMMM Do YYYY"}}</time>
+
+                    {{#if featured}}
+                        <span class="post-stub-tag">Featured</span>
+                    {{/if}}
                 </a>
             </li>
         {{/foreach}}