{#  -*- coding: utf-8 -*- #}
{#  Override only the functions that differ from base_helper.tmpl #}
{% macro html_headstart() %}
<!DOCTYPE html>
<html

{% if use_open_graph or (twitter_card and twitter_card['use_twitter_cards']) or (comment_system == 'facebook') %}
prefix='
{% if use_open_graph or (twitter_card and twitter_card['use_twitter_cards']) %}
og: http://ogp.me/ns#
{% endif %}
{% if use_open_graph %}
article: http://ogp.me/ns/article#
{% endif %}
{% if comment_system == 'facebook' %}
fb: http://ogp.me/ns/fb#
{% endif %}
'
{% endif %}

{% if is_rtl %}
dir="rtl"
{% endif %}

lang="{{ lang }}">
    <head>
    <meta charset="utf-8">
    {% if description %}
    <meta name="description" content="{{ description }}">
    {% endif %}
    <meta name="viewport" content="width=device-width">
    <title>{{ title|e }} | {{ blog_title|e }}</title>

    {{ html_stylesheets() }}
    {{ html_feedlinks() }}
    {% if permalink %}
      <link rel="canonical" href="{{ abs_link(permalink) }}">
    {% endif %}

    {% if favicons %}
        {% for name, file, size in favicons %}
            <link rel="{{ name }}" href="{{ file }}" sizes="{{ size }}"/>
        {% endfor %}
    {% endif %}

    {% if comment_system == 'facebook' %}
        <meta property="fb:app_id" content="{{ comment_system_id }}">
    {% endif %}

    {{ mathjax_config }}
    {% if use_cdn %}
        <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    {% else %}
        <!--[if lt IE 9]><script src="/assets/js/html5.js"></script><![endif]-->
    {% endif %}

    {{ extra_head_data }}
{% endmacro %}

{% macro html_stylesheets() %}
    {% if use_bundles %}
        {% if use_cdn %}
            <link href='//fonts.googleapis.com/css?family=Bitter:400,400italic,700' rel='stylesheet' type='text/css'>
            <link href="/assets/css/all.css" rel="stylesheet" type="text/css">
        {% else %}
            <link href="/assets/css/all-nocdn.css" rel="stylesheet" type="text/css">
        {% endif %}
    {% else %}
        {% if use_cdn %}
            <link href='//fonts.googleapis.com/css?family=Bitter:400,400italic,700' rel='stylesheet' type='text/css'>
        {% else %}
            <link href="/assets/css/bitter.css" rel="stylesheet" type="text/css">
        {% endif %}
        <link href="/assets/css/main.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/rst.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/code.css" rel="stylesheet" type="text/css">
        {% if has_custom_css %}
            <link href="/assets/css/custom.css" rel="stylesheet" type="text/css">
        {% endif %}
    {% endif %}
    {% if annotations and post and not post.meta('noannotations') %}
        {{ notes.css() }}
    {% elif not annotations and post and post.meta('annotations') %}
        {{ notes.css() }}
    {% endif %}
{% endmacro %}

{% macro late_load_js() %}
    {% if use_bundles %}
        {% if use_cdn %}
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
            <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.1.0/jquery.timeago.min.js"></script>
        {% else %}
            <script src="/assets/js/all-nocdn.js" type="text/javascript"></script>
        {% endif %}
    {% else %}
        {% if use_cdn %}
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
            <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.1.0/jquery.timeago.min.js"></script>
        {% else %}
            <script src="/assets/js/jquery-1.10.2.min.js" type="text/javascript"></script>
            <script src="/assets/js/jquery.timeago.js" type="text/javascript"></script>
        {% endif %}
    {% endif %}
    {{ social_buttons_code }}
{% endmacro %}

{% macro html_feedlinks() %}
    {% if rss_link %}
        {{ rss_link }}
    {% elif generate_rss %}
        {% if translations|length > 1 %}
            {% for language in translations %}
                <link rel="alternate" type="application/rss+xml" title="RSS ({{ language }})" href="{{ _link('rss', None, language) }}">
            {% endfor %}
        {% else %}
            <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ _link('rss', None) }}">
        {% endif %}
    {% endif %}
{% endmacro %}

{% macro html_navigation_links() %}
    {% for url, text, icon in navigation_links[lang] %}
        {% if rel_link(permalink, url) == "#" %}
            <li><a href="{{ url }}" title="{{ text }}"><i class="{{ icon }}"></i></a></li>
        {% else %}
            <li><a href="{{ url }}" title="{{ text }}"><i class="{{ icon }}"></i></a></li>
        {% endif %}
    {% endfor %}
{% endmacro %}

{% macro html_tags(post) %}
    {% if post.tags %}
        <div itemprop="keywords" class="tags">
        <ul>
        {{ messages("Tags") }}&nbsp;:&nbsp;
        {% for tag in post.tags %}
           <li><a class="tag p-category" href="{{ _link('tag', tag) }}" rel="tag">{{ tag }}</a></li>
        {% endfor %}
        </ul>
        </div>
    {% endif %}
{% endmacro %}

{% macro html_title() %}
{% if title and not post.meta('hidetitle') %}
    <h1 class="p-name entry-title" itemprop="headline name">{{ title|e }}</h1>
{% endif %}
{% endmacro %}

{% macro html_translations(post) %}
    {% if translations|length > 1 %}
            {% for langname in translations.keys() %}
                {% if langname != lang and post.is_translation_available(langname) %}
                <a href="{{ post.permalink(langname) }}" rel="alternate" hreflang="{{ langname }}">
                {{ messages("LANGUAGE", langname) }}</a>
                {% endif %}
            {% endfor %}
    {% endif %}
{% endmacro %}

{% macro html_sourcelink() %}
    {% if show_sourcelink %}
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="{{ post.source_link() }}" id="sourcelink">{{ messages("Source") }}</a>
    {% endif %}
{% endmacro %}
