<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<style>
.title {
padding: 10%;
color: #101417;
font-size: 18px;
font-weight: bold;
text-align: center;
background: #f78e66;
display: grid;
}
.meta {
font-size: .7rem;
font-weight: normal;
text-transform: uppercase;
}
</style>
<!-- header -->
{% include header.html %}
<!-- nav -->
{% include nav.html %}
<!-- page content -->
<main class="content">
<p class="title">
{{page.title}} <span class="meta">Written By {{page.author}}</span>
</p>
{{page.content}}
</main>
<!-- footer -->
{% include footer.html %}
</body>
</html>