personal-site/themes/theme/templates/article.html

{% extends "base.html" %}

{% block title %}{{ SITENAME }} - {{ article.title|striptags  }}{% endblock %}

{% block head %}
	{{ super() }}

	{% if article.date %}
		<meta name="date" content="{{article.date}}" />
	{% endif %}

	{% if article.summary %}
		<meta name="description" content="{{article.summary|striptags}}" />
		<meta name="summary" content="{{article.summary|striptags}}" />
	{% endif %}

	{% if article.category %}
		<meta name="category" content="{{article.category}}" />
	{% endif %}

	{% for tag in article.tags %}
		<meta name="tags" content="{{tag}}" />
	{% endfor %}

{% endblock %}

{% block info %}
	Tanner Collin
	<p class="contact-icons">
		<a href="mailto:site2@tannercollin.com" rel="noreferrer noopener"><img alt="email" src="/theme/mail.svg" width="20" height="20" /></a>
		<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram" src="/theme/telegram.svg" width="20" height="20" /></a>
		<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github" src="/theme/github.svg" width="20" height="20" /></a>
	</p>
	<p class='theme-select'>
		<a onClick="setTheme('light')">Light</a> / <a onClick="setTheme('dark')">Dark</a>
	</p>
{% endblock %}

{% block content %}

	{% if article.wide %}
		<div class="content content-wide">
	{% else %}
		<div class="content">
	{% endif %}

		<p><a href="/">← Return to Home</a></p>
		<header>
			<h1>{{ article.title }}</h1>
			<div class="summary">
				{{ article.summary }}
			</div>
			<p class="metadata">
				{{ article.locale_date }}
				{% if article.modified %}
					— updated {{ article.locale_modified }}
				{% endif %}
			</p>
		</header>
		<hr />
		<article>
			{{ article.content }}
		</article>
	</div>
{% endblock %}