categories: redesign

Re-use some of posts includes so that categories pages look much cooler.

5 files changed, 34 insertions, 35 deletions

diff --git a/_includes/jekyll-theme/categories/all.html b/_includes/jekyll-theme/categories/all.html
index 82efce5..d1c6285 100644
--- a/_includes/jekyll-theme/categories/all.html
+++ b/_includes/jekyll-theme/categories/all.html
@@ -3,20 +3,21 @@
 {% else %}
   {% assign categories = site.categories | sort %}
   {% for category in categories %}
-    <h2><a class="category" href="{{ '/' | relative_url }}{{ category[0] | slugify: 'pretty' }}/">{{ category[0] }}</a></h2>
-    <ul>
-      {% for post in category[1] %}
-        <li><a href="{{ post.url | relative_url }}">{{ post.date | date: "%Y-%m-%d" }} &mdash; {{ post.title }}</a></li>
-      {% endfor %}
-    </ul>
+    {% assign category_name = category[0] %}
+    <h2>{% include jekyll-theme/categories/label.html category=category_name %}</h2>
+    {% for post in category[1] %}
+      <a href="{{ post.url | relative_url }}" class="feed-entry">
+        {% include jekyll-theme/posts/header.html feed=true title=post.title date=post.date %}
+      </a>
+    {% endfor %}
   {% endfor %}
   {% assign uncategorized = site.posts | where_exp: "post","post.categories.size == 0" %}
   {% if uncategorized.size != 0 %}
-    <h2>Other</h2>
-    <ul>
-      {% for post in uncategorized %}
-      <li><a href="{{ post.url | relative_url }}">{{ post.date | date: "%Y-%m-%d" }} &mdash; {{ post.title }}</a></li>
-      {% endfor %}
-    </ul>
+    <h2>{% include jekyll-theme/categories/label.html category="Other" feed=true %}</h2>
+    {% for post in uncategorized %}
+      <a href="{{ post.url | relative_url }}" class="feed-entry">
+        {% include jekyll-theme/posts/header.html feed=true title=post.title date=post.date %}
+      </a>
+    {% endfor %}
   {% endif %}
 {% endif %}
diff --git a/_includes/jekyll-theme/categories/category.html b/_includes/jekyll-theme/categories/category.html
index f7b7a8c..a33fd76 100644
--- a/_includes/jekyll-theme/categories/category.html
+++ b/_includes/jekyll-theme/categories/category.html
@@ -1,11 +1,12 @@
-<p>This is a list of posts in category "{{ include.category }}".</p>
+<h1>{% include jekyll-theme/categories/label.html category=include.category feed=true %}</h1>
 {% if site.categories[include.category].size > 0 %}
-  <ul>
-    {% for post in site.categories[include.category] %}
-      <li><a href="{{ post.url | relative_url }}">{{ post.date | date: "%Y-%m-%d" }} &mdash; {{ post.title }}</a></li>
-    {% endfor %}
-  </ul>
+  {% for post in site.categories[include.category] %}
+    <a href="{{ post.url | relative_url }}" class="feed-entry">
+      {% include jekyll-theme/posts/header.html feed=true title=post.title date=post.date %}
+    </a>
+  {% endfor %}
 {% endif %}
 {% if include.archive_link %}
   <p>For a complete list of posts grouped by category, please see <a href="{{ include.archive_link | relative_url }}">this page</a>.</p>
+  {% include jekyll-theme/sidebar/sep.html %}
 {% endif %}
diff --git a/_includes/jekyll-theme/categories/label.html b/_includes/jekyll-theme/categories/label.html
new file mode 100644
index 0000000..4345df2
--- /dev/null
+++ b/_includes/jekyll-theme/categories/label.html
@@ -0,0 +1,6 @@
+<span class="glyphicon glyphicon-folder-open"></span>&nbsp;
+{%- if include.feed -%}
+  <span class="category text-monospace">{{ include.category | downcase }}</span>
+{%- else -%}
+  <a class="category text-monospace" href="{{ '/' | relative_url }}{{ include.category | slugify: 'pretty' }}/">{{ include.category | downcase }}</a>
+{%- endif -%}
diff --git a/_includes/jekyll-theme/posts/feed.html b/_includes/jekyll-theme/posts/feed.html
index 7f5c0c6..1fff024 100644
--- a/_includes/jekyll-theme/posts/feed.html
+++ b/_includes/jekyll-theme/posts/feed.html
@@ -3,7 +3,7 @@
 {% else %}
   {% for post in paginator.posts %}
     <a href="{{ post.url | relative_url }}" class="feed-entry">
-      {% include jekyll-theme/posts/header.html feed=true %}
+      {% include jekyll-theme/posts/header.html feed=true title=post.title date=post.date category=post.category %}
     </a>
   {% endfor %}
   {% include jekyll-theme/posts/paginator.html %}
diff --git a/_includes/jekyll-theme/posts/header.html b/_includes/jekyll-theme/posts/header.html
index eabb22c..9acea37 100644
--- a/_includes/jekyll-theme/posts/header.html
+++ b/_includes/jekyll-theme/posts/header.html
@@ -2,30 +2,21 @@
   {% if include.feed %}
     <h5 class="text-monospace">{{ include.title }}</h5>
   {% else %}
-    {% assign post = page %}
-    <h1><span class="font-size-90">{{ post.title }}</span></h1>
+    <h1><span class="font-size-90">{{ include.title }}</span></h1>
   {% endif %}
+
   <div class="post-date">
     <p class="text-muted font-size-90">
       {%- comment -%}
         Collapse the Liquid whitespace here, so that no extra spaces
         between <span>s are introduced.
       {%- endcomment -%}
-      {%- if post.category -%}
-        <span class="glyphicon glyphicon-folder-open"></span>&nbsp;
-        {%- if include.feed -%}
-          <span class="category text-monospace">
-        {%- else -%}
-          <a class="category text-monospace" href="{{ '/' | relative_url }}{{ post.category | slugify: 'pretty' }}/">
-        {%- endif -%}
-        {{ post.category }}
-        {%- if include.feed -%}
-          </span>
-        {%- else -%}
-          </a>
-        {%- endif -%}
+      {%- if include.category -%}
+        {% include jekyll-theme/categories/label.html category=include.category feed=include.feed %}
+      {%- endif -%}
+      {%- if include.date -%}
+        <span class="glyphicon glyphicon-time"></span>&nbsp;<span class="text-monospace">{{ include.date | date: '%d-%b-%Y' }}</span>
       {%- endif -%}
-      <span class="glyphicon glyphicon-time"></span>&nbsp;<span class="text-monospace">{{ post.date | date: '%d-%b-%Y' }}</span>
     </p>
   </div>
 </div>