Update app.py

app.py

@@ -8,6 +8,7 @@ import numpy as np
 from sklearn.feature_extraction.text import TfidfVectorizer
 from sklearn.metrics.pairwise import cosine_similarity
 from io import StringIO
+from PIL import Image
 
 # Function to extract text from a PDF file
 def extract_text_from_pdf(pdf_file):
@@ -67,18 +68,98 @@ def generate_math_solution(query):
         messages=[{"role": "user", "content": prompt}]
     )
     return response['choices'][0]['message']['content']
-   
-from PIL import Image  # Required for local image files
 
 # Streamlit app starts here
 st.set_page_config(page_title="AI Assistance", page_icon=":robot:", layout="wide")
 
-# Display a logo or icon
-image = Image.open("14313824.png")  # Path to your image file
-st.image(image, width=200)  # You can adjust the width as needed
-
-# Streamlit app starts here
-st.title("AI Assistance")
+# Custom CSS for the page styling
+st.markdown("""
+    <style>
+        body {
+            background-color: #f0f4f7;
+            font-family: 'Arial', sans-serif;
+            color: #333;
+        }
+        .header {
+            text-align: center;
+            font-size: 2.5em;
+            font-weight: bold;
+            color: #4CAF50;
+            margin-top: 30px;
+            animation: fadeIn 2s ease-out;
+        }
+        .sidebar .sidebar-content {
+            background-color: #333;
+            color: white;
+        }
+        .sidebar .sidebar-content a {
+            color: white;
+            font-size: 1.2em;
+        }
+        .sidebar .sidebar-content a:hover {
+            color: #4CAF50;
+        }
+        .stButton>button {
+            background-color: #4CAF50;
+            color: white;
+            font-size: 1.2em;
+            padding: 10px 20px;
+            border-radius: 5px;
+            border: none;
+            transition: background-color 0.3s;
+        }
+        .stButton>button:hover {
+            background-color: #45a049;
+        }
+        .stTextInput input {
+            padding: 10px;
+            font-size: 1.1em;
+            border-radius: 5px;
+            border: 1px solid #ccc;
+        }
+        .stFileUploader {
+            border-radius: 5px;
+            border: 1px solid #ddd;
+            padding: 10px;
+        }
+        .stImage {
+            animation: fadeIn 2s ease-out;
+        }
+        @keyframes fadeIn {
+            0% { opacity: 0; }
+            100% { opacity: 1; }
+        }
+        .stTextArea textarea {
+            padding: 10px;
+            font-size: 1.1em;
+            border-radius: 5px;
+            border: 1px solid #ccc;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
+# Custom JavaScript for animations
+st.markdown("""
+    <script type="text/javascript">
+        window.onload = function() {
+            const elements = document.querySelectorAll('.stButton button, .stTextInput input, .stTextArea textarea');
+            elements.forEach(element => {
+                element.style.transition = 'all 0.3s ease';
+                element.addEventListener('mouseover', function() {
+                    element.style.transform = 'scale(1.05)';
+                });
+                element.addEventListener('mouseout', function() {
+                    element.style.transform = 'scale(1)';
+                });
+            });
+        };
+    </script>
+""", unsafe_allow_html=True)
+
+# Add your app logic here...
+
+# Display the app header
+st.markdown("<h1 class='header'>AI Assistance</h1>", unsafe_allow_html=True)
 
 # Input OpenAI API key
 openai_api_key = st.text_input("Enter your OpenAI API key:", type="password")
@@ -106,21 +187,10 @@ if openai_api_key:
         "Text-To-Diagram-Generator"
     ))
 
-    # Add Contact information in the sidebar
-    st.sidebar.markdown("""
-        ## Contact
-    
-        For any questions or issues, please contact:
-    
-        - **Email**: [shukdevdatta@gmail.com](mailto:shukdevdatta@gmail.com)
-        - **GitHub**: [Click here to access the Github Profile](https://github.com/shukdevtroy)
-        - **WhatsApp**: [Click here to chat](https://wa.me/+8801719296601)
-        - **HuggingFace Profile**: [Click here to access the HuggingFace Profile](https://huggingface.co/shukdevdatta123)
-    """)
+    # Main app content here...
 
     if mode == "Course Query Assistant":
         st.header("Course Query Assistant")
-
         # Display image/logo in the "Course Query Assistant" section (optional)
         course_query_image = Image.open("Capture.PNG")  # Ensure the file is in the correct directory
         st.image(course_query_image, width=150)  # Adjust the size as per preference