## -*- coding: utf-8 -*-
<%namespace name="helper" file="index_helper.tmpl"/>
<%namespace name="comments" file="comments_helper.tmpl"/>
<%inherit file="base.tmpl"/>

<%block name="extra_head">
    ${parent.extra_head()}
    % if posts and (permalink == '/' or permalink == '/' + index_file):
        <link rel="prefetch" href="${posts[0].permalink()}" type="text/html">
    % endif
</%block>

<%block name="content">
<%block name="content_header"></%block>
% if 'main_index' in pagekind:
    ${front_index_header}
% endif
<div class="postindex">
% for post in posts:
    <article class="h-entry post-${post.meta('type')}">
    <header>
        <h1 class="p-name entry-title"><a href="${post.meta('link')}" class="u-url">${post.title()|h}</a></h1>
        <div class="metadata">
            <p class="dateline"><a href="${post.permalink()}" rel="bookmark"><time class="published dt-published" datetime="${post.formatted_date('webiso')}" title="${post.formatted_date(date_format)|h}">${post.formatted_date(date_format)|h}</time></a></p>  
	    <p><a href="mailto:?subject=I saw this and thought of you!&body=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'email', 'share', ${post.meta('link')}); return true;">Email this article</a></p>
	    <p><a href="https://twitter.com/share?url=${post.permalink()});text=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'Twitter', 'tweet', ${post.permalink()}); return true;" target="_blank">Tweet this article</a></p> 
           % if not post.meta('nocomments') and site_has_comments:
                <p class="commentline">${comments.comment_link(post.permalink(), post._base_path)}
            % endif
        </div>
    </header>
    %if index_teasers:
    <div class="p-summary entry-summary">
    ${post.text(teaser_only=True)}
    %else:
    <div class="e-content entry-content">
    ${post.text(teaser_only=False)}
    %endif
    % if post.tags:
	<div id="index-tags"
        <ul class="tags">
		Tagged:
            %for tag in post.tags:
                <li class="tag"><a href="${_link('tag', tag, lang)}">${tag}</a></li>          
            %endfor
        </ul>
	</div>
    % endif
    </div>
    </article>
% endfor
</div>
${helper.html_pager()}
${comments.comment_link_script()}
${helper.mathjax_script(posts)}
</%block>