Spaces:
Sleeping
Sleeping
File size: 2,072 Bytes
90c364b |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Results - Garbage Detection</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<div class="nav-brand">Garbage Detection</div>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="container">
<header>
<h1>Classification Results</h1>
<p class="subtitle">Your uploaded images have been analyzed.</p>
</header>
<section class="results-section">
{% if results %}
<div class="results-grid">
{% for result in results %}
<div class="result-card">
{% if result.image_url %}
<img src="{{ result.image_url }}" alt="Analyzed Image" class="result-image">
<h3 class="{{ 'dirty' if result.label == 'Dirty' else 'clean' }}">{{ result.label }}</h3>
<p>Confidence: {{ result.confidence }}</p>
{% else %}
<h3 class="error-label">{{ result.label }}</h3>
<p class="error-message">{{ result.error }}</p>
{% endif %}
</div>
{% endfor %}
</div>
{% else %}
<p>No results to display.</p>
{% endif %}
<a href="/tool" class="back-btn">Upload More</a>
</section>
</div>
<footer class="footer">
<p>© 2025 Garbage Detection</p>
</footer>
</body>
</html>
|