diff options
| author | Orangerot <purple@orangerot.dev> | 2024-12-06 19:06:31 +0100 |
|---|---|---|
| committer | Orangerot <purple@orangerot.dev> | 2024-12-06 19:06:31 +0100 |
| commit | 015ff77123ccc3e95d6422424dac2ed8d0cf963e (patch) | |
| tree | 3724c5210579b02a41d65a73b7b4f28910b88f13 /index.html | |
| parent | 037f30fe8bec7265db275227596b0f4eb776f671 (diff) | |
feat: load and display image with correct scaling
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 16 |
1 files changed, 8 insertions, 8 deletions
@@ -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> |