osheina commited on
Commit
b372643
·
verified ·
1 Parent(s): a9e3632

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +26 -0
app.py CHANGED
@@ -94,6 +94,32 @@ st.markdown("""
94
  </div>
95
  """, unsafe_allow_html=True)
96
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
97
  # --- Contact block ---
98
  st.markdown("""
99
  <div class="section" style="text-align: center; background: linear-gradient(90deg, #fc466b, #3f5efb); color: white;">
 
94
  </div>
95
  """, unsafe_allow_html=True)
96
 
97
+ # --- Simulated Prediction Animation ---
98
+ st.markdown("""
99
+ <div class="section">
100
+ <h3>🎬 Live Prediction Simulation</h3>
101
+ <p>Watch how GestureGuru might respond in real-time:</p>
102
+ """, unsafe_allow_html=True)
103
+
104
+ placeholder = st.empty()
105
+ progress = st.progress(0)
106
+
107
+ for i in range(100):
108
+ time.sleep(0.03)
109
+ progress.progress(i + 1)
110
+
111
+ gesture_samples = ["Hello", "Thank you", "Yes", "No", "Please", "Goodbye"]
112
+ selected = random.choice(gesture_samples)
113
+ confidence = round(random.uniform(87.0, 99.9), 1)
114
+
115
+ with placeholder.container():
116
+ st.markdown(f"""
117
+ <div class="prediction-box">
118
+ ✅ Detected gesture: <strong>{selected}</strong><br>
119
+ 🔍 Confidence: <strong>{confidence}%</strong>
120
+ </div>
121
+ """, unsafe_allow_html=True)
122
+
123
  # --- Contact block ---
124
  st.markdown("""
125
  <div class="section" style="text-align: center; background: linear-gradient(90deg, #fc466b, #3f5efb); color: white;">