Update sherlock2.py

sherlock2.py

@@ -291,52 +291,86 @@ def chat_with_sherlock():
         with output_container:
             display_chat_history()
 def main():
-    # --- Vintage Sherlock Holmes Theme ---
-    st.set_page_config(page_title="AI Detective Sherlock Holmes", page_icon=":mag_right:")
-
-    # Custom CSS for Styling
-    vintage_css = """
+    # --- Custom CSS for Styling ---
+    custom_css = """
     <style>
-    body {
-        background-color: #d2b48c; /* Antique White */
-        color: #332200; /* Dark Brown */
-        font-family: 'Times New Roman', serif; 
-    }
-    h1, h2, h3 {
-        color: #8b4513; /* Saddle Brown */
-    }
-    .stTextInput > div > div > input {
-        border: 1px solid #8b4513;
-        border-radius: 5px;
-        padding: 10px;
-        font-size: 16px;
-        width: 100%;
-        box-sizing: border-box;
-    }
-    .stButton > button {
-        background-color: #8b4513;
-        color: white;
-        border: none;
-        border-radius: 5px;
-    }
+        body {
+            background-color: #f8f8f8;
+            color: #333333;
+            font-family: 'Georgia', serif;
+        }
+        h1, h2, h3 {
+            color: #4d4d4d;
+            font-weight: bold;
+        }
+        .stTextInput > div > div > input {
+            border: 1px solid #4d4d4d;
+            border-radius: 5px;
+            padding: 10px;
+            font-size: 16px;
+            width: 100%;
+            box-sizing: border-box;
+        }
+        .stButton > button {
+            background-color: #4d4d4d;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            padding: 10px 20px;
+            font-size: 16px;
+            cursor: pointer;
+        }
+        .stButton > button:hover {
+            background-color: #333333;
+        }
+        .stExpander > div > div {
+            background-color: #f0f0f0;
+            padding: 20px;
+            border-radius: 5px;
+        }
+        .stContainer {
+            padding: 20px;
+            background-color: #ffffff;
+            border-radius: 5px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
     </style>
     """
-    st.markdown(vintage_css, unsafe_allow_html=True)  # Apply custom CSS
+    st.markdown(custom_css, unsafe_allow_html=True)  # Apply custom CSS
 
-    # Title and Header
+    # --- Title and Header ---
     st.title("AI Detective Sherlock Holmes")
     st.header("_'Elementary, my dear Watson!'_")
 
-
+    # --- Sidebar Navigation ---
+    st.sidebar.title("Navigation")
     pages = {
         "Investigate a Case": investigate,
         "Chat with Sherlock": chat_with_sherlock
     }
+    page = st.sidebar.radio("Choose an action:", list(pages.keys()))
+
+    # --- Show Intro Popup ---
+    with st.expander("Welcome to AI Detective Sherlock Holmes!"):
+        st.write("""
+        **Meet Sherlock Holmes, the world's most renowned detective!**
 
-    show_intro_popup()
+        This application allows you to:
+
+        * **Investigate Cases:** Upload case files and images for Sherlock to analyze. He will use his exceptional deductive reasoning skills to uncover clues and provide insights.
+        * **Chat with Sherlock:** Ask him questions and get his expert opinion on various aspects of the case.
+
+        **To chat with Sherlock, go to the "Chat with Sherlock" page in the sidebar.**
+
+        **Important Note:**
+
+        While the internet can be a valuable resource, it's crucial to be aware that not all information found online is accurate or reliable. To ensure the integrity of our investigation, we prioritize the use of trustworthy sources such as official documents, witness testimonies, and expert analysis.
+
+        Therefore, **we advise against relying solely on internet searches** during the investigation process. Instead, focus on providing Sherlock with concrete evidence and factual information to facilitate his deductions.
+
+        Remember, the truth is often elusive, but with careful observation, logical reasoning, and a discerning eye, we can unravel even the most complex mysteries.
+        """)
 
-    st.sidebar.title("Navigation")
-    page = st.sidebar.radio("Choose an action:", list(pages.keys()))
     pages[page]()
 
 if __name__ == "__main__":