141 lines
5.1 KiB
HTML
141 lines
5.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block html_lang %}{{ article.lang }}{% endblock %}
|
|
|
|
{% block title %}{{ SITENAME }} - {{ article.title|striptags }}{% endblock %}
|
|
|
|
{% block head %}
|
|
{{ super() }}
|
|
|
|
{% import 'translations.html' as translations with context %}
|
|
{% if translations.entry_hreflang(article) %}
|
|
{{ translations.entry_hreflang(article) }}
|
|
{% endif %}
|
|
|
|
{% for tag in article.tags %}
|
|
<meta name="tags" content="{{ tag }}" />
|
|
{% endfor %}
|
|
{% if article.summary %}
|
|
<meta name="description" content="{{ article.summary|striptags }}">
|
|
{% else %}
|
|
<meta name="description" content="{{ article.title|striptags }}">
|
|
{% endif %}
|
|
|
|
<!-- Twitter Card Things-->
|
|
{% if article.photo_image %}
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
{% else %}
|
|
<meta name="twitter:card" content="summary" />
|
|
{% endif %}
|
|
|
|
{% if SOCIAL_TWIITER %}
|
|
<meta name="twitter:site" content="@{{ SOCIAL_TWIITER }}" />
|
|
{% endif %}
|
|
<meta property="twitter:domain" content="jeffmackinnon.com">
|
|
{% if article.summary %}
|
|
<meta name="twitter:description" content="{{ article.summary|striptags }}" />
|
|
{% else %}
|
|
<meta name="twitter:description" content="Read the full post at jeffmackinnon.com" />
|
|
{% endif %}
|
|
{% if article.photo_image %}
|
|
<meta name="twitter:image" content="{{ SITEURL }}/{{ article.photo_image[1] }}" />
|
|
{% endif %}
|
|
|
|
|
|
<!-- Open Graph Tags-->
|
|
<meta property="og:site_name" content="{{ SITENAME }}" />
|
|
<meta property="og:title" content="{{ article.title|striptags }}" />
|
|
<meta property="og:url" content="{{ SITEURL }}/{{ article.url }}" />
|
|
<meta property="og:type" content="website">
|
|
{% if article.photo_image %}
|
|
<meta property="og:image" content="{{ SITEURL }}/{{ article.photo_image[1] }}" />
|
|
{% endif %}
|
|
<meta property="og:description" content="{{ article.summary|striptags }}" />
|
|
|
|
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<section id="content" class="body">
|
|
<header>
|
|
<h1 class="entry-title">
|
|
<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
|
|
title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
|
|
{% import 'translations.html' as translations with context %}
|
|
{{ translations.translations_for(article) }}
|
|
Published: <time class="published" datetime="{{ article.date.isoformat() }}">
|
|
{{ article.locale_date }}
|
|
</time>
|
|
{% if article.modified %}
|
|
<br />Updated: <time class="modified" datetime="{{ article.modified.isoformat() }}">
|
|
{{ article.locale_modified }}
|
|
</time>
|
|
{% endif %}
|
|
{% if article.authors %}
|
|
<address class="vcard author">
|
|
By {% for author in article.authors %}
|
|
<a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
|
|
{% endfor %}
|
|
</address><br />
|
|
{% endif %}
|
|
<p class="share">Share this article on:
|
|
<span><a class="" href="https://twitter.com/intent/tweet?text={{ article.title|striptags }}&url={{ SITEURL }}/{{ article.url }}{% if SOCIAL_TWITTER %}&via={{ SOCIAL_TWITTER }}{% endif %}" target="_blank" title="Share on Twitter"><i class="fab fa-twitter"></i> Twitter</a></span>
|
|
<span><a class="" href="https://www.linkedin.com/sharing/share-offsite/?url={{ SITEURL }}/{{ article.url }}" target="_blank" title="Share via Linkedin"><i class="icon brands fa-linkedin"></i> Linkedin</a></span>
|
|
<span><a class="" href="mailto:?subject={{ article.title|striptags }}&body={{ article.summary|striptags }} - {{ SITEURL }}/{{ article.url }}" target="_blank" title="Share via Email"><i class="fas fa-envelope"></i> Email</a></span>
|
|
</p>
|
|
|
|
|
|
{% if article.photo_image %}
|
|
<img style="max-width:90%; display: block; margin: 0px auto;" src="{{ SITEURL }}/{{ article.photo_image[1] }}" />
|
|
<br /><br />
|
|
{% endif %}
|
|
|
|
</header>
|
|
<div class="entry-content">
|
|
{{ article.content }}
|
|
{% if article.photo_gallery %}
|
|
<div class="gallery"> <br /><br />
|
|
{% for title, gallery in article.photo_gallery %}
|
|
<h2>{{ title }}</h2>
|
|
{% for name, photo, thumb, exif, caption in gallery %}
|
|
<a href="{{ SITEURL }}/{{ photo }}" title="{{ name }}" exif="{{ exif }}" caption="{{ caption }}"><img src="{{ SITEURL }}/{{ thumb }}"></a>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{% endif %}
|
|
{% if article.series %}
|
|
<div class="post series">
|
|
<br /><br />
|
|
|
|
<p>This post is part {{ article.series.index }} of the "{{ article.series.name }}" series:</p>
|
|
<ol class="parts">
|
|
{% for part_article in article.series.all %}
|
|
<li {% if part_article == article %}class="active"{% endif %}>
|
|
<a href='{{ SITEURL }}/{{ part_article.url }}'>{{ part_article.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
|
|
<footer class="post-info">
|
|
{% if article.category %}
|
|
<div class="category">
|
|
Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
|
|
</div>
|
|
{% endif %}
|
|
{% if article.tags %}
|
|
<div class="tags">
|
|
Tags:
|
|
{% for tag in article.tags %}
|
|
<a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</footer><!-- /.post-info -->
|
|
</div><!-- /.entry-content -->
|
|
</section>
|
|
{% endblock %}
|