attila_pelican_theme/templates/category.html
Arul e7a78c4ff7
#44 no default cover (#45)
support for HOME_COVER and HOME_COLOR
2019-03-11 07:53:39 +05:30

60 lines
No EOL
2.2 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ SITENAME }} - Articles in the {{ category }} category{% endblock %}
{# <!-- Choosing cover image --> #}
{% if category in HEADER_COVERS_BY_CATEGORY %}
{% set category_cover = HEADER_COVERS_BY_CATEGORY.get(category) %}
{% if category_cover|lower|truncate(4, True, '') == "http" %}
{% set selected_cover = category_cover %}
{% else %}
{% set selected_cover = SITEURL+"/"+category_cover %}
{% endif %}
{% elif HEADER_COVER %}
{% if HEADER_COVER|lower|truncate(4, True, '') == "http" %}
{% set selected_cover = HEADER_COVER %}
{% else %}
{% set selected_cover = SITEURL+"/"+HEADER_COVER %}
{% endif %}
{% elif HEADER_COLOR %}
{% set selected_color = HEADER_COLOR %}
{% endif %}
{% block header %}
<!-- Page Header -->
<!-- Set your background image for this header on the line below. -->
<header id="blog-header" {% if selected_cover or selected_color %}class="has-cover"{% endif %}>
<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 selected_cover %}
<div class="blog-cover cover" style="background-image: url('{{ selected_cover }}')">
{% elif selected_color %}
<div class="blog-cover cover" style="background-color: {{ selected_color }}">
{% endif %}
</div>
</header>
{% endblock header %}
{% block content %}
<div id="index" class="container">
<main class="content" role="main">
{% include "partials/loop.html" %}
</main>
</div>
{% endblock content %}