import streamlit as st
from PIL import Image

# st.sidebar.markdown("## Используй навигацию между страницами выше ⬆️")
# st.sidebar.markdown("# Главная страница -->")


image = Image.open("pages/tv_shows.png")
st.image(image, use_column_width=True)

st.markdown("### Проект на тему: <<Рекомендательные системы>>")

st.markdown("#### Фаза 2 / неделя 4.")
st.markdown("##### Команда проекта 👨🏻‍💻")
st.write(
    """
    <style>
    .my-text {
        line-height: 0.5;
    }
    </style>
    """,
    unsafe_allow_html=True,
)

st.write('<p class="my-text">1. Алексей Камаев</p>', unsafe_allow_html=True)
st.write('<p class="my-text">2. Иван Терещенко</p>', unsafe_allow_html=True)

st.write(
    """
    <style>
    .my-text {
        line-height: 0.5;
    }
    </style>
    """,
    unsafe_allow_html=True,
)

st.markdown("##### Задачи 📜")

st.write(
    """
    <style>
    .my-text-small {
        line-height: 0.8;
    }
    .my-text-normal {
        line-height: 1.5;
    }
    </style>
    """,
    unsafe_allow_html=True,
)

st.write(
    '<p class="my-text-small">1. Спарсить выборку описаний сериалов.</p>',
    unsafe_allow_html=True,
)
st.write(
    '<p class="my-text-small">2. Построить систему поиска наиболее подходящих под пользовательский запрос вариантов.</p>',
    unsafe_allow_html=True,
)

st.write(
    '<p class="my-text-normal">3. Дополнительно: сервис должен принимать на вход описание сериала от пользователя и возвращать заданное количество подходящих вариантов.</p>',
    unsafe_allow_html=True,
)

st.write(
    """
    <style>
    .my-text {
        line-height: 0.5;
    }
    </style>
    """,
    unsafe_allow_html=True,
)

st.markdown("##### Требования и рекомендации к проекту ✏️")


st.markdown(
    """
- Выборка должна включать не менее 5000 сериалов.
- Поиск должен происходить максимально быстро (привет, FAISS).
- В процессе сбора данных лучше собирать максимально возможное количество информации (полей).
"""
)