feat: enable lensflare in ui and control with mouse position

1 files changed, 21 insertions, 7 deletions

diff --git a/index.html b/index.html
index 892aa39..648efc0 100644
--- a/index.html
+++ b/index.html
@@ -71,13 +71,27 @@
 
           <!-- autocomplete off prevents browsers from remebering the value on page reloads -->
           <form autocomplete="off">
-            <button id="save" class="button is-primary">
-              Save Image
-            </button>
-            <button id="share" class="button is-secondary">
-              <i class="fa-solid fa-share-from-square fa-fw mr-1"></i>
-              Share
-            </button>
+            <div class="buttons">
+              <button id="save" class="button is-primary">
+                Save Image
+              </button>
+              <button id="share" class="button is-secondary">
+                <i class="fa-solid fa-share-from-square fa-fw mr-1"></i>
+                Share
+              </button>
+            </div>
+            
+            <div class="field">
+              <!--
+              <label class="label">
+                Use Gyroscope
+                <input type="checkbox" class="is-pulled-right">
+              </label>
+              -->
+              <button id="lensflare" class="button is-medium is-fullwidth">
+                Lensflare
+              </button>
+            </div>
 
             <p class="menu-label">
             Color Correction