tilesy/index.pug

69 lines
2.6 KiB
Plaintext
Raw Normal View History

2020-07-18 20:47:04 +00:00
doctype html
html(lang="en-gb")
head
meta(charset="utf-8")
2020-07-20 16:23:41 +00:00
title tilesy
link(rel="stylesheet" href="includes/style.css")
2020-07-18 20:47:04 +00:00
body
2020-07-20 16:23:41 +00:00
h1
2020-07-21 19:23:30 +00:00
img(alt="tilesy" src="includes/tilesy.png")
2020-07-20 16:23:41 +00:00
p
2020-07-20 16:28:39 +00:00
span.background import 8×8 tile sheets into Bitsy games
2020-07-18 20:47:04 +00:00
.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
2020-07-20 16:44:04 +00:00
input#game(type="file" autocomplete="off")
2020-07-18 20:47:04 +00:00
br
2020-07-20 16:44:04 +00:00
textarea#game-data(
placeholder="Paste your game data here or use the file chooser button above"
autocomplete="off"
)
2020-07-18 20:47:04 +00:00
button.pagination.prev previous
button.pagination.next#game-data-next(disabled=true) next
2020-07-18 20:47:04 +00:00
.page.image
h2 image
.image-container
2020-07-20 16:44:04 +00:00
input#image(type="file" autocomplete="off")
2020-07-18 20:47:04 +00:00
img#preview
2020-07-20 15:41:45 +00:00
button.pagination.prev previous
button.pagination.next next
.page.extras
h2 tiles
label
2020-07-21 19:23:30 +00:00
| tile name (optional)
2020-07-20 16:44:04 +00:00
input#prefix(type="text" placeholder="e.g. 'forest'" autocomplete="off")
2020-07-20 15:41:45 +00:00
h3 create alternate versions
.checkboxes
label
input(type="checkbox")#invert
| inverted
label
input(type="checkbox")#flip
| flipped
label
input(type="checkbox")#mirror
| mirrored
label
input(type="checkbox")#rotate
| rotated
p.
2020-07-20 16:44:04 +00:00
some tile sheets assume you will be able to flip and rotate their tiles.
2020-07-20 16:23:41 +00:00
Bitsy does not allow this, so it may be easier
2020-07-20 16:33:44 +00:00
to generate these alternate versions here.
2020-07-21 19:23:30 +00:00
2020-07-20 17:57:24 +00:00
button.pagination.prev#back-to-image previous
2020-07-18 20:47:04 +00:00
button.pagination.next#import next
.page.download
h2 download
2020-07-20 16:44:04 +00:00
textarea#output(autocomplete="off")
2020-07-18 20:47:04 +00:00
br
2020-07-19 23:18:06 +00:00
button#download download
button.pagination.prev#add add another image
button.pagination.start#reset start again
2020-07-18 20:47:04 +00:00
script(type="module")
include script.js