Hugging Face's logo

Spaces:
Subbu1304
/
VoiceMenu20
Sleeping

App Files Community
DSatishchandra commited on
Commit
216610c
·
verified ·
1 Parent(s): 95ee9b6

Update templates/menu_page.html

Browse files
Files changed (1) hide show
  1. templates/menu_page.html +31 -0
templates/menu_page.html CHANGED
@@ -51,6 +51,24 @@
51
  color: #333;
52
  display: none;
53
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  </style>
55
  </head>
56
  <body>
@@ -60,6 +78,19 @@
60
  <button class="mic-button" id="mic-button">🎤</button>
61
  <div class="status" id="status">Press the mic button to start...</div>
62
  <div class="response" id="response">Response will appear here...</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
63
  </div>
64
 
65
  <script>
 
51
  color: #333;
52
  display: none;
53
  }
54
+ .menu-items-container {
55
+ margin-top: 30px;
56
+ padding-top: 20px;
57
+ display: grid;
58
+ grid-template-columns: 1fr 1fr;
59
+ gap: 20px;
60
+ }
61
+ .menu-item {
62
+ background-color: #f9f9f9;
63
+ padding: 20px;
64
+ border-radius: 10px;
65
+ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
66
+ text-align: left;
67
+ }
68
+ .menu-item h3 {
69
+ font-size: 1.5rem;
70
+ color: #333;
71
+ }
72
  </style>
73
  </head>
74
  <body>
 
78
  <button class="mic-button" id="mic-button">🎤</button>
79
  <div class="status" id="status">Press the mic button to start...</div>
80
  <div class="response" id="response">Response will appear here...</div>
81
+
82
+ <!-- Display the menu items dynamically -->
83
+ <div class="menu-items-container">
84
+ {% for item in menu_items %}
85
+ <div class="menu-item">
86
+ <h3>{{ item.Name }}</h3>
87
+ <p><strong>Price:</strong> ${{ item.Price__c }}</p>
88
+ <p><strong>Ingredients:</strong> {{ item.Ingredients__c }}</p>
89
+ <p><strong>Category:</strong> {{ item.Category__c }}</p>
90
+ <button class="order-btn" data-item="{{ item.Name }}">Order</button>
91
+ </div>
92
+ {% endfor %}
93
+ </div>
94
  </div>
95
 
96
  <script>