Kobe/VerpotJeLot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update recognize_plant.html

Browse Source
This commit is contained in:
Kobe
2025-06-08 17:33:20 +02:00
parent 26806a26eb
commit 79c6595eab
1 changed files with 0 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
templates/recognize_plant.html
View File

@@ -5,28 +5,6 @@
{% block content %} {% block content %}
<div class="max-w-2xl mx-auto bg-white p-8 rounded-2xl shadow-xl mt-8"> <div class="max-w-2xl mx-auto bg-white p-8 rounded-2xl shadow-xl mt-8">
<h1 class="text-3xl font-bold text-[#4e6b50] mb-6 text-center">Plant Recognition</h1> <h1 class="text-3xl font-bold text-[#4e6b50] mb-6 text-center">Plant Recognition</h1>
<div class="space-y-6">
<!-- Camera Capture -->
<div class="bg-[#f8f9fa] p-6 rounded-xl border border-[#e6ebe0]">
<h2 class="text-xl font-semibold text-[#4e6b50] mb-4">Take a Photo</h2>
<div class="relative">
<video id="camera" class="w-full rounded-lg mb-4 hidden"></video>
<canvas id="canvas" class="w-full rounded-lg mb-4 hidden"></canvas>
<div id="camera-placeholder" class="w-full aspect-video bg-gray-200 rounded-lg mb-4 flex items-center justify-center">
<span class="text-gray-500">Camera preview will appear here</span>
</div>
</div>
<div class="flex gap-4">
<button id="start-camera" class="btn-main flex-1">
<i class="fas fa-camera mr-2"></i>Start Camera
</button>
<button id="capture" class="btn-main flex-1 hidden">
<i class="fas fa-camera-retro mr-2"></i>Capture
</button>
</div>
</div>
<!-- File Upload --> <!-- File Upload -->
<div class="bg-[#f8f9fa] p-6 rounded-xl border border-[#e6ebe0]"> <div class="bg-[#f8f9fa] p-6 rounded-xl border border-[#e6ebe0]">
<h2 class="text-xl font-semibold text-[#4e6b50] mb-4">Upload Image</h2> <h2 class="text-xl font-semibold text-[#4e6b50] mb-4">Upload Image</h2>