Hugging Face's logo

Spaces:
DINGOLANI
/
QueryAnalyzer
Runtime error

App Files Community
DINGOLANI commited on
Commit
706eec7
·
verified ·
1 Parent(s): 59f66b5

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +46 -19
templates/index.html CHANGED
@@ -1,35 +1,62 @@
1
  <!DOCTYPE html>
2
- <html>
3
  <head>
4
- <title>Fashion Query Analyzer</title>
 
 
5
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
 
 
 
 
 
 
6
  </head>
7
  <body>
8
  <div class="container mt-5">
9
- <h1 class="mb-4">Fashion Product Query Analyzer</h1>
10
 
11
- <form method="POST">
12
- <div class="mb-3">
13
- <input type="text" class="form-control" name="query"
14
- placeholder="Enter your query (e.g., 'Gucci men’s perfume under 200AED')"
15
- value="{{ query if query else '' }}">
 
 
 
 
 
16
  </div>
17
- <button type="submit" class="btn btn-primary">Analyze</button>
18
  </form>
19
 
20
  {% if result %}
21
- <div class="mt-4">
22
- <h3>Results:</h3>
23
- <table class="table table-striped">
24
- <tbody>
25
- <tr><th>Brand</th><td>{{ result.Brand or 'Not detected' }}</td></tr>
26
- <tr><th>Category</th><td>{{ result.Category or 'Not detected' }}</td></tr>
27
- <tr><th>Gender</th><td>{{ result.Gender or 'Not detected' }}</td></tr>
28
- <tr><th>Price</th><td>{{ result.Price or 'Not detected' }}</td></tr>
29
- </tbody>
30
- </table>
 
 
 
 
 
 
 
 
 
31
  </div>
32
  {% endif %}
 
 
 
 
33
  </div>
 
 
34
  </body>
35
  </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>Luxury Fashion Analyzer</title>
7
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
8
+ <style>
9
+ .container { max-width: 800px; }
10
+ .result-table { margin-top: 2rem; }
11
+ h1 { color: #2c3e50; border-bottom: 3px solid #3498db; padding-bottom: 10px; }
12
+ .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); }
13
+ </style>
14
  </head>
15
  <body>
16
  <div class="container mt-5">
17
+ <h1 class="text-center mb-4">👜 Luxury Fashion Query Analyzer</h1>
18
 
19
+ <form method="POST" class="mb-4">
20
+ <div class="input-group">
21
+ <input type="text"
22
+ class="form-control form-control-lg"
23
+ name="query"
24
+ placeholder="Example: 'Bottega Veneta women's leather pouch under 3000 AED'"
25
+ value="{{ query }}">
26
+ <button class="btn btn-primary btn-lg" type="submit">
27
+ Analyze
28
+ </button>
29
  </div>
 
30
  </form>
31
 
32
  {% if result %}
33
+ <div class="result-table">
34
+ <h3 class="mb-3">Analysis Results</h3>
35
+ <div class="card">
36
+ <div class="card-body">
37
+ <dl class="row mb-0">
38
+ <dt class="col-sm-3 text-muted">Brand</dt>
39
+ <dd class="col-sm-9">{{ result.Brand or 'Not specified' }}</dd>
40
+
41
+ <dt class="col-sm-3 text-muted">Category</dt>
42
+ <dd class="col-sm-9">{{ result.Category or 'Not specified' }}</dd>
43
+
44
+ <dt class="col-sm-3 text-muted">Gender</dt>
45
+ <dd class="col-sm-9">{{ result.Gender or 'Not specified' }}</dd>
46
+
47
+ <dt class="col-sm-3 text-muted">Price Range</dt>
48
+ <dd class="col-sm-9">{{ result.Price or 'Not specified' }}</dd>
49
+ </dl>
50
+ </div>
51
+ </div>
52
  </div>
53
  {% endif %}
54
+
55
+ <footer class="mt-5 text-center text-muted">
56
+ <small>Powered by DeepSeek-R1 AI • Luxury Fashion Analysis</small>
57
+ </footer>
58
  </div>
59
+
60
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
61
  </body>
62
  </html>