{% extends "base.html" %}
{% block title %}{{ article.title|striptags }} ★ {{ SITENAME }}{% endblock %}

{% block extra_meta %}

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

{% block content %}
	<article class="full">

		<h1>{{ article.title }}</h1>

		{% include 'metadata.inc.html' %}

		{{ article.content }}

	</article>

        <p>
          <!-- Twitter social -->
          <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-size="large">Tweet</a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

          <!-- Reddit social -->
          <a href="http://www.reddit.com/submit?url=unremediatedgender.space/{{ article.url }}&title={{ article.title }}" target="_blank" title="Submit to Reddit">
            <img alt="Submit to Reddit"
                 src="/theme/images/icons/reddit.svg" height="30px"/>
          </a>
        </p>
        <p>
          <a style="font-size: 80%;" href="http://unremediatedgender.space/source?p=Ultimately_Untrue_Thought.git;a=history;f=content/{{ article.date.year }}/{{ article.slug }}.md;hb=HEAD">(Post revision history)</a>
        </p>

        <p>Comments permit <a href="https://www.markdownguide.org/basic-syntax/#emphasis">Markdown</a> or HTML formatting.</p>
        <script data-isso="//unremediatedgender.space/isso"
                data-isso-reply-to-self="true"
                data-isso-require-author="true"
                data-isso-require-email="true"
                data-isso-feed="true" {# TODO: why doesn't the feed link work?! #}
                src="//unremediatedgender.space/isso/js/embed.min.js"></script>
        <section id="isso-thread"></section>

{% endblock %}