initial

index.pug

@@ -0,0 +1,37 @@
+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 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
+                button.pagination.prev previous
+                button.pagination.start start again
+        script(type="module")
+            include script.js