File size: 3,028 Bytes
799f6a4 50487e0 799f6a4 e622417 799f6a4 4e6dbc7 799f6a4 b5a6350 | 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 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 | <!DOCTYPE html>
<html>
<head>
<title>YOLOv11 Object Detection</title>
<style>
.outer-box {
position: relative; /* Necessary for positioning relative to this element */
display: inline-block; /* Make the outer box inline-block to allow positioning relative to it */
padding: 5px 10px;
border: 1px solid white;
margin-left: 350px;
margin-bottom: 5px;
border-radius: 30px; /* Add rounded corners */
}
#input{
width : 250px;
}
body{
min-width: 1480px; /* Set width to 1480 pixels */
min-height: 100vh; /* Ensure body is at least the height of the viewport */
background: linear-gradient(135deg, #1a1b2d, #2c3e50, #34495e, #3b3f73);
padding: 15px;
}
h2 {
color: solid white;
}
table {
width: 70%;
border-collapse: collapse;
}
table, th, td {
border: 2px solid white;
}
th, td {
padding: 10px;
text-align: left;
}
</style>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body class="text-light">
<div class="outer-box"><h1> WBC's Object Detection Using YOLO 11 </h1> </div>
<br>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/wbc_info">WBC's Info</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/document">Documentations</a>
</li>
</ul>
<br>
<form action="/upload" method="POST" enctype="multipart/form-data">
<div class="input-group mb-3" id="input" >
<input type="file" class="form-control" id="inputGroupFile02" name="fileInput">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<br>
{% for image in pred_image_list %}
<h2>Detected Image:</h2>
<p>{{image}}</p>
<img src="{{ url_for('static', filename='static/Image_Prediction/'+image) }}" width="700" height="500" alt="chk">
{% endfor %}
<br> <br>
<br>
{% if show_csv_heading %}
<h2>Bounding Boxes's Co-ordinates and Confidence score Table:</h2>
{% endif %}
<br>
<table class="table-bordered">
<thead>
<tr>
{% for column in columns %}
<th><b>{{ column }}</b></th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in data %}
<tr>
{% for column in columns %}
<td>{{ row[column] }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html> |