doctype html
html
    head
        title iTender
        meta(name="viewport" content="width=device-width, initial-scale=1.0")
        link(rel='stylesheet', href='/stylesheets/reset.css')
        link(rel='stylesheet', href='/stylesheets/style.css')
        link(rel='preload' as='image' href='/static/shot.png')
        link(rel='preload' as='image' href='/static/small.png')
        link(rel='preload' as='image' href='/static/normal.png')
        link(rel='preload' as='image' href='/static/large.png')
        meta(charset="UTF-8")
    body
        div#blockPanel
        div.modal#modal
            div.modal-content#modal-content
                div.modalInnerContent#modalInnerContent

        div#overlay
            div#top
                span#left <strong>Status:</strong> <span id="status">...</span>
                span#title iTender
                span#right 00:00
            div#bottom
                div
                    button.btn#menuBtn Menü

                div#menuContainers
                    div.container(style="background-color:red")
                        span 3%
                    div.container
                        span 20%
                    div.container
                        span 100%
                    div.container
                        span 30%
                    div.container(style="background-color:#ef4f00")
                        span 12%
                    div.container
                        span 100%
                    div.container(style="background-color:grey")
                        span 0%
                    div.container(style="background-color:red")
                        span 3%


        div#container
            div.pane#main
                block main
            div.pane#setup
                block setup
            div.pane#menu
                block menu
            div.pane#settings
                block settings

        block extra
        script(src="/web.js")