max
/
pixsy
1
0
Fork 0
Code Issues 8 Pull Requests Releases Wiki Activity

re-style output bit

This commit is contained in:
synth-ruiner 2017-12-23 20:41:40 +00:00
parent 45e87db99b
commit b2f1c6e5aa
4 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
includes/style.css
View File

@ -28,6 +28,13 @@ input[type="color"] {
input[type="color"][disabled] { input[type="color"][disabled] {
opacity: 0.5; opacity: 0.5;
} }
input[type="text"],
button {
width: 14em;
margin: 1em;
padding: 0.25em;
font-size: 1em;
}
table { table {
margin: 0 auto; margin: 0 auto;
} }
@ -78,3 +85,6 @@ input {
margin: 0 auto; margin: 0 auto;
width: 256px; width: 256px;
} }
#save {
margin-top: 0;
}

11
includes/style.less
View File

@ -37,6 +37,13 @@ input[type="color"] {
background: none; background: none;
} }
input[type="text"], button {
width: 14em;
margin: 1em;
padding: 0.25em;
font-size: 1em;
}
table { table {
margin: 0 auto; margin: 0 auto;
@ -97,4 +104,8 @@ textarea, input {
.centre; .centre;
width: 256px; width: 256px;
}
#save {
margin-top: 0;
} }

4
index.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><!-- lodash--><script src="includes/lodash.min.js"></script><!-- jquery--><script src="includes/jquery.min.js"></script><!-- croppie--><link rel="stylesheet" href="includes/croppie.css"><script src="includes/croppie.js"></script><link rel="stylesheet" type="text/css" href="includes/style.css"><script src="includes/script.js"></script></head><body><h1>image-to-bitsy</h1><p>convert any image to a bitsy room</p><div class="section" id="game-data"><h2>game data</h2><textarea id="bitsy-data" placeholder="Bitsy data or html">default game data <!DOCTYPE html><html><head><!-- lodash--><script src="includes/lodash.min.js"></script><!-- jquery--><script src="includes/jquery.min.js"></script><!-- croppie--><link rel="stylesheet" href="includes/croppie.css"><script src="includes/croppie.js"></script><!-- main stuff--><link rel="stylesheet" type="text/css" href="includes/style.css"><script src="includes/script.js"></script></head><body><h1>image-to-bitsy</h1><p>convert any image to a bitsy room</p><div class="section" id="game-data"><h2>game data</h2><textarea id="bitsy-data" placeholder="Bitsy data or html">default game data
# BITSY VERSION 4.5 # BITSY VERSION 4.5
@ -5229,4 +5229,4 @@ DLG ITM_0
You found a nice warm cup of tea You found a nice warm cup of tea
VAR a VAR a
42</textarea></div><div class="section" id="image"><h2>image</h2><input id="imageUpload" type="file" accepts="image/*"><div id="croppie"></div></div><div class="section" id="palette"><h2>palette</h2><form id="palettes"><table><tbody></tbody></table></form></div><div class="section" id="crop"><h2>preview</h2><canvas id="preview" width="128" height="128"></canvas><input id="brightness" type="range" min="-255" max="255" value="0"><label for="brightness">brightness</label></div><div class="section" id="output"><h2>output</h2><canvas id="room-output" width="128" height="128"></canvas></div></body></html> 42</textarea></div><div class="section" id="image"><h2>image</h2><input id="imageUpload" type="file" accepts="image/*"><div id="croppie"></div></div><div class="section" id="palette"><h2>palette</h2><form id="palettes"><table><tbody></tbody></table></form></div><div class="section" id="crop"><h2>preview</h2><canvas id="preview" width="128" height="128"></canvas><input id="brightness" type="range" min="-255" max="255" value="0"><label for="brightness">brightness</label></div><div class="section" id="output"><h2>output</h2><canvas id="room-output" width="128" height="128"></canvas><input id="roomName" type="text" placeholder="room name"><button id="save">write to game data</button></div></body></html>

14
index.pug
View File

@ -60,6 +60,10 @@ html
canvas#room-output(width=128, height=128) canvas#room-output(width=128, height=128)
input#roomName(type="text", placeholder="room name")
button#save write to game data
//- //-
input#threshold(type="range" min=0 max=64) input#threshold(type="range" min=0 max=64)
br br
@ -67,16 +71,6 @@ html
span.left use existing tiles span.left use existing tiles
span.right create new tiles span.right create new tiles
br
input#roomName(placeholder="room name")
br
button#save Save
br
//-label favour broad strokes | favour details //-label favour broad strokes | favour details
br br