Hugging Face's logo

Spaces:
geethareddy
/
AI_chatbhot
Runtime error

App Files Community
geethareddy commited on
Commit
f5a1145
·
verified ·
1 Parent(s): 5671032

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +20 -53
templates/index.html CHANGED
@@ -1,61 +1,28 @@
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>Food Customization Assistant</title>
7
- <link rel="stylesheet" href="styles.css">
8
  </head>
9
  <body>
10
- <div class="chat-container">
11
- <!-- Chat Header with Logo -->
12
- <div class="chat-header">
13
- <div class="logo-container">
14
- <img src="images/chatbot-logo.png" alt="Chatbot Logo" class="chatbot-logo">
15
- <h2>Food Customization Assistant</h2>
16
- </div>
 
 
 
 
 
 
 
 
 
17
  </div>
18
-
19
- <div class="chat-box" id="chat-box">
20
- <div class="bot-message">
21
- <p>Hi! Would you like to customize food?</p>
22
- </div>
23
- </div>
24
-
25
- <div class="user-input">
26
- <input type="text" id="user-message" placeholder="Type 'yes' or 'yeah' to start" />
27
- <button id="submit-btn">Submit</button>
28
- </div>
29
-
30
- <div class="category-selection">
31
- <select id="category-dropdown" class="dropdown" hidden>
32
- <option value="Veg">Veg</option>
33
- <option value="Non-Veg">Non-Veg</option>
34
- <option value="Vegan">Vegan</option>
35
- <option value="Pasta & Noodles">Pasta & Noodles</option>
36
- <option value="Breads & Baked Goods">Breads & Baked Goods</option>
37
- </select>
38
- </div>
39
-
40
- <div class="nutrition-selection" hidden>
41
- <select id="nutrition-dropdown" class="dropdown">
42
- <option value="Protein Rich">Protein Rich</option>
43
- <option value="Low Carbs">Low Carbs</option>
44
- <option value="Gluten-Free">Gluten-Free</option>
45
- </select>
46
- </div>
47
-
48
- <div class="ingredient-selection" hidden>
49
- <select id="ingredient-dropdown" class="dropdown">
50
- <!-- Ingredients will be populated dynamically -->
51
- </select>
52
- </div>
53
-
54
- <div class="response">
55
- <div id="bot-response" class="bot-message"></div>
56
- </div>
57
- </div>
58
-
59
- <script src="script.js"></script>
60
  </body>
61
  </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>Recipe Suggestions</title>
7
+ <link rel="stylesheet" href="styles.css">
8
  </head>
9
  <body>
10
+ <div class="container">
11
+ <h1>Recipe Suggestions</h1>
12
+ <form action="/get_recipes" method="POST">
13
+ <label for="ingredients">Select Ingredients:</label>
14
+ <select name="ingredients" id="ingredients" multiple>
15
+ <option value="paneer">Paneer</option>
16
+ <option value="lettuce">Lettuce</option>
17
+ <option value="carrot">Carrot</option>
18
+ <option value="broccoli">Broccoli</option>
19
+ <option value="mushrooms">Mushrooms</option>
20
+ </select>
21
+ <button type="submit">Get Recipes</button>
22
+ </form>
23
+ <div id="recipes">
24
+ <!-- Recipes will be displayed here -->
25
+ </div>
26
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
27
  </body>
28
  </html>