<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">

    <link rel="shortcut icon" href="/images/favicon.ico">

    <title>{% block title %}{% endblock %} | Nathan Chapman</title>

    <meta name="author" content="Nathan Chapman">
    <meta content="Custom websites and web applications. Stand out from the crowd with a custom built website, just the way you want it." name="description">
    <meta content="websites, web design, custom, simple, fast, clean, html, css, javascript, designer, writer" name="keywords">

    <link href="/styles/normalize.css" rel="stylesheet">
    <link href="/styles/main.css?v=3" rel="stylesheet">

    <script type="module" src="/scripts/index.js" defer></script>
</head>
<body>
<header>
    <h1>Nathan Chapman</h1>
    <p><em>Web designer and developer</em></p>
    <nav>
        {% include "partials/_nav.html" %}
    </nav>
</header>

<main>
    {% block main %}
    {% endblock %}
</main>

<button id="to-top-button" class="button" title="Go to top">↑</button>

<footer>
    <section id="contact">
        <h5>Want to work with me?</h5>
        <p><a href="mailto:contact@nathanjchapman.com">Email me</a> and let's start a conversation.</p>
    </section>
    <section>
        <p>
            {% include "partials/_nav.html" %}
        </p>
        <p><small>Copyright &copy;<span id="year"></span> Nathan Chapman. All rights reserved.</small></p>
    </section>
</footer>
</body>
</html>
