added archive category pages

templates/archives.html

@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Archives{% endblock %}
+
+{% block header %}
+    <!-- Page Header -->
+    <!-- Set your background image for this header on the line below. -->
+    <header id="blog-header" class="has-cover">
+      <div class="inner">
+        <nav id="navigation">
+          {% if SITE_LOGO %}
+            <span class="blog-logo">
+                <a href="{{ SITEURL }}"><img src="{{SITE_LOGO}}" alt="Blog Logo" /></a>
+            </span>
+          {% else %}
+            <span id="home-button" class="nav-button">
+                <a class="home-button" href="{{ SITEURL }}" title="Home"><i class="ic ic-arrow-left"></i> Home</a>
+            </span>
+          {% endif %}
+          <span id="menu-button" class="nav-button">
+            <a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
+          </span>
+        </nav>
+        <h1 class="post-title">{{ SITENAME }} - Archives</h1>
+        {% if HEADER_COVER %}
+            <div class="blog-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
+        {% elif HEADER_COLOR %}
+            <div class="post-cover cover" style="background-color: {{ HEADER_COLOR }}">
+        {% else %}
+            <div class="post-cover cover" style="background-image: url('{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/post-bg.jpg')">
+        {% endif %}        
+      </div>
+    </header>    
+{% endblock header %}
+
+{% block content %}
+  <article class="post">
+    <div class="inner">
+      <dl>
+      {% for article in dates %}
+          <dt>{{ article.locale_date }}</dt>
+          <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
+      {% endfor %}
+      </dl>
+    </div>
+  </article>
+{% endblock content %}

templates/article.html

@@ -123,7 +123,7 @@
         {% if article.header_cover %}
             <div class="post-cover cover" style="background-image: url('{{ article.header_cover }}')">
         {% elif HEADER_COVER %}
-            <div class="blog-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
+            <div class="post-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
         {% elif HEADER_COLOR %}
             <div class="post-cover cover" style="background-color: {{ HEADER_COLOR }}">
         {% else %}

templates/author.html

@@ -31,6 +31,7 @@
           </span>
         </nav>
         <h1 class="post-title">Articles by {{ author|capitalize }}</h1>
+        <span class="blog-description">Posts: {{ articles|count }}</span>
         {% if HEADER_COVER %}
             <div class="blog-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
         {% elif HEADER_COLOR %}
@@ -41,3 +42,5 @@
       </div>
     </header>
 {% endblock header %}
+
+<!-- TODO : author bio  -->

templates/categories.html

@@ -0,0 +1,44 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Categories{% endblock %}
+
+{% block header %}
+    <!-- Page Header -->
+    <!-- Set your background image for this header on the line below. -->
+    <header id="blog-header" class="has-cover">
+      <div class="inner">
+        <nav id="navigation">
+          {% if SITE_LOGO %}
+            <span class="blog-logo">
+                <a href="{{ SITEURL }}"><img src="{{SITE_LOGO}}" alt="Blog Logo" /></a>
+            </span>
+          {% else %}
+            <span id="home-button" class="nav-button">
+                <a class="home-button" href="{{ SITEURL }}" title="Home"><i class="ic ic-arrow-left"></i> Home</a>
+            </span>
+          {% endif %}
+          <span id="menu-button" class="nav-button">
+            <a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
+          </span>
+        </nav>
+        <h1 class="post-title">{{ SITENAME }} - Categories</h1>
+        {% if HEADER_COVER %}
+            <div class="blog-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
+        {% elif HEADER_COLOR %}
+            <div class="post-cover cover" style="background-color: {{ HEADER_COLOR }}">
+        {% else %}
+            <div class="post-cover cover" style="background-image: url('{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/post-bg.jpg')">
+        {% endif %}        
+      </div>
+    </header>    
+{% endblock header %}
+
+{% block content %}
+  {% for category, articles in categories |sort %}
+    <article class="post">
+      <div class="inner">
+        <a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a> ({{ articles|count }})
+      </div>
+    </article>
+  {% endfor %}
+{% endblock content %}

templates/category.html

@@ -0,0 +1,35 @@
+{% extends "index.html" %}
+
+{% block title %}{{ SITENAME }} - Articles in the {{ category }} category{% endblock %}
+
+{% block header %}
+    <!-- Page Header -->
+    <!-- Set your background image for this header on the line below. -->
+    <header id="blog-header" class="has-cover">
+      <div class="inner">
+        <nav id="navigation">
+          {% if SITE_LOGO %}
+            <span class="blog-logo">
+                <a href="{{ SITEURL }}"><img src="{{SITE_LOGO}}" alt="Blog Logo" /></a>
+            </span>
+          {% else %}
+            <span id="home-button" class="nav-button">
+                <a class="home-button" href="{{ SITEURL }}" title="Home"><i class="ic ic-arrow-left"></i> Home</a>
+            </span>
+          {% endif %}
+          <span id="menu-button" class="nav-button">
+            <a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
+          </span>
+        </nav>
+        <h1 class="post-title">Category {{ category }}</h1>
+        <span class="blog-description">Posts: {{ articles|count }}</span>
+        {% if HEADER_COVER %}
+            <div class="blog-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
+        {% elif HEADER_COLOR %}
+            <div class="post-cover cover" style="background-color: {{ HEADER_COLOR }}">
+        {% else %}
+            <div class="post-cover cover" style="background-image: url('{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/post-bg.jpg')">
+        {% endif %}
+      </div>
+    </header>
+{% endblock header %}

templates/page.html

@@ -0,0 +1,49 @@
+{% extends "index.html" %}
+
+{% block title %}{{ page.title }}{% endblock title %}
+
+{% block header %}
+    <!-- Page Header -->
+    <!-- Set your background image for this header on the line below. -->
+    <header id="post-header" class="has-cover">
+      <div class="inner">
+        <nav id="navigation">
+          {% if SITE_LOGO %}
+            <span class="blog-logo">
+                <a href="{{ SITEURL }}"><img src="{{SITE_LOGO}}" alt="Blog Logo" /></a>
+            </span>
+          {% else %}
+            <span id="home-button" class="nav-button">
+                <a class="home-button" href="{{ SITEURL }}" title="Home"><i class="ic ic-arrow-left"></i> Home</a>
+            </span>
+          {% endif %}
+          <span id="menu-button" class="nav-button">
+            <a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
+          </span>
+        </nav>
+        <h1 class="post-title">{{ page.title }}</h1>      
+        {% if page.header_cover %}
+            <div class="post-cover cover" style="background-image: url('{{ page.header_cover }}')">
+        {% elif HEADER_COVER %}
+            <div class="post-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
+        {% elif HEADER_COLOR %}
+            <div class="post-cover cover" style="background-color: {{ HEADER_COLOR }}">
+        {% else %}
+            <div class="post-cover cover" style="background-image: url('{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/post-bg.jpg')">
+        {% endif %}        
+      </div>
+    </header>    
+{% endblock header %}
+
+{% block content %}
+  <!-- Post content -->
+  <main class="content" role="main">
+      <article class="post">
+      <div class="inner">
+          <section class="post-content">
+              {{page.content}}
+          </section>
+      </div>
+      </article>
+  </main>
+{% endblock content %}

templates/period_archives.html

@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Archives for {{ period | reverse | join (' ') }}{% endblock %}
+
+{% block header %}
+    <!-- Page Header -->
+    <!-- Set your background image for this header on the line below. -->
+    <header id="blog-header" class="has-cover">
+      <div class="inner">
+        <nav id="navigation">
+          {% if SITE_LOGO %}
+            <span class="blog-logo">
+                <a href="{{ SITEURL }}"><img src="{{SITE_LOGO}}" alt="Blog Logo" /></a>
+            </span>
+          {% else %}
+            <span id="home-button" class="nav-button">
+                <a class="home-button" href="{{ SITEURL }}" title="Home"><i class="ic ic-arrow-left"></i> Home</a>
+            </span>
+          {% endif %}
+          <span id="menu-button" class="nav-button">
+            <a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
+          </span>
+        </nav>
+        <h1 class="post-title">Archives for {{ period | reverse | join (' ') }}</h1>
+        {% if HEADER_COVER %}
+            <div class="blog-cover cover" style="background-image: url('{{ HEADER_COVER }}')">            
+        {% elif HEADER_COLOR %}
+            <div class="post-cover cover" style="background-color: {{ HEADER_COLOR }}">
+        {% else %}
+            <div class="post-cover cover" style="background-image: url('{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/post-bg.jpg')">
+        {% endif %}        
+      </div>
+    </header>    
+{% endblock header %}
+
+{% block content %}
+  <article class="post">
+    <div class="inner">
+      <dl>
+      {% for article in dates %}
+          <dt>{{ article.locale_date }}</dt>
+          <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
+      {% endfor %}
+      </dl>
+    </div>
+  </article>
+{% endblock content %}

templates/tags.html

@@ -34,7 +34,7 @@
 {% endblock header %}
 
 {% block content %}
-  {%- for tag, articles in tags|sort %}
+  {% for tag, articles in tags|sort %}
     <article class="post">
       <div class="inner">
         <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a> ({{ articles|count }})