Hugging Face's logo

Spaces:
nonamelife
/
garbage-detection-demo
Sleeping

App Files Community
nonamelife commited on
Commit
90c364b
·
verified ·
1 Parent(s): 61096d6

Update templates/results.html

Browse files
Files changed (1) hide show
  1. templates/results.html +53 -54
templates/results.html CHANGED
@@ -1,54 +1,53 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Results - Garbage Detection</title>
7
- <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
8
- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet">
9
- </head>
10
- <body>
11
- <nav class="navbar">
12
- <div class="nav-brand">Garbage Detection</div>
13
- <ul class="nav-links">
14
- <li><a href="/">Home</a></li>
15
- <li><a href="/tool">Tool</a></li>
16
- <li><a href="/about">About</a></li>
17
- <li><a href="/contact">Contact</a></li>
18
- </ul>
19
- </nav>
20
-
21
- <div class="container">
22
- <header>
23
- <h1>Classification Results</h1>
24
- <p class="subtitle">Your uploaded images have been analyzed.</p>
25
- </header>
26
-
27
- <section class="results-section">
28
- {% if results %}
29
- <div class="results-grid">
30
- {% for result in results %}
31
- <div class="result-card">
32
- {% if result.image_url %}
33
- <img src="{{ result.image_url }}" alt="Analyzed Image" class="result-image">
34
- <h3 class="{{ 'dirty' if result.label == 'Dirty' else 'clean' }}">{{ result.label }}</h3>
35
- <p>Confidence: {{ result.confidence }}</p>
36
- {% else %}
37
- <h3 class="error-label">{{ result.label }}</h3>
38
- <p class="error-message">{{ result.error }}</p>
39
- {% endif %}
40
- </div>
41
- {% endfor %}
42
- </div>
43
- {% else %}
44
- <p>No results to display.</p>
45
- {% endif %}
46
- <a href="/tool" class="back-btn">Upload More</a>
47
- </section>
48
- </div>
49
-
50
- <footer class="footer">
51
- <p>© 2025 Garbage Detection</p>
52
- </footer>
53
- </body>
54
- </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Results - Garbage Detection</title>
7
+ <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
8
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet">
9
+ </head>
10
+ <body>
11
+ <nav class="navbar">
12
+ <div class="nav-brand">Garbage Detection</div>
13
+ <ul class="nav-links">
14
+ <li><a href="/">Home</a></li>
15
+ <li><a href="/about">About</a></li>
16
+ <li><a href="/contact">Contact</a></li>
17
+ </ul>
18
+ </nav>
19
+
20
+ <div class="container">
21
+ <header>
22
+ <h1>Classification Results</h1>
23
+ <p class="subtitle">Your uploaded images have been analyzed.</p>
24
+ </header>
25
+
26
+ <section class="results-section">
27
+ {% if results %}
28
+ <div class="results-grid">
29
+ {% for result in results %}
30
+ <div class="result-card">
31
+ {% if result.image_url %}
32
+ <img src="{{ result.image_url }}" alt="Analyzed Image" class="result-image">
33
+ <h3 class="{{ 'dirty' if result.label == 'Dirty' else 'clean' }}">{{ result.label }}</h3>
34
+ <p>Confidence: {{ result.confidence }}</p>
35
+ {% else %}
36
+ <h3 class="error-label">{{ result.label }}</h3>
37
+ <p class="error-message">{{ result.error }}</p>
38
+ {% endif %}
39
+ </div>
40
+ {% endfor %}
41
+ </div>
42
+ {% else %}
43
+ <p>No results to display.</p>
44
+ {% endif %}
45
+ <a href="/tool" class="back-btn">Upload More</a>
46
+ </section>
47
+ </div>
48
+
49
+ <footer class="footer">
50
+ <p>© 2025 Garbage Detection</p>
51
+ </footer>
52
+ </body>
53
+ </html>