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

rearrange things

This commit is contained in:
synth-ruiner 2017-12-23 23:34:17 +00:00
parent 9fae03960c
commit 3425659d70
4 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
includes/style.css
View File

@ -54,7 +54,7 @@ table th {
textarea { textarea {
height: 256px; height: 256px;
width: 256px; width: 256px;
margin: 1em; margin: 0 1em;
font-family: monospace; font-family: monospace;
} }
textarea, textarea,
@ -64,6 +64,9 @@ input {
.centre { .centre {
margin: 0 auto; margin: 0 auto;
} }
.croppie-container {
height: auto;
}
.section { .section {
width: 20vw; width: 20vw;
height: 20vw; height: 20vw;

6
includes/style.less
View File

@ -68,7 +68,7 @@ table {
textarea { textarea {
height: 256px; height: 256px;
width: 256px; width: 256px;
margin: 1em; margin: 0 1em;
font-family: monospace; font-family: monospace;
} }
@ -81,6 +81,10 @@ textarea, input {
margin: 0 auto; margin: 0 auto;
} }
.croppie-container {
height: auto;
}
// make this just for desktop view? // make this just for desktop view?
// put sections in a single column on mobile/etc? // put sections in a single column on mobile/etc?
.section { .section {

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><!-- 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><p><a href="https://github.com/synth-ruiner/bitsy-image-to-room">about</a> | please contact me if you have any issues: <a href="https://twitter.com/synth_ruiner">twitter</a> | <a href="mailto:max@tinybird.info">email</a></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 <a href="https://ledoux.itch.io/bitsy">bitsy </a> room</p><p><a href="https://github.com/synth-ruiner/bitsy-image-to-room">about</a> | please contact me if you have any issues: <a href="https://twitter.com/synth_ruiner">twitter</a>, <a href="mailto:max@tinybird.info">email</a></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><input id="roomName" type="text" placeholder="room name"><button id="save">write to game data</button></div></body></html> 42</textarea></div><div class="section" id="image"><h2>image</h2><div id="croppie"></div><input id="imageUpload" type="file" accepts="image/*"></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>

8
index.pug
View File

@ -24,7 +24,7 @@ html
a(href="https://github.com/synth-ruiner/bitsy-image-to-room") about a(href="https://github.com/synth-ruiner/bitsy-image-to-room") about
| | please contact me if you have any issues: | | please contact me if you have any issues:
a(href="https://twitter.com/synth_ruiner") twitter a(href="https://twitter.com/synth_ruiner") twitter
| | | ,
a(href="mailto:max@tinybird.info") email a(href="mailto:max@tinybird.info") email
#game-data.section #game-data.section
@ -38,10 +38,10 @@ html
#image.section #image.section
h2 image h2 image
input#imageUpload(type="file" accepts="image/*")
#croppie #croppie
input#imageUpload(type="file" accepts="image/*")
#palette.section #palette.section
h2 palette h2 palette
@ -75,7 +75,7 @@ html
button#save write to game data button#save write to game data
//- //- to do
input#threshold(type="range" min=0 max=64) input#threshold(type="range" min=0 max=64)
br br
label(for="threshold") label(for="threshold")