Update app.py

app.py

@@ -160,6 +160,131 @@
 #     </p>
 # """, unsafe_allow_html=True)
 
+# import os
+# import faiss
+# import streamlit as st
+# import pickle
+# import time
+# import numpy as np
+# from langchain.chains import RetrievalQA
+# from langchain.text_splitter import RecursiveCharacterTextSplitter
+# #from langchain.vectorstores import FAISS
+# from langchain_community.vectorstores import FAISS
+# from langchain_huggingface import HuggingFaceEndpoint
+# from sentence_transformers import SentenceTransformer
+# from langchain.embeddings import HuggingFaceEmbeddings
+# #from langchain import HuggingFaceHub
+# from langchain_community.llms import HuggingFaceHub
+# from dotenv import load_dotenv
+
+# # Custom CSS for styling Streamlit app
+# st.markdown(
+#     """
+#     <style>
+    # .main { 
+    #     background: linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%); 
+    #     color: #ffffff; 
+    #     font-family: 'Arial', sans-serif;
+    # }
+    # .stButton>button { 
+    #     background-color: #1f77b4; 
+    #     color: white; 
+    #     border-radius: 12px; 
+    #     padding: 8px 12px; 
+    #     margin-top: 10px; 
+    #     border: none;
+    #     cursor: pointer;
+    #     transition: background-color 0.3s;
+    # }
+    # .stButton>button:hover {
+    #     background-color: #105a87;
+    # }
+    # .custom-input {
+    #     font-size: 18px;
+    #     padding: 10px;
+    #     border-radius: 8px;
+    #     border: 1px solid #ccc;
+    #     margin-bottom: 8px;
+    #     width: 100%;
+    # }
+    # .memory-box {
+    #     padding: 12px;
+    #     margin: 10px 0;
+    #     border: 1px solid #ccc;
+#         border-radius: 8px;
+#         background-color: #d9fcea;
+#         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
+#         height: 150px;
+#         display: flex;
+#         align-items: center;
+#         justify-content: center;
+#         text-align: center;
+#         overflow: hidden;
+#     }
+#     </style>
+#     """,
+#     unsafe_allow_html=True
+# )
+
+# with st.sidebar:
+#     st.image("sriram.jpg", caption="Say cheese :)", use_container_width=True)
+
+# st.title("Sriram’s Q Reflections 🔎📖")
+
+# # File paths
+# file_path = "faiss_index.pkl"
+# chunk_path = "chunks.pkl"
+
+# # Text input with custom class for styling
+# query = st.text_input("Search for a Memory:", placeholder="Enter a memory or keyword", key="custom_input", help="Type here", label_visibility="visible")
+# submit = st.button("Recall it")
+
+# # Create a placeholder for the "Searching for memories..." message
+# searching_placeholder = st.empty()
+
+# if query:
+#     # Display "Searching for memories..." message
+#     searching_placeholder.info("Searching for memories...!")
+
+#     # Load FAISS index and chunks if the files exist
+#     if os.path.exists(file_path) and os.path.exists(chunk_path):
+#         with open(file_path, 'rb') as f:
+#             index = pickle.load(f)
+#         with open(chunk_path, 'rb') as f:
+#             chunks = pickle.load(f)
+
+#         # Load embedding model
+#         model = SentenceTransformer("thenlper/gte-large")
+#         query_embedding = model.encode(query).astype('float32').reshape(1, -1)
+#         distances, indices = index.search(query_embedding, k=6)  # Retrieve top 6 matches
+    #     retrieved_chunks = [chunks[i] for i in indices[0]]
+
+    #     # Clean and format the retrieved memories
+    #     st.header("Q Memories:")
+    #     cleaned_text_list = [
+    #         item.strip().replace(" .", ".").replace("\n", " ").lstrip(". ").strip() + "."
+    #         for item in retrieved_chunks
+    #     ]
+
+    #     # Clear the "Searching for memories..." message once results are ready
+    #     searching_placeholder.empty()
+
+    #     # Display the memories in styled boxes
+    #     col1, col2 = st.columns(2)  # Two-column layout for display
+    #     for i, item in enumerate(cleaned_text_list):
+    #         with col1 if i % 2 == 0 else col2:
+    #             st.markdown(
+    #                 f"""
+    #                 <div class="memory-box">
+    #                     <p style="margin: 0; font-size: 16px;">{item}</p>
+    #                 </div>
+    #                 """,
+    #                 unsafe_allow_html=True
+    #             )
+    # else:
+    #     st.error("FAISS index or chunk files are missing. Please check the paths.")
+
+
 import os
 import faiss
 import streamlit as st
@@ -183,11 +308,11 @@ st.markdown(
     <style>
     .main { 
         background: linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%); 
-        color: #ffffff; 
+        color: #333; 
         font-family: 'Arial', sans-serif;
     }
     .stButton>button { 
-        background-color: #1f77b4; 
+        background-color: #0e0f5e; 
         color: white; 
         border-radius: 12px; 
         padding: 8px 12px; 
@@ -197,7 +322,7 @@ st.markdown(
         transition: background-color 0.3s;
     }
     .stButton>button:hover {
-        background-color: #105a87;
+        background-color: red;
     }
     .custom-input {
         font-size: 18px;
@@ -210,26 +335,62 @@ st.markdown(
     .memory-box {
         padding: 12px;
         margin: 10px 0;
-        border: 1px solid #ccc;
-        border-radius: 8px;
-        background-color: #d9fcea;
-        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
+        font-weight:bold;
+        border: 2px solid #ccc;
+        border-radius: 15px;
+        background-color: #0e0f5e;
+        box-shadow: 4px 4px 12px #bdbffc;  /* Softer box-shadow */
+
         height: 150px;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         overflow: hidden;
+        font-size: 16px;
+        line-height: 1.5;
+        transition: transform 0.3s ease-in-out;
+    }
+     
+    .memory-box:hover {
+        transform: scale(1.05);  /* Hover effect */
+        background-color: #f20246; /* Slightly darker pink on hover */
     }
     </style>
     """,
     unsafe_allow_html=True
 )
 
+import base64
+
+# Encode the image in base64
+def get_base64_image(image_path):
+    with open(image_path, "rb") as img_file:
+        return base64.b64encode(img_file.read()).decode()
+
+# Path to your image
+image_path = "sriram.jpg"
+image_base64 = get_base64_image(image_path)
+
 with st.sidebar:
-    st.image("sriram.jpg", caption="Say cheese :)", use_container_width=True)
+    st.markdown(
+        f"""
+        <div style="text-align: center; padding: 20px; background-color: #f9f9f9; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+            <img src="data:image/jpeg;base64,{image_base64}" style="width: 80%; border-radius: 50%;" alt="Sriram">
+            <p style="margin-top: 15px; font-size: 16px; font-weight: bold; color: #333; line-height: 1.5;">
+                Sriram, you’ve been an exceptional mentor and a true inspiration. Your jolly personality, unmatched intelligence, and brilliant reasoning skills have always stood out. I’m incredibly thankful that you recognized my potential and gave me the opportunity to start my journey as a Machine Learning Engineer. Your belief in me not only gave me the confidence to pursue my passion but also helped me grow immensely. Thank you for your unwavering guidance and support. As you move forward, I wish you nothing but the best in all your future endeavors. Let’s stay in touch, and I’ll always appreciate everything you’ve done for me!
+            </p>
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
+
+
+
 
-st.title("Sriram’s Q Reflections 🔎📖")
+
+
+st.title("Sriram’s Q Reflections 📖")
 
 # File paths
 file_path = "faiss_index.pkl"
@@ -276,7 +437,7 @@ if query:
                 st.markdown(
                     f"""
                     <div class="memory-box">
-                        <p style="margin: 0; font-size: 16px;">{item}</p>
+                        <p style="margin: 0; font-size: 16px;  color: white;">{item}</p>
                     </div>
                     """,
                     unsafe_allow_html=True
@@ -285,3 +446,12 @@ if query:
         st.error("FAISS index or chunk files are missing. Please check the paths.")
 
 
+
+st.markdown("""
+    <hr style="margin-top: 2em;">
+    <p style="text-align: center; color: gray; font-size: small;">
+        Developed by Aditya Hariharan
+    </p>
+""", unsafe_allow_html=True)
+
+