Spaces:
Sleeping
Sleeping
File size: 1,733 Bytes
530f5ca |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<!--sourced and modified from https://www.w3docs.com/learn-html/html-form-templates.html -->
<!DOCTYPE html>
<html>
<head>
<title>Vegetable Classifier</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="static/styles.css">
</head>
<body>
<div class="testbox">
<form action="/" method="POST" enctype="multipart/form-data">
<div class="banner">
<h1>Vegetable Classifier</h1>
</div>
<h5>Detectable Vegetables: Broad Bean, Bitter Gourd, Bottle Gourd, Green Round Brinjal, Broccoli, Cabbage, Capsicum, Carrot,
Cauliflower, Cucumber, Raw Papaya, Potato, Green Pumpkin, Radish, Tomato</h5>
<h5>The model is trained on <a href="https://www.kaggle.com/datasets/misrakahmed/vegetable-image-dataset" target="_blank">images</a> clicked using a mobile phone camera.</h5>
<p>Please paste the image URL of a vegetable<sup style="color: red;">*</sup></p>
<div class="item">
<input type="text" name="fileinput" id="fileinput" autocomplete="off" required/>
</div>
<div class="btn-block">
<button type="submit" href="/file_input">Submit</button>
</div>
<div class="item">
<p style="color: red;">{{error}}</p>
</div>
</form>
</div>
<div class="testbox1">
{{result}}
</div>
<div class="testbox1">
<img src={{display_image}} />
</div>
</body>
</html>
|