Merge pull request #13 from kremalicious/feature-relatedposts

Related posts

Gemfile

@@ -4,4 +4,9 @@ source "https://rubygems.org"
 # gem "rails"
 gem 'jekyll', '1.5.1'
 gem 'mini_magick', '>=3.6.0'
-gem 'fileutils', '>=0.7'
+gem 'fileutils', '>=0.7'
+
+# for faster LSI generation
+# from http://tonyarnold.com/2014/03/27/speeding-up-jekylls-latent-semantic-mapping.html
+gem 'narray', :git => "https://github.com/tonyarnold/narray"
+gem 'gsl', :git => "https://github.com/tonyarnold/rb-gsl"

Gemfile.lock

@@ -1,3 +1,16 @@
+GIT
+  remote: https://github.com/tonyarnold/narray
+  revision: eeb06b030320a222727e41f11a2f0be300f9dd52
+  specs:
+    narray (0.6.0.8)
+
+GIT
+  remote: https://github.com/tonyarnold/rb-gsl
+  revision: 659a95fd9b610c02e38035b956feceb5c29e1ecb
+  specs:
+    gsl (1.14.7)
+      narray (>= 0.5.9)
+
 GEM
   remote: https://rubygems.org/
   specs:
@@ -55,5 +68,7 @@ PLATFORMS
 
 DEPENDENCIES
   fileutils (>= 0.7)
+  gsl!
   jekyll (= 1.5.1)
   mini_magick (>= 3.6.0)
+  narray!

Gruntfile.js

@@ -46,7 +46,8 @@ module.exports = function(grunt){
         jekyll: {
             options: {
                 src : '<%= config.src %>/',
-                config: './_config.yml'
+                config: './_config.yml',
+                lsi: true
             },
             production: {
                 options: {

_src/_includes/relatedposts.html

@@ -1,21 +1,21 @@
 {% if site.related_posts.size > 1 %}
     <aside class="related-posts">
-    
-        <h1 class="related-title">Related</h1>
+
+        <h1 class="related-posts-title">Related</h1>
 
         <div class="row">
-        
-            {% for post in site.posts limit:6 %}
-    
+
+            {% for post in site.related_posts limit:6 %}
+
                 <article class="related-post col2">
-                    <a href="{{ post.url }}">
+                    <a class="post-title-link" href="{{ post.url }}">
                         <h1 class="post-title">{{ post.title }}</h1>
                     </a>
                 </article>
-    
+
             {% endfor %}
 
         </div>
-    
+
     </aside>
 {% endif %}

_src/_layouts/link.html

@@ -3,7 +3,7 @@ layout: base
 ---
 
 <section role="main" id="main" class="page-single row">
-    
+
     <article class="hentry format-link">
     	<header>
     		<h1 class="entry-title">
@@ -21,11 +21,11 @@ layout: base
                 <a class="permalink-link" href="{{ page.url | append: '/' }}" rel="tooltip" title="Permalink">&#8734;</a>
     		</p>
         </section>
-        
+
         {% include entry_meta.html %}
-        
+
         {% include comments.html %}
-        
+
     </article>
 
 </section>

_src/_layouts/post.html

@@ -3,7 +3,7 @@ layout: base
 ---
 
 <section role="main" id="main" class="page-single row">
-    
+
     <article class="hentry format-post">
     	<header>
     		<h1 class="entry-title">{{ page.title | titlecase }}</h1>
@@ -13,14 +13,16 @@ layout: base
             {% if page.image %}
                 {% picture {{ page.image }} class="teaser" %}
             {% endif %}
-        
+
             {{ content }}
         </section>
-        
+
         {% include entry_meta.html %}
-        
+
         {% include comments.html %}
-        
+
+        {% include relatedposts.html %}
+
     </article>
 
 </section>

_src/assets/less/content-photo.less

@@ -72,4 +72,6 @@
 
 .photo-link {
     display: block;
+
+    &:active { background: none }
 }

_src/assets/less/content-related.less

@@ -0,0 +1,37 @@
+// Related Posts
+/////////////////////////////////////
+
+.related-posts {
+    .row { margin-top: 0 }
+}
+
+.related-posts-title {
+    &:extend(.heading-band, .h3);
+    margin-bottom: @line-height-computed;
+}
+
+.related-post {
+
+    .post-title {
+        &:extend(.h6);
+        margin-top: @line-height-computed;
+        margin-bottom: @line-height-computed;
+    }
+
+    .post-title,
+    .post-title-link {
+        color: @brand-grey-light;
+        .transition;
+
+        &:hover,
+        &:focus { color: @link-color }
+
+        &:active {
+            color: #fff;
+            .transition(none);
+        }
+    }
+
+    .post-title-link { display: block }
+
+}

_src/assets/less/kremalicious3.less

@@ -49,6 +49,7 @@
 @import 'content.less';
 @import 'content-photo.less';
 @import 'content-link.less';
+@import 'content-related.less';
 @import 'comments.less';
 @import 'sticky.less';