Update app.py

app.py

@@ -101,8 +101,8 @@ def orchestrate_workflow(client, url):
 st.markdown(
     """
     <style>
-    .title { text-align: center; font-size: 2.8rem; font-weight: bold; margin-bottom: 20px; }
-    .description { text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 30px; }
+    .title { text-align: center; font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; }
+    .description { text-align: center; font-size: 1.0rem; color: #555; margin-bottom: 30px; }
     .section { margin-top: 30px; margin-bottom: 30px; }
     .ack { font-size: 0.95rem; color: #888; text-align: center; margin-top: 50px; }
     </style>
@@ -110,14 +110,16 @@ st.markdown(
     unsafe_allow_html=True,
 )
 
-# Add cover image
-st.image("./image-4.png", use_column_width=True)
-
-# Title and description
+# 1. Add the title at the top
 st.markdown('<div class="title">Swarm-based Web Content Analyzer 🧐</div>', unsafe_allow_html=True)
+
+# 2. Add the image below the title
+st.image("/image-4.png", use_column_width=True)
+
+# 3. Add the description below the image
 st.markdown('<div class="description">Effortlessly extract, analyze, and summarize web content using multi-agents.</div>', unsafe_allow_html=True)
 
-# Add some spacing
+# Add some spacing between sections
 st.markdown('<div class="section"></div>', unsafe_allow_html=True)
 
 fetch_openai_api_key()
@@ -125,14 +127,14 @@ fetch_openai_api_key()
 if 'OPENAI_API_KEY' in os.environ and os.environ['OPENAI_API_KEY']:
     client = initialize_swarm_client()
 
-    # Input field for the website URL
+    # 4. Add interface for URL input
     st.subheader("🌍 Enter the Website URL")
     url = st.text_input("Enter the URL of the website you want to scrape", placeholder="https://example.com")
 
     # Add some spacing
     st.markdown('<div class="section"></div>', unsafe_allow_html=True)
 
-    # Run the workflow logic
+    # Add the "Run Workflow" button
     if st.button("🚀 Run Workflow", key="run"):
         if url:
             with st.spinner("Running the multi-agent workflow... This may take a moment."):
@@ -150,11 +152,8 @@ st.divider()
 st.markdown(
     """
     <div class="ack">
-        Acknowledgment: This app is based on <a href="https://github.com/jadouse5/openai-swarm-webscraper" target="_blank">Jad Tounsi El Azzoiani's</a> work.
+        Acknowledgment: This app is based on <a href="https://github.com/jadouse5/openai-swarm-webscraper" target="_blank">Jad Tounsi El Azzoiani's work</a>.
     </div>
     """,
     unsafe_allow_html=True
 )
-
-
-