doctype html
html
    head
        meta(http-equiv="content-type" content="text/html; charset=UTF-8")
        meta(name="viewport" content="width=device-width, initial-scale=1")

        title EEEE. // #{title}
        meta(name="description" content=description)

        link(rel='icon' type='image/png' sizes='32x32' href='/images/favicon-32x32.png')
        link(rel='icon' type='image/png' sizes='96x96' href='/images/favicon-96x96.png')
        link(rel='icon' type='image/png' sizes='16x16' href='/images/favicon-16x16.png')

        link(rel='stylesheet', href='/stylesheets/style.css')
        block head

    body.flex.flex-col.min-h-screen.bg-black.text-pink.font-mono.text-xl
        nav
            div(class="mx-auto px-5")
                div.relative.flex.items-center.justify-between.h-16
                    div.flex-shrink-0.flex.items-center
                        p.block.text-3xl.font-extra.font
                            a(href="/") EEEE.
                    
                    div(class="absolute inset-y-0 right-0 flex items-center")    
                        button(type="button" class="inline-flex items-center justify-center rounded-md text-pink hover:text-green" aria-controls="mobile-menu" aria-expanded="false")
                            span.sr-only Open main menu

                            svg(class="block h-9 w-9" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true")
                                path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16")

                            svg(class="hidden h-9 w-9" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true")
                                path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12")


            div(class="hidden" id="menu")
                block nav-links

        main.flex.flex-grow.items-stretch
            div(class="flex flex-grow max-w-5xl mx-auto px-5")
                block content

        footer.w-full.text-center.p-4.text-base
            p.font-mono © 2020 |
                |
                |
                a(href="/") EEEE.

        script(src="/javascript/jquery-3.5.1.min.js")
        script(src="/javascript/nav.js")
        block scripts