doctype html
html(lang=locale)
    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
                .menu.justify-between
                    nav(role="navigation").flex.flex-row
                        - var i18n_prefix = locale ? '/' + locale : ''
                        span.nav-item
                            a(href=`${i18n_prefix}/` title=__('Run a question')) #{ __('Game') }
                        span.nav-item 
                            a(href=`${i18n_prefix}/quizz`, title=__('Play a quizz')) #{ __('Quizz') }
                        span.nav-item
                            a(href=`${i18n_prefix}/about` title=__('About this game')) #{ __('About') }
                    include lang.pug
                header
                    h1= title
                main.flex-1 
                    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")