From 015ff77123ccc3e95d6422424dac2ed8d0cf963e Mon Sep 17 00:00:00 2001
From: Orangerot <purple@orangerot.dev>
Date: Fri, 6 Dec 2024 19:06:31 +0100
Subject: feat: load and display image with correct scaling

---
 index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index c2286ef..3ed5b30 100644
--- a/index.html
+++ b/index.html
@@ -15,20 +15,20 @@
         <div class="hero is-fullheight">
           <div class="hero-body">
             <div class="container">
-              <div class="columns is-mobile">
+              <canvas id="myCanvas" class="is-hidden" width="300" height="300"></canvas>
+              <div id="imports" class="columns is-mobile">
                 <div class="column">
-                  <button 
-                     class="button is-large is-fullwidth" 
-                     style="padding: 100% 0 100% 0">
+                  <button id="take-picture" 
+                     class="button is-large is-responsive is-fullwidth">
                     Take a Picture
                   </button>
                 </div>
                 <div class="column">
-                  <button 
-                     class="button is-large is-fullwidth"
-                     style="padding: 100% 0 100% 0">
+                  <label for="upload-image"
+                     class="button is-large is-responsive is-fullwidth">
                     Upload an Image
-                  </button>
+                  </label>
+                  <input type="file" id="upload-image" accept="image/*" style="display: none">
                 </div>
               </div>
             </div><br>
-- 
cgit v1.2.3