forked from varia/varia.website
96 lines
3.2 KiB
HTML
96 lines
3.2 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block head %}
|
|
{{ super() }}
|
|
{% if article.description %}
|
|
<meta name="description" content="{{article.description}}" />
|
|
{% endif %}
|
|
|
|
{% if article.tags or article.category or article.keywords %}
|
|
<meta name="keywords" content="{{ [article.tags|join(', '), article.category, article.keywords]|join(', ') }}" />
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<header id="banner">
|
|
{% for p in pages %}
|
|
{% if p.title == 'header' %}
|
|
<div id="title">{{ p.content }}</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</header>
|
|
|
|
<section id="content" class="body h-entry">
|
|
<div class="entry-title p-name">
|
|
{{ article.title }}
|
|
</div>
|
|
<div class="article-info">
|
|
<div class="featured-image u-photo">
|
|
{% if article.featured_image %}
|
|
{% set thumb_size ='/thumb'%}
|
|
<a href="{{ article.featured_image }}">
|
|
{% if article.featured_image.endswith('.gif') %}
|
|
{% set thumb_size =''%}
|
|
{% endif %}
|
|
<img src="{{ article.featured_image | replace('images','images'+thumb_size) }}">
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="event-details">
|
|
{% if article.event_start %}
|
|
<div>{{ article.event_start }}</div>
|
|
{% else %}
|
|
<div>Published: {{ article.date | strftime('%d %B %Y') }}</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="post-info">
|
|
<a style="visibility:hidden;" rel="author" class="p-author h-card">{{article.author}}</a>
|
|
<time class="dt-published" datetime="{{article.date}}"></time>
|
|
<a class="u-url" href="{{article.url}}"></a>
|
|
{% if article.category %}
|
|
<div class="categories">
|
|
<span itemprop="articleSection">
|
|
<a href="{{ article.category.url }}" rel="category">{{ article.category }}</a>
|
|
</span>
|
|
</div>
|
|
{% endif %}
|
|
{% if article.translations %}
|
|
<span class="article-translation">
|
|
{% for translation in article.translations %}
|
|
{% if translation.lang == 'nl' %}<a href="{{ translation.url }}">Lees dit artikel in het Nederlands</a>
|
|
{% endif %}
|
|
{% if translation.lang == 'en' %}<a href="{{ translation.url }}">Read this article in English</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</span>
|
|
{% endif %}
|
|
{% if article.tags %}
|
|
<span class="tags">
|
|
relating to {% for tag in article.tags %}
|
|
<span itemprop="keywords">
|
|
<a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
|
|
</span> {% endfor %}
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="entry-content-container">
|
|
<div class="entry-content e-content">
|
|
{{ article.content }}
|
|
<div class="separator"><hr></div>
|
|
</div><!-- /.entry-content -->
|
|
</div><!-- /.entry-content-container -->
|
|
</section>
|
|
<script type="text/javascript">
|
|
var footnotes = document.querySelectorAll('[id^="fnref-"]');
|
|
for(var i in footnotes){
|
|
if(i < footnotes.length){
|
|
console.log(footnotes[i]);
|
|
var id = footnotes[i].id.replace('fnref-','fn-');
|
|
footnotes[i].innerHTML = footnotes[i].innerHTML + '<span>['+ parseInt(Number(i)+1) + '] '+ document.getElementById(id).innerHTML +'</span>';
|
|
}
|
|
}
|
|
document.getElementsByClassName('footnote')[0].remove();
|
|
</script>
|
|
{% endblock %}
|