Update app.py

app.py

@@ -7,8 +7,6 @@ import faiss
 from streamlit.errors import StreamlitAPIException
 import urllib.parse
 
-
-
 import os
 os.environ['KMP_DUPLICATE_LIB_OK'] = 'TRUE'
 
@@ -43,7 +41,6 @@ embeddings_matrix = np.stack(embeddings)
 index = faiss.IndexFlatIP(embeddings_matrix.shape[1])
 index.add(embeddings_matrix)
 
-
 # CSS стили для заднего фона
 background_image = """
     <style>
@@ -59,8 +56,7 @@ background_image = """
 # Вставляем CSS стили в приложение Streamlit
 st.markdown(background_image, unsafe_allow_html=True)
 
-
-# Вставляем CSS стили для окошка с прозрачным фоном
+# Вставляем CSS стили для окошка с прозрачным фоном и черным текстом
 transparent_title = """
     <style>
     .transparent-title {
@@ -68,6 +64,7 @@ transparent_title = """
         padding: 10px;
         border-radius: 5px;
         box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        color: black;
     }
     </style>
 """
@@ -79,6 +76,7 @@ transparent_box = """
         padding: 10px;
         border-radius: 5px;
         box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        color: black;
     }
     </style>
 """
@@ -95,7 +93,6 @@ text = st.text_input('Введите ваш запрос для поиска к
 num_results = st.number_input('Количество результатов:', min_value=1, max_value=20, value=3)
 recommend_button = st.button('Получить рекомендации')
 
-
 if text and recommend_button:  # Check if the user entered text and clicked the button
 
     # Embed the query and search for nearest vectors using Faiss
@@ -122,12 +119,12 @@ if text and recommend_button:  # Check if the user entered text and clicked the
                     st.write(e)
 
         with col2:
-            # Выводим информацию о книге на прозрачном фоне
+            # Выводим информацию о книге на прозрачном фоне с черным текстом
             st.markdown(f"""
                 <div class="transparent-box">
                     <p><b>Название книги:</b> {books['title'][i]}</p>
                     <p><b>Автор:</b> {books['author'][i]}</p>
-                    <p><b>Описание:</b>{books['annotation'][i]}")
+                    <p><b>Описание:</b> {books['annotation'][i]}</p>
                     <p><b>Оценка сходства:</b> {similarity_percent:.2f}%</p>
                 </div>
             """, unsafe_allow_html=True)