diff options
Diffstat (limited to 'js/leibovitz/index.html')
| -rw-r--r-- | js/leibovitz/index.html | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/js/leibovitz/index.html b/js/leibovitz/index.html index 8af8f4f..acc592a 100644 --- a/js/leibovitz/index.html +++ b/js/leibovitz/index.html @@ -64,6 +64,7 @@ padding: 10px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + min-width: 200px; } .top-controls { display: flex; @@ -130,6 +131,11 @@ width: 100%; } + #block-size-value { + font-size: 12px; + color: #666; + } + </style> </head> <body> @@ -143,6 +149,7 @@ <option value="floyd-steinberg">Floyd-Steinberg</option> <option value="ordered">Ordered</option> <option value="atkinson">Atkinson</option> + <option value="bayer">Bayer</option> </select> <div class="color-controls"> <input type="color" id="color-tint" title="Color Tint"> @@ -153,6 +160,11 @@ <label for="contrast-slider">Contrast</label> <input type="range" id="contrast-slider" min="-255" max="255" value="0" step="1"> </div> + <div class="contrast-control" id="pixel-size-control" style="display: none;"> + <label for="block-size-slider">Pixel Size</label> + <input type="range" id="block-size-slider" min="1" max="12" value="4" step="1"> + <span id="block-size-value">4px</span> + </div> </div> <div id="controls"> |