app.py

import streamlit as st

# Установка конфигурации страницы
st.set_page_config(
    page_title="Sign Language Recognition Demo",
    page_icon=":sparkles:",
    layout="wide",
    initial_sidebar_state="expanded",
)

# Добавление стилей
st.markdown(
    """
    <style>
    /* Основной фон */
    .main {
        background-color: #f0f2f6;
    }
    
    /* Стиль боковой панели */
    .sidebar .sidebar-content {
        background-color: #ffcccb; /* Цветной фон боковой панели */
        padding: 1rem;
    }
    
    /* Обертка для блока контента */
    .reportview-container .main .block-container {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    /* Стиль заголовка */
    .css-1h3lh1b {
        font-size: 2.5rem;
        color: #4CAF50;
    }
    
    /* Стиль подзаголовка */
    .css-1siy2j7 {
        font-size: 1.5rem;
        color: #6c757d;
    }
    
    /* Стиль кнопок */
    .stButton>button {
        background-color: #4CAF50;
        color: white;
        border-radius: 5px;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    
    .stButton>button:hover {
        background-color: #45a049;
    }
    </style>
    """,
    unsafe_allow_html=True,
)

# Основной контент
st.title("Sign Language Recognition Demo")
st.subheader("Welcome to the Sign Language Recognition App!")
st.markdown("""
    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.
""")

# Добавление картинки
st.image("path/to/your/image.jpg", caption="Sign Language Recognition", use_column_width=True)

# Боковая панель
st.sidebar.title("Sidebar")
st.sidebar.markdown("Use the sidebar to navigate between different pages.")