pelican-mg/templates/article.html

83 lines
4.4 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ article.title|striptags }}{% endblock %}
{% block description %}{{ article.summary|striptags|e }}{% endblock %}
{% block seo %}
<meta property="og:title" content="{{ article.title|capitalize }}" >
<meta property="og:type" content="article" >
<meta property="og:url" content="{{ SITEURL }}/{{ article.url }}" >
<meta name="twitter:title" content="{{ article.title|capitalize }}" >
<meta name="twitter:url" content="{{ SITEURL }}/{{ article.url }}" >
<meta itemprop="url" content="{{ SITEURL }}/{{ article.url }}" >
{% if article.summary %}
<meta property="og:description" content="{{ article.summary|striptags|escape }}" >
<meta name="twitter:description" content="{{ article.summary|striptags|escape }}" >
{% endif %}
{% if article.date %}
<meta property="og:article:published_time" content="{{ article.date.strftime('%Y-%m-%d') }}" >
{% endif %}
{% if article.modified %}
<meta property="og:article:modified_time" content="{{ article.modified.strftime('%Y-%m-%d') }}">
<meta itemprop="dateModified" content="{{ article.date.strftime('%Y-%m-%d') }}" >
{% endif %}
{% if article.author %}
<meta property="og:article:author" content="{{ article.author }}" >
{% endif %}
{% for tag in article.tags %}
<meta property="og:article:tag" content="{{ tag }}">
{% endfor %}
{% if article.image %}
<meta property="og:image" content="{{ article.image }}" >
<meta name="twitter:image" content="{{ article.image }}" >
<meta itemprop="image" content="{{ article.image }}">
{% elif META_IMAGE %}
<meta property="og:image" content="{{ META_IMAGE }}" >
<meta property="og:image:type" content="{{ META_IMAGE_TYPE }}" >
<meta name="twitter:image" content="{{ META_IMAGE }}" >
<meta itemprop="image" content="{{ META_IMAGE }}" >
{% endif %}
{% endblock %}
{% block content %}
<div class="uk-width-4-5@m">
<article class="uk-article">
<h1 class="uk-heading-primary uk-article-title" itemprop="name">{{ article.title }}</h1>
<p class="uk-article-meta">
<time datetime="{{ article.date.strftime('%Y-%m-%d') }}" itemprop="datePublished">{{ article.locale_date }}</time>
{% if CATEGORY_SAVE_AS %}<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>{% endif %}
{% if DISQUS_SITENAME %}, <br class="uk-visible@s"><i class="fas fa-comments"></i> <a href="{{ SITEURL }}/{{ article.url }}#disqus_thread" itemprop="discussionUrl"></a>{% endif %}
</p>
{% if SHARE %}
<a href="https://www.facebook.com/sharer/sharer.php?u={{ SITEURL }}/{{ article.url }}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" class="uk-button uk-button-default uk-visible@s"><i class="fab fa-facebook-square"></i> Share</a>
<a href="https://twitter.com/intent/tweet?text={{ article.title|striptags|urlencode }}&url={{ SITEURL }}/{{ article.url }}&via={{ TWITTER_USERNAME }}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="uk-button uk-button-default uk-visible@s" target="_blank"><i class="fab fa-twitter-square"></i> Tweet</a>
{% endif %}
{% if not MG_DISABLE_SUMMARY %}<p class="uk-text-lead" itemprop="description">{{ article.summary|striptags }}</p>{% endif %}
<section class="uk-article-content" itemprop="articleBody">{{ article.content }}</section>
{% include "partials/inline-tags.html" %}
<hr class="uk-divider-icon">
</article>
{% if DISQUS_SITENAME %}
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = '{{ DISQUS_SITENAME }}'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
{% endif %}
</div>
{% endblock %}