{% extends 'kjaymiller_com/components/_base.html' %}
{% block head %}
  <!-- Meta Card Tags-->
  {{super()}}
  {% include "kjaymiller_com/components/_og_card.html" %}
{% endblock %}
{% block content_body %} 
  <article class="tracking-wide prose md:prose-lg lg:prose-xl dark:prose-invert prose-slate">
    {% if image is defined %}
      <div class="feature-image overflow-hidden">
        <img src="{{image}}" class="max-h-72 rounded-lg shadow">
      </div>
    {% endif %}
    {% set page_title_class = ["title"] %}
    {% include 'components/page_title.html' %}  
    <div class="pt-1">
      {% if subtitle %}: {{subtitle}}{%endif%}
      <small class="column is-narrow">
      {{date | format_datetime}}
      </small>
      </div>

    <section class="section min-h-screen">
          {% if link %}<h4><strong>Source:</strong> <a href="{{link}}">{{link}}</a>
          <a href="{{link}}">🔗</a>{% endif %}
          </h4>
          <div class="content">
            {{content}}
          </div>
        </section>
	  </section>
      </article>
    <section class="my-4 border-t-2 border-gray-400">
      <div class="content p-2">
      <a href="/blog/blog1.html" class="subtitle is-5 text-link hover:underline font-bold">Back to
        Blogs...</a>
    </section>
{% endblock %}