osheina commited on
Commit
5256aee
·
verified ·
1 Parent(s): 3917e99

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +37 -15
app.py CHANGED
@@ -158,27 +158,49 @@ st.markdown("""
158
  """, unsafe_allow_html=True)
159
 
160
  # Добавление картинки
161
- st.image("image.webp", caption="Sign Language Recognition", use_column_width=True)
162
 
163
  # Боковая панель
 
164
  st.sidebar.markdown(
165
  """
166
- <div class="element-container">
167
- <h3>Input Text</h3>
168
- <input type="text" placeholder="Enter text here">
169
- </div>
170
- <div class="element-container">
171
- <h3>Additional Comments</h3>
172
- <textarea placeholder="Enter your comments here"></textarea>
173
- </div>
174
- <div class="element-container">
175
- <h3>Navigate</h3>
176
- <a href="#camera">Camera</a><br>
177
- <a href="#video-upload">Video Upload</a><br>
178
- <a href="#about">About</a>
179
- </div>
180
  """,
181
  unsafe_allow_html=True
182
  )
183
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
184
 
 
158
  """, unsafe_allow_html=True)
159
 
160
  # Добавление картинки
161
+ st.image("/mnt/data/A_colorful,_artistic_representation_of_hands_signi.png", caption="Sign Language Recognition", use_column_width=True)
162
 
163
  # Боковая панель
164
+ st.sidebar.title("Navigation")
165
  st.sidebar.markdown(
166
  """
167
+ <style>
168
+ .sidebar .sidebar-content a {
169
+ color: #4CAF50;
170
+ font-size: 1.2rem;
171
+ text-decoration: none;
172
+ }
173
+ .sidebar .sidebar-content a:hover {
174
+ color: #f4511e;
175
+ text-decoration: underline;
176
+ }
177
+ </style>
 
 
 
178
  """,
179
  unsafe_allow_html=True
180
  )
181
 
182
+ # Добавление ссылок навигации
183
+ st.sidebar.markdown("### Pages")
184
+ page = st.sidebar.radio("Select a page:", ["Main", "Camera", "Video Upload"])
185
+
186
+ if page == "Main":
187
+ st.markdown("""
188
+ <div class="card fade-in">
189
+ <p>This is the main page of the application. Use the navigation menu on the left to access different features of the app.</p>
190
+ </div>
191
+ """, unsafe_allow_html=True)
192
+
193
+ elif page == "Camera":
194
+ st.markdown("""
195
+ <div class="card fade-in">
196
+ <p>This is the Camera page. Here you can use your webcam to recognize sign language gestures in real-time.</p>
197
+ </div>
198
+ """, unsafe_allow_html=True)
199
+
200
+ elif page == "Video Upload":
201
+ st.markdown("""
202
+ <div class="card fade-in">
203
+ <p>This is the Video Upload page. Here you can upload a video file to recognize sign language gestures from the video.</p>
204
+ </div>
205
+ """, unsafe_allow_html=True)
206