doctype html
html
    head
        title= title
        meta(name="viewport" content="width=device-width, initial-scale=1.0")
        link(rel="stylesheet" href="/stylesheets/style.css")
        link(rel="stylesheet" href="/stylesheets/game.css")
        if csrf_token 
            meta(name="csrf-token" content=csrf_token)
    body
        .flex.flex-col.min-h-screen
            .flex-1.p-5
                nav(role="navigation")
                    - var i18n_prefix = locale ? '/' + locale : ''
                    ul.flex.flex-row.text-center.justify-evenly
                        li
                            a(href=`${i18n_prefix}/` title=__('Play the quizz')) #{ __('Game') }
                        li
                            a(href=`${i18n_prefix}/about` title=__('About this game')) #{ __('About') }
                        include lang.pug
                header
                    h1= title
                main 
                    block content
            footer.w-full.bg-black.text-white.text-center.p-5
                .description 
                .copyright  
                    a(href="https://www.gnu.org/licenses/agpl-3.0.en.html") 🄯
                    | 2022 - by
                    span.author 
                        a(href="https://samuel.ortion.fr" class="link") Samuel Ortion
        script(src="/javascripts/app.js" type="module")
        script(src="/dist/feather/feather.min.js") 
        script(src="/javascripts/lang.js")