From fc98bdd1830acd863d4f0ea0c14202d45773c35c Mon Sep 17 00:00:00 2001
From: Orangerot <purple@orangerot.dev>
Date: Thu, 12 Dec 2024 01:18:48 +0100
Subject: feat: favicon

---
 favicon.ico | Bin 0 -> 766 bytes
 index.html  |  19 ++++++++++++-------
 2 files changed, 12 insertions(+), 7 deletions(-)
 create mode 100644 favicon.ico
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..58a4c01
Binary files /dev/null and b/favicon.ico differ
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>
 
-- 
cgit v1.2.3

