<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<div class="screen">
<!-- effects -->
{% include screen-effects.html %}
<div class="screen-content">
<style>
.meta {
font-size: .7rem;
font-weight: normal;
}
</style>
<!-- header -->
{% include header.html %}
<!-- nav -->
{% include nav.html %}
<!-- page content -->
<main class="content">
<p class="title">
{{page.title}} <span class="meta">{{ "Written By" | downcase }} {{page.author | downcase}}</span>
</p>
{{content}}
</main>
<!-- footer -->
{% include footer.html %}
</div>
</div>
</body>
</html>