From 3425659d70e0aad4d4c837111c5b7df82a69b880 Mon Sep 17 00:00:00 2001
From: synth-ruiner <max@tx87.net>
Date: Sat, 23 Dec 2017 23:34:17 +0000
Subject: [PATCH] rearrange things

---
 includes/style.css  | 5 ++++-
 includes/style.less | 6 +++++-
 index.html          | 4 ++--
 index.pug           | 8 ++++----
 4 files changed, 15 insertions(+), 8 deletions(-)
diff --git a/includes/style.css b/includes/style.css
index 7ceeda0..327cd4f 100644
--- a/includes/style.css
+++ b/includes/style.css
@@ -54,7 +54,7 @@ table th {
 textarea {
   height: 256px;
   width: 256px;
-  margin: 1em;
+  margin: 0 1em;
   font-family: monospace;
 }
 textarea,
@@ -64,6 +64,9 @@ input {
 .centre {
   margin: 0 auto;
 }
+.croppie-container {
+  height: auto;
+}
 .section {
   width: 20vw;
   height: 20vw;
diff --git a/includes/style.less b/includes/style.less
index 5fc473e..c4dcc32 100644
--- a/includes/style.less
+++ b/includes/style.less
@@ -68,7 +68,7 @@ table {
 textarea {
     height: 256px;
     width: 256px;
-    margin: 1em;
+    margin: 0 1em;
 
     font-family: monospace;
 }
@@ -81,6 +81,10 @@ textarea, input {
     margin: 0 auto;
 }
 
+.croppie-container {
+    height: auto;
+}
+
 // make this just for desktop view?
 // put sections in a single column on mobile/etc?
 .section {
diff --git a/index.html b/index.html
index 96627af..97c9754 100644
--- a/index.html
+++ b/index.html
@@ -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
 
@@ -5229,4 +5229,4 @@ DLG ITM_0
 You found a nice warm cup of tea
 
 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>
\ No newline at end of file
+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>
\ No newline at end of file
diff --git a/index.pug b/index.pug
index c594cdb..2323e0e 100644
--- a/index.pug
+++ b/index.pug
@@ -24,7 +24,7 @@ html
             a(href="https://github.com/synth-ruiner/bitsy-image-to-room") about
             |  | please contact me if you have any issues: 
             a(href="https://twitter.com/synth_ruiner") twitter
-            |  | 
+            | , 
             a(href="mailto:max@tinybird.info") email
 
         #game-data.section
@@ -38,10 +38,10 @@ html
         #image.section
             h2 image
 
-            input#imageUpload(type="file" accepts="image/*")
-
             #croppie
 
+            input#imageUpload(type="file" accepts="image/*")
+
         #palette.section
             h2 palette
 
@@ -75,7 +75,7 @@ html
 
             button#save write to game data
 
-            //-
+            //- to do
                 input#threshold(type="range" min=0 max=64) 
                 br
                 label(for="threshold") 
