44 lines
1.6 KiB
HTML
44 lines
1.6 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ page.title }} | {{ config.title }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<article class="bg-white shadow overflow-hidden sm:rounded-lg">
|
|
<div class="px-4 py-5 sm:px-6">
|
|
<h1 class="text-3xl font-bold text-gray-900">
|
|
{{ page.title }}
|
|
</h1>
|
|
{% if page.date %}
|
|
<div class="mt-2 flex items-center text-sm text-gray-500">
|
|
<time datetime="{{ page.date }}">{{ page.date | date(format="%B %e, %Y") }}</time>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="border-t border-gray-200">
|
|
<div class="px-4 py-5 sm:p-6">
|
|
<div class="prose prose-indigo lg:prose-xl max-w-none">
|
|
{{ page.content | safe }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<div class="mt-8 flex justify-between">
|
|
{% if page.earlier %}
|
|
<a href="{{ page.earlier.permalink }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
|
← {{ page.earlier.title }}
|
|
</a>
|
|
{% else %}
|
|
<div></div>
|
|
{% endif %}
|
|
|
|
{% if page.later %}
|
|
<a href="{{ page.later.permalink }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
|
{{ page.later.title }} →
|
|
</a>
|
|
{% else %}
|
|
<div></div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|