Add categories to posts

Author: andrew-codechimp

_config.yml

@@ -10,6 +10,8 @@ github_username:  andrew-codechimp
 # Build settings
 theme: minima
 
+permalink: /:title/
+
 plugins:
   - jekyll-feed
   - jekyll-gist

_layouts/post.html

@@ -0,0 +1,48 @@
+---
+layout: default
+---
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+    
+    <header class="post-header">
+        <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+        <p class="post-meta">
+            <div class="post-dt" style="width:60%; float:left">
+                <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+                    {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+                    {{ page.date | date: date_format }}
+                </time>
+                {%- if page.author -%}
+                • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
+                {%- endif -%}
+            </div>
+            
+            
+            <div class="post-categories" style="width:40%; float:right">
+                <div class="post-categories-list" style="display: flex; justify-content: flex-end">
+                    {% if post %}
+                    {% assign categories = post.categories %}
+                    {% else %}
+                    {% assign categories = page.categories %}
+                    {% endif %}
+                    {% for category in categories %}
+                    <a href="{{site.baseurl}}/categories/#{{category|slugize}}">{{category}}</a>
+                    {% unless forloop.last %}&nbsp;{% endunless %}
+                    {% endfor %}
+                </div>
+            </div>
+            
+        </p>
+        
+        
+    </header>
+    
+    <div class="post-content e-content" itemprop="articleBody">
+        {{ content }}
+    </div>
+    
+    {%- if site.disqus.shortname -%}
+    {%- include disqus_comments.html -%}
+    {%- endif -%}
+    
+    <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
+</article>

assets/main.scss

@@ -36,6 +36,10 @@ article.post {
     box-shadow: 0 0 0 0, 0 0px 25px rgba(34, 34, 34, 0.15);
     border-radius: 3px;
     position: relative;
+
+    .post-content {
+        padding-top: 25px;
+    }
 }
 
 section.card {

categories.html

@@ -0,0 +1,24 @@
+---
+layout: page
+permalink: /categories/
+title: Categories
+---
+
+
+<div id="archives">
+{% for category in site.categories %}
+  <div class="archive-group">
+    {% capture category_name %}{{ category | first }}{% endcapture %}
+    <div id="#{{ category_name | slugize }}"></div>
+    <p></p>
+
+    <h3 class="category-head">{{ category_name }}</h3>
+    <a name="{{ category_name | slugize }}"></a>
+    {% for post in site.categories[category_name] %}
+    <article class="archive-item">
+      <h4><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></h4>
+    </article>
+    {% endfor %}
+  </div>
+{% endfor %}
+</div>