{% extends "base.html" %}
{% block meta %}
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>{{ article.title|striptags }} | t0.vc</title>
		<meta charset=UTF-8>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		{% 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 style %}


		<style>
			a.external {
				background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
				background-position: center right;
				background-repeat: no-repeat;
				padding-right: 15px;
			}
			.toclink:not(:hover) {
				text-decoration: none;
				outline: none;
			}
			.content {
				max-width: 600px;
				line-height: 1.4;
			}
			.toclink {
				color: black;
			}
			.highlight > pre {
				margin: 0;
				padding: 0.5rem;
				overflow-x: auto;
				background-color: #eee;
			}
			:not(pre)>code {
				padding: 0 2px;
				font-size: 0.8rem;
				background-color: #eee;
			}
			.aside {
				display: none;
			}
			.toc {
				display: none;
			}
			img:not(.floated) {
				width: 600px;
				max-width: 100%;
				height: auto;
			}
			.floated {
				float: left;
				margin-right: 1rem;
			}
		</style>
	</head>
	{% endblock %}

	{% block content %}
	<body>
		<div class="content">
			<p>← <a href="/">Return Home</a></p>
			<h1>{{ article.title }}</h1>
			{{ article.summary }}
			{{ article.locale_date }}
			<hr />
			{{ article.content }}
		</div>
	</body>
</html>
{% endblock %}