summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorOrangerot <purple@orangerot.dev>2024-12-12 01:18:48 +0100
committerOrangerot <purple@orangerot.dev>2024-12-12 01:18:48 +0100
commitfc98bdd1830acd863d4f0ea0c14202d45773c35c (patch)
tree000436b749eb1d01eb48634c6731303da5ea108d /index.html
parent313142d111111f69764b6eb07e4041a71c7d322a (diff)
feat: favicon
Diffstat (limited to 'index.html')
-rw-r--r--index.html19
1 files changed, 12 insertions, 7 deletions
diff --git a/index.html b/index.html
index 68aa2ba..7fa40f9 100644
--- a/index.html
+++ b/index.html
@@ -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>