{% extends "base.html" %}
{% block title %}
{{page.title}}
{% endblock title %}

{% block head %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"
    integrity="sha512-Oy18vBnbSJkXTndr2n6lDMO5NN31UljR8e/ICzVPrGpSud4Gkckb8yUpqhKuUNoE+o9gAb4O/rAxxw1ojyUVzg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

{{ super() }}

{% if page.extra.uses_katex %}
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML' async></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], displayMath: [ ['$$','$$'], ['\[','\]'] ]}});
</script>
{% endif %}

<meta property="og:title" content="{{page.title}} - Evan Pratten" />
<meta property="og:type" content="article" />
{% if page.description %}
<meta property="og:description" content="{{page.description}}" />
<meta property="description" content="{{page.description}}" />
{% else %}
<meta property="og:description" content="{{config.description}}" />
<meta property="description" content="{{config.description}}" />
{% endif %}
<meta property="article:published_time" content="{{page.date}}T00:00:00+00:00" />

{# Handle article listing #}
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "{{page.title}}",
      "datePublished": "{{page.date}}T00:00:00+00:00",
      "author": [{
          "@type": "Person",
          "name": "Evan Pratten",
          "url": "https://va3zza.com"
        }]
    }
</script>
{% endblock head %}

{% block profile %}
<div class="row">
    <div class="headshot-container">
        <img src="{{config.extra.profile_photo}}" alt="Headshot" style="height:50px;width:auto;">
    </div>
    <div class="text-container">
        <h1>{{config.extra.name}}</h1>
        <p>
            {{config.extra.profession}}
        </p>
    </div>
</div>
{% endblock profile %}

{% block content %}
<br><br>
<article class="markdown-body">
    <h1>{{page.title}}</h1>
    <div style="text-align: justify;">
        {{page.content | safe}}
    </div>

    {# Comments only on blog posts #}
    {% if page.description and page.date %}
    <br>
    <hr>
    <script src="https://utteranc.es/client.js" repo="ewpratten/va3zza.com" issue-term="title" label="comment"
        theme="github-light" crossorigin="anonymous" async>
        </script>
    {% endif %}

</article>

{% if page.extra.uses_twitter %}
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
{% endif %}
{% endblock content %}