sign-detection-gesture/templates/upload.html
2025-12-22 11:30:58 -08:00

64 lines
1.3 KiB
HTML

{% load static%}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Sign Detection</title>
<link rel="icon" href="./img/cv.ico" />
<link rel="stylesheet" href="{% static 'upload.css' %}" media="screen" />
</head>
<body>
<div>
<a href="/"
><img src="{% static 'back.png' %}" alt="back" width="40px"
/></a>
</div>
<header>
<h1>Sign Language Detection</h1>
</header>
<main>
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
<div class="form_container">{{ form.as_table }}</div>
{% if predicted_char %}
<div class="pred_container">
<h2>Predicted Sign is : {{predicted_char}}</h2>
</div>
<div class="btn_container">
<button class="button">Upload another image</button>
</div>
<br />
<br />
{% elif predicted_char == 0 %}
<div class="btn_container">
<button class="button">Upload</button>
</div>
<br />
<br />
<div class="pred_container">
<h2></h2>
</div>
{% else %}
<div class="btn_container">
<button class="button">Upload another image</button>
</div>
<br />
<br />
<div class="pred_container">
<h2>Invalid gesture image</h2>
</div>
</form>
</main>
</body>
</html>