summaryrefslogtreecommitdiff
path: root/image.html
diff options
context:
space:
mode:
Diffstat (limited to 'image.html')
-rw-r--r--image.html15
1 files changed, 11 insertions, 4 deletions
diff --git a/image.html b/image.html
index 4a7fbfd..9ed6f1e 100644
--- a/image.html
+++ b/image.html
@@ -1,5 +1,5 @@
<style>
-label { min-width: 40px; display: inline-block; }
+label { min-width: 50px; display: inline-block; }
</style>
<body>
<div>
@@ -7,17 +7,24 @@ label { min-width: 40px; display: inline-block; }
<br>
<label for="width_el">width</label> <input type="range" min="1" max="120" value="40" id="width_el">
<span id="width_span"></span>x<span id="height_span"></span>
- </br>
+ <br>
<label for="ratio_el">ratio</label> <input type="range" min="0.0" max="8" value="2" step="0.005" id="ratio_el">
- <label for="nn_el">nearest neighbor</label> <input type="checkbox" checked id="nn_el">
- <label for="palette_el">palette</label>
+ <br>
+ <label for="palette_el" style="padding-top: 5px;">palette</label>
<select id="palette_el">
<option default value="colors">all colors</label>
<option value="hues">hues only</label>
<option value="grays">grayscale</label>
+ <option value="reds">reds</label>
+ <option value="blues">blues</label>
</select>
+ <br>
+ <label></label>&nbsp;<input type="checkbox" checked id="nn_el"> <label for="nn_el" style="padding-top: 7px;">nearest neighbor</label>
+ <br>
+ <br>
</div>
<div id="image_style"></div>
+ <br>
<input type="text" id="text_style">
</body>