doctype html
html(lang="en-gb")
    head
        meta(charset="utf-8")
        title tiles to bitsy
        link(rel="stylesheet" href="style.css")
    body
        h1 tiles to bitsy
        p import 8x8 tile sheets into your Bitsy games
        .pages
            .page#start
                button.normal.pagination.next#new create a new bitsy game
                button.normal.pagination.next#load load an existing bitsy game
            .page.game-data
                h2 game data
                input#game(type="file")
                br
                textarea#game-data(placeholder="Paste your game data here or use the file chooser button above")
                button.pagination.prev previous
                button.pagination.next#game-data-next(disabled=true) next
            .page.image
                h2 image
                .image-container
                    input#image(type="file")
                    img#preview
                input#prefix(type="text" placeholder="tile name prefix, e.g. 'forest'")
                button.pagination.prev previous
                button.pagination.next#import next
            .page.download
                h2 download
                textarea#output
                br
                //-
                    button#download download
                button.pagination.prev#add add another image
                button.pagination.start#reset start again
        script(type="module")
            include script.js