From 49707ede247a722764443a15b848ed755c1491e8 Mon Sep 17 00:00:00 2001
From: Orangerot <purple@orangerot.dev>
Date: Thu, 12 Dec 2024 07:41:11 +0100
Subject: feat: deviceorientation to control lensflare

---
 index.html | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 648efc0..3ad802c 100644
--- a/index.html
+++ b/index.html
@@ -72,23 +72,17 @@
           <!-- autocomplete off prevents browsers from remebering the value on page reloads -->
           <form autocomplete="off">
             <div class="buttons">
-              <button id="save" class="button is-primary">
+              <button class="button is-primary save-image">
                 Save Image
               </button>
-              <button id="share" class="button is-secondary">
+              <button class="button is-secondary share-image">
                 <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">
+              <button class="button is-medium is-fullwidth lensflare">
                 Lensflare
               </button>
             </div>
@@ -236,13 +230,21 @@
 
       <!-- 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 class="button is-primary save-image">
+            Save Image
+          </button>
+          <button class="button is-secondary share-image">
+            <i class="fa-solid fa-share-from-square fa-fw mr-1"></i>
+            Share
+          </button>
+        </div>
+
+        <div class="field">
+          <button class="button is-medium is-fullwidth lensflare">
+            Lensflare
+          </button>
+        </div>
 
         <p class="menu-label">
         Color Correction
-- 
cgit v1.2.3