doctype html
html(lang="en-gb")
    head
        meta(content="text/html;charset=utf-8" http-equiv="Content-Type")
        title mixsy
        //- no favicon!! taken from: https://k1ss.org/blog/20191004a
        <link href=data:, rel=icon>
        style
            include style.css
    body
        #container.centre
            h1 mixsy
            p combine #[a(href="https://ledoux.itch.io/bitsy") bitsy] games
            .row.top
                #main.square.left
                    h2 main
                    textarea#a(placeholder="Paste your main game data here...")
                    p.result
                #additional.square.left
                    h2 additional
                    textarea#b(placeholder="Paste additional game data here...")
                    p.result
            .row.middle
                img.centre(src="merge.png" alt="")
                button#merge.centre mix!
            .row.bottom
                .square.centre
                    h2 output
                    textarea#c
        //- Note the usage of `type=module` here as this is an ES6 module -->
        script(type="module")
            include index.js