Merge pull request #420 from iamchrissmith/add-categories-to-blog-posts

Add categories to blog posts
rails-girls-summer-of-code · Oct 23, 2017 · 8cc3958 · 8cc3958
2 parents d68ebf2 + a1ba3fe
commit 8cc3958
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -15,6 +15,26 @@ <h1>{{ page.title }}</h1>
           {{ page.author }}
         {% endif %}
       </p>
+      {% if page.categories && page.categories > 0 %}
+        <p class="meta categories">Categories: 
+          {% for category in page.categories %}
+            <span class="tag">
+                {% if forloop.last == true %} 
+                  <span class="lowercase">and</span>
+                {% else %}
+                  {% if forloop.first == false %}
+                    , 
+                  {% endif %}
+                {% endif %}
+                {% if category == 'blog' %}
+                <a href="/blog">{{ category }}</a>
+                {% else %}
+                <a href="/blog/categoryview/#{{ category }}">{{ category | replace:'-',' ' }}</a>
+                {% endif %}
+            </span>
+          {% endfor %}
+        </p>
+      {% endif %}
       {{ content }}
       <div class="blog-share">
         <div class="shariff" data-services="[&quot;twitter&quot;,&quot;facebook&quot;,&quot;googleplus&quot;]" data-lang="en"></div>

diff --git a/assets/stylesheets/blog.scss b/assets/stylesheets/blog.scss
@@ -7,6 +7,16 @@
       text-decoration: underline;
     }
   }
+  .meta.categories {
+    margin-top:-15px;
+    font-size: 80%;
+    .tag {
+      text-transform:capitalize;
+    }
+    .lowercase {
+      text-transform: lowercase;
+    }
+  }
   img {
     width: 100%;
     height: auto;