attila_pelican_theme/templates/page.html
Vitaly Potyarkin 73e216f522 Proper handling of canonical URLs (#52)
* add canonical_url block to base.html, change canonical url for pages

* Avoid nesting block within block

That leads to repeating the block twice instead of replacing its value
from `base.html`
2019-08-31 14:02:27 +05:30

74 lines
2.5 KiB
HTML

{% extends "index.html" %}
{% block title %}{{ page.title }}{% endblock title %}
{% block canonical_url %}
<link href="{{ SITEURL }}/{{ page.url }}" rel="canonical" />
{% endblock canonical_url %}
{# <!-- Choosing cover image --> #}
{% if page.cover %}
{% if page.cover|lower|truncate(4, True, '') == "http" %}
{% set selected_cover = page.cover %}
{% else %}
{% set selected_cover = SITEURL+"/"+page.cover %}
{% endif %}
{% elif page.og_image %}
{% if page.og_image|lower|truncate(4, True, '') == "http" %}
{% set selected_cover = page.og_image %}
{% else %}
{% set selected_cover = SITEURL+"/"+page.og_image %}
{% 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 page.color %}
{% set selected_color = page.color %}
{% 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="post-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">{{ page.title }}</h1>
{% if selected_cover %}
<div class="post-cover cover" style="background-image: url('{{ selected_cover }}')">
{% elif selected_color %}
<div class="post-cover cover" style="background-color: {{ selected_color }}">
{% 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 %}