personal-site/themes/lite/templates/article.html

57 lines
818 B
HTML

{% extends "base.html" %}
{% block style %}
.summary {
font-style: italic;
}
.metadata {
color: #555;
}
pre {
font-size: 0.9rem;
line-height: 1.2;
padding: 1rem;
overflow-x: auto;
background-color: #ddd;
}
:not(pre)>code {
padding: 0 2px;
font-size: 0.8rem;
background-color: #ddd;
}
.aside {
display: inline;
float: left;
position: relative;
width: 8rem;
margin-left: -9rem;
font-size: 0.9rem;
}
img {
width: 100%;
height: auto;
}
{% endblock %}
{% block content %}
<h2>{{ article.title }}</h2>
<header>
<div class="summary">
{{ article.summary }}
</div>
<p class="metadata">
{{ article.locale_date }}
{% if article.modified %}
— updated {{ article.locale_modified }}
{% endif %}
</p>
</header>
<hr />
<article>
{{ article.content }}
</article>
{% endblock %}