2017-12-22 17:22:08 +00:00
|
|
|
doctype html
|
2020-10-30 17:50:03 +00:00
|
|
|
html(lang="en-gb")
|
2017-12-22 17:22:08 +00:00
|
|
|
head
|
2019-03-31 13:24:58 +00:00
|
|
|
meta(charset="utf-8")
|
2020-10-30 17:50:03 +00:00
|
|
|
title pixsy
|
|
|
|
|
link(rel="stylesheet" href="includes/style.css")
|
2020-11-05 09:52:14 +00:00
|
|
|
link(rel="stylesheet" href="includes/cropper.css")
|
|
|
|
|
script(src="includes/cropper.min.js")
|
2017-12-22 17:22:08 +00:00
|
|
|
body
|
2020-11-08 17:36:00 +00:00
|
|
|
header
|
|
|
|
|
h1
|
|
|
|
|
| pixsy
|
|
|
|
|
//img(alt="pixsy" src="includes/pixsy.png")
|
|
|
|
|
p.
|
|
|
|
|
convert images to Bitsy rooms
|
|
|
|
|
|
|
|
|
|
|
#[a(href="./old/") old version]
|
|
|
|
|
|
|
|
|
|
|
#[a(href="mailto:max@tinybird.info") email]
|
|
|
|
|
|
|
|
|
|
|
#[a(href="https://twitter.com/synth_ruiner") twitter]
|
2020-10-30 17:50:03 +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
|
2018-03-03 11:55:42 +00:00
|
|
|
h2 game data
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
input#game(type="file" autocomplete="off")
|
2018-03-03 12:49:15 +00:00
|
|
|
br
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
textarea#game-data(
|
|
|
|
|
placeholder="Paste your game data here or use the file chooser button above"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
)
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
button.pagination.prev previous
|
|
|
|
|
button.pagination.next#game-data-next(disabled=true) next
|
2020-11-08 15:32:18 +00:00
|
|
|
.page.image#page-image
|
2020-10-30 17:50:03 +00:00
|
|
|
h2 image
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
.image-container
|
2020-11-05 09:52:14 +00:00
|
|
|
input#image(type="file" accept="image/*")
|
|
|
|
|
#crop
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
button.pagination.prev previous
|
2020-11-05 18:48:22 +00:00
|
|
|
button.pagination.next#image-next(disabled=true) next
|
2020-11-08 15:32:18 +00:00
|
|
|
.page.room#page-room
|
2020-11-05 18:48:22 +00:00
|
|
|
h2 room
|
|
|
|
|
|
|
|
|
|
table
|
|
|
|
|
tbody
|
|
|
|
|
tr
|
|
|
|
|
td(style="width: 60%")
|
|
|
|
|
img#preview(alt="preview")
|
|
|
|
|
br
|
|
|
|
|
|
|
|
|
|
label
|
|
|
|
|
| brightness
|
2020-11-07 10:58:46 +00:00
|
|
|
input#brightness(type="range" min=-96 max=96 value=0)
|
|
|
|
|
td(style="vertical-align: top;")
|
2020-11-07 21:55:30 +00:00
|
|
|
label
|
|
|
|
|
| name (optional)
|
|
|
|
|
input#room-name(type="text" placeholder="e.g. 'bedroom'" autocomplete="off")
|
|
|
|
|
|
2020-11-05 18:48:22 +00:00
|
|
|
label
|
|
|
|
|
| palette
|
|
|
|
|
select#palette
|
|
|
|
|
|
2020-11-07 16:30:50 +00:00
|
|
|
#new-palette(style="display: none;")
|
|
|
|
|
.half
|
|
|
|
|
input#colour-background(type="color" value="#2f4ac9")
|
|
|
|
|
.half
|
|
|
|
|
input#colour-foreground(type="color" value="#8798fe")
|
|
|
|
|
|
2020-11-05 18:48:22 +00:00
|
|
|
label
|
2020-11-07 13:48:00 +00:00
|
|
|
input#dither(type="checkbox" checked=true)
|
2020-11-05 18:48:22 +00:00
|
|
|
| dither
|
|
|
|
|
br
|
|
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
button.pagination.prev#back-to-image previous
|
2020-11-08 11:23:37 +00:00
|
|
|
button.pagination.next#room-next add room
|
2020-10-30 17:50:03 +00:00
|
|
|
.page.download
|
2020-11-08 17:36:24 +00:00
|
|
|
p#added
|
|
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
h2 download
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
textarea#output(autocomplete="off")
|
2018-03-03 12:49:15 +00:00
|
|
|
br
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
button#download download
|
2020-11-05 18:48:22 +00:00
|
|
|
|
2020-10-30 17:50:03 +00:00
|
|
|
button.pagination.prev#add add another image
|
|
|
|
|
button.pagination.start#reset start again
|
|
|
|
|
script(type="module")
|
|
|
|
|
include script.js
|
