Merge pull request #188 from DandyDev/pelican-bootstrap3-v12

Update pelican-bootstrap to v1.2

1 files changed, 28 insertions, 5 deletions

diff --git a/pelican-bootstrap3/templates/categories.html b/pelican-bootstrap3/templates/categories.html
index fe3d6ac..6898f97 100644
--- a/pelican-bootstrap3/templates/categories.html
+++ b/pelican-bootstrap3/templates/categories.html
@@ -1,13 +1,36 @@
 {% extends "base.html" %}
-{% block title %}{{ SITENAME }} - Categories{% endblock %}
+{% block title %}Categories - {{ SITENAME }}{% endblock %}
+
+{% block breadcrumbs %}
+    {% if DISPLAY_BREADCRUMBS %}
+    <ol class="breadcrumb">
+        <li><a href="{{ SITEURL }}" title="{{ SITENAME }}"><i class="fa fa-home fa-lg"></i></a></li>
+        <li class="active">Categories</li>
+    </ol>
+    {% endif %}
+{% endblock %}
 
 {% block content %}
     <section id="categories">
-        <h1>Categories for {{ SITENAME }}</h1>
-        <ul>
+        <h1>All Categories for {{ SITENAME }}</h1>
+        <div class="panel-group" id="accordion">
             {% for category, articles in categories %}
-                <li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a></li>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4 class="panel-title">
+                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse-{{category.slug}}">{{ category }} <span class="badge pull-right">{{ articles|count }}</span></a>
+                    </h4>
+                </div>
+                <div id="collapse-{{category.slug}}" class="panel-collapse collapse">
+                    <div class="panel-body">
+                        {% for article in articles %}
+                        <p><span class="categories-timestamp"><time datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time></span> <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></p>
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
             {% endfor %}
-        </ul>
+        </div>
+
     </section>
 {% endblock %}