doctype html

html(lang="en-gb")
    head
        meta(charset="utf-8")
        title endless mines
        style
            include includes/style.css
    body
        #stats
            #score Score: 0
            #mines Mines left: 0
            button.reset reset

        #game

        #gameOver
            h1 game over

            table
                thead
                    tr
                        th score
                        th personal best
                tbody
                    tr
                        td.score
                        td.hiscore

            #cracktro
                include GREETZ.nfo

            .centre
                form(action="https:// twitter.com/synth_ruiner" target="_blank")
                    button.twitter say hi

            .centre
                button play again

        #setup
            h1 endless mines

            p.subtitle ruin, 2015
            
            p.
                <strong>left click</strong> or <strong>tap</strong> to clear a tile. <br>
                <strong>right click</strong> or <strong>hold</strong> to flag a mine. <br>
                rows and columns with <strong>exploded mines</strong> cannot be cleared.

            h2 Start game

            .centre
                button.start.easy easy
                button.start.normal normal
                button.start.hard hard
            
            .centre
                button.tutorial tutorial
                button.cancel cancel

        #tutorial
            include includes/tutorial

        script
            include includes/jquery-3.5.1.min.js
        script
            include includes/script.js