Update app.py

app.py

@@ -9,8 +9,7 @@ st.set_page_config(
 )
 
 # Добавление стилей
-st.markdown(
-    """
+st.markdown("""
     <style>
     /* Основной фон */
     .main {
@@ -92,49 +91,48 @@ st.markdown(
         to { opacity: 1; }
     }
     </style>
-    """,
-    unsafe_allow_html=True,
-)
-
+""", unsafe_allow_html=True)
 
 # Установка параметров URL
-st.experimental_set_query_params(page=page)  # Вернем временно использование экспериментального метода
+st.experimental_set_query_params(page="main")  # Используйте переменную page после определения
 
+# Основной контент страницы
 st.title("GestureGuru")
 st.subheader("Russian Sign Language Recognition")
 st.markdown("""
-        <div class="card fade-in">
-            <p>This application is designed to recognize sign language using a webcam feed. The model has been trained to recognize various sign language gestures and display the corresponding text in real-time.</p>
-        </div>
-        <div class="divider"></div>
-        <div class="card fade-in">
-            <h3>Features:</h3>
-            <ul>
-                <li>Real-time sign language recognition</li>
-                <li>Supports multiple gestures</li>
-                <li>Easy to use interface</li>
-            </ul>
-        </div>
-        <div class="divider"></div>
-        <div class="card fade-in">
-            <h3>How it works:</h3>
-            <ol>
-                <li>Upload a video or use the camera for live recognition.</li>
-                <li>The model processes the video and identifies the gestures.</li>
-                <li>The recognized gestures are displayed as text.</li>
-            </ol>
-        </div>
-        <div class="divider"></div>
-        <div class="card fade-in">
-            <h3>Why use this app:</h3>
-            <ul>
-                <li>Helps bridge the communication gap between sign language users and others.</li>
-                <li>Useful for educational purposes and learning sign language.</li>
-                <li>Enhances accessibility for people with hearing impairments.</li>
-            </ul>
-        </div>
-        """, unsafe_allow_html=True)
-    st.image("image.webp", caption="Sign Language Recognition", use_column_width=True)
+    <div class="card fade-in">
+        <p>This application is designed to recognize sign language using a webcam feed. The model has been trained to recognize various sign language gestures and display the corresponding text in real-time.</p>
+    </div>
+    <div class="divider"></div>
+    <div class="card fade-in">
+        <h3>Features:</h3>
+        <ul>
+            <li>Real-time sign language recognition</li>
+            <li>Supports multiple gestures</li>
+            <li>Easy to use interface</li>
+        </ul>
+    </div>
+    <div class="divider"></div>
+    <div class="card fade-in">
+        <h3>How it works:</h3>
+        <ol>
+            <li>Upload a video or use the camera for live recognition.</li>
+            <li>The model processes the video and identifies the gestures.</li>
+            <li>The recognized gestures are displayed as text.</li>
+        </ol>
+    </div>
+    <div class="divider"></div>
+    <div class="card fade-in">
+        <h3>Why use this app:</h3>
+        <ul>
+            <li>Helps bridge the communication gap between sign language users and others.</li>
+            <li>Useful for educational purposes and learning sign language.</li>
+            <li>Enhances accessibility for people with hearing impairments.</li>
+        </ul>
+    </div>
+""", unsafe_allow_html=True)
+st.image("image.webp", caption="Sign Language Recognition", use_column_width=True)
+