diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 19 |
1 files changed, 12 insertions, 7 deletions
@@ -3,6 +3,7 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="icon" type="image/x-icon" href="favicon.ico"> <script src="main.js"></script> <link rel="stylesheet" href="lib/bulma.min.css"> <link rel="stylesheet" href="lib/bulma-slider.css"> @@ -16,9 +17,13 @@ <div class="column"> <div class="hero is-fullheight" style="min-height: 100dvh;"> <div class="hero-body"> - <div class="container"> + <div class="container" > <canvas id="myCanvas" class="is-visible-editor" width="300" height="300"></canvas> <video id="video" class="is-visible-camera" width="300" height="300"></video> + <div class="container has-text-centered mb-6 is-visible-import"> + <h1 class="title is-1">Imagine</h1> + <h2 class="subtitle is-3">A simple Image Editor</h2> + </div> <div class="columns is-mobile is-visible-import"> <div class="column"> <button id="take-picture" @@ -90,7 +95,7 @@ <input type="range" id="brightness" class="brightness slider is-fullwidth is-primary" - min="0" max="2" value="1" step="0.1"> + min="0" max="2" value="1" step="0.05"> </div> </div> <div class="field"> @@ -105,7 +110,7 @@ <input type="range" id="saturate" class="saturate slider is-fullwidth is-primary" - min="0" max="2" value="1" step="0.1"> + min="0" max="2" value="1" step="0.01"> </div> </div> <div class="field"> @@ -120,7 +125,7 @@ <input type="range" id="contrast" class="contrast slider is-fullwidth is-primary" - min="0" max="2" value="1" step="0.1"> + min="0" max="2" value="1" step="0.01"> </div> </div> @@ -181,7 +186,7 @@ <input type="range" id="brightness" class="brightness slider is-fullwidth is-primary" - min="0" max="2" value="1" step="0.1"> + min="0" max="2" value="1" step="0.01"> </div> </div> <div class="field"> @@ -196,7 +201,7 @@ <input type="range" id="saturate" class="saturate slider is-fullwidth is-primary" - min="0" max="2" value="1" step="0.1"> + min="0" max="2" value="1" step="0.01"> </div> </div> <div class="field"> @@ -211,7 +216,7 @@ <input type="range" id="contrast" class="contrast slider is-fullwidth is-primary" - min="0" max="2" value="1" step="0.1"> + min="0" max="2" value="1" step="0.01"> </div> </div> |