<!DOCTYPE html>
<html lang="{{language}}">

<head>
    {{> headMeta }}
    {{{ favicon }}}
    <title>{{ title }}</title>
    {{{ styles }}}
    {{{ scripts }}}
</head>

<body id="page-{{currentId}}">
    <!--- Page Header -->
    <header id="header">
        {{{ injectHtml.headerBefore }}}
        {{> projectTitle }}
        {{> headerNavigation }}
        {{> searchBlock }}
        {{{ injectHtml.headerAfter }}}
    </header>

    {{#if content}}
    <!--- Page Main section-->
    <main id="main">
        <div class="content">
            {{{ injectHtml.mainBefore }}}
            {{{ content }}}
            {{{ injectHtml.mainAfter }}}
        </div>
    </main>
    {{/if}}

    {{#if (or columns sections) }}

    <!--- Page Website section-->
    <main id="web">
        {{{ injectHtml.mainBefore }}}
        {{#if columns}}
        {{> columns columns=columns }}
        {{/if}}
        {{#if sections}}
        {{> sections sections=sections }}
        {{/if}}
        {{{ injectHtml.mainAfter }}}
    </main>
    {{/if}}

    <!--- Page Footer Content -->
    <footer id="footer">
        {{{ injectHtml.footerBefore }}}
        {{> footerNavigation }}
        {{#if package}}
        <footnote>
            {{#if package.name}}<span>&copy; {{package.name}}</span>{{/if}}
        </footnote>
        {{/if}}
        {{{ injectHtml.footerAfter }}}
    </footer>

</body>

{{> enhanceScripts }}

</html>