Update app.py

app.py

@@ -37,13 +37,10 @@ for course_card in soup.find_all('header', class_='course-card__img-container'):
 df = pd.DataFrame(courses)
 
 # Step 3: Initialize the Groq client and set the API key
-client = Groq(api_key=creds.api_key)  # Properly passing the API key
+client = Groq(api_key=creds.api_key)
 
 def search_courses(query):
     try:
-        print(f"Searching for: {query}")
-        print(f"Number of courses in database: {len(df)}")
-
         # Prepare the prompt for Groq
         prompt = f"""Given the following query: "{query}"
         Please analyze the query and rank the following courses based on their relevance to the query. 
@@ -57,29 +54,22 @@ def search_courses(query):
         {df['title'].to_string(index=False)}
         """
 
-        print("Sending request to Groq...")
         # Get response from Groq
         response = client.chat.completions.create(
-            model="mixtral-8x7b-32768",  # Use the appropriate model
+            model="mixtral-8x7b-32768",
             messages=[{"role": "system", "content": "You are an AI assistant specialized in course recommendations."},
                       {"role": "user", "content": prompt}],
             temperature=0.2,
             max_tokens=1000
         )
-        print("Received response from Groq")
 
         # Parse Groq's response
         results = []
-        print("Groq response content:")
-        print(response.choices[0].message.content)
-        
         for line in response.choices[0].message.content.split('\n'):
             if line.startswith('Title:'):
                 title = line.split('Title:')[1].strip()
-                print(f"Found title: {title}")
             elif line.startswith('Relevance:'):
                 relevance = float(line.split('Relevance:')[1].strip())
-                print(f"Relevance for {title}: {relevance}")
                 if relevance >= 0.5:
                     matching_courses = df[df['title'] == title]
                     if not matching_courses.empty:
@@ -90,15 +80,10 @@ def search_courses(query):
                             'course_link': course['course_link'],
                             'score': relevance
                         })
-                        print(f"Added course: {title}")
-                    else:
-                        print(f"Warning: Course not found in database: {title}")
 
-        print(f"Number of results found: {len(results)}")
-        return sorted(results, key=lambda x: x['score'], reverse=True)[:10]  # Return top 10 results
+        return sorted(results, key=lambda x: x['score'], reverse=True)[:10]
 
     except Exception as e:
-        print(f"An error occurred in search_courses: {str(e)}")
         return []
 
 def gradio_search(query):
@@ -126,19 +111,18 @@ def gradio_search(query):
     else:
         return '<p class="no-results">No results found. Please try a different query.</p>'
 
-# Custom CSS for the Gradio interface
+# Dark-themed CSS
 custom_css = """
 body {
     font-family: Arial, sans-serif;
-    background-color: #f0f2f5;
-}
-h1, h2, p, .container .examples {
-    color: #333;  /* Darker color for better visibility */
+    background-color: #121212;  /* Dark background */
+    color: #E0E0E0;  /* Light text color for dark background */
 }
 .container {
     max-width: 800px;
     margin: 0 auto;
     padding: 20px;
+    color: #E0E0E0;
 }
 .results-container {
     display: flex;
@@ -146,9 +130,9 @@ h1, h2, p, .container .examples {
     justify-content: space-between;
 }
 .course-card {
-    background-color: white;
+    background-color: #1E1E1E;  /* Darker card background */
     border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
     margin-bottom: 20px;
     overflow: hidden;
     width: 48%;
@@ -168,10 +152,10 @@ h1, h2, p, .container .examples {
 .course-info h3 {
     margin-top: 0;
     font-size: 18px;
-    color: #333;
+    color: #E0E0E0;  /* Light text color */
 }
 .course-info p {
-    color: #666;
+    color: #B0B0B0;  /* Slightly darker text color for contrast */
     font-size: 14px;
     margin-bottom: 10px;
 }
@@ -190,7 +174,7 @@ h1, h2, p, .container .examples {
 }
 .no-results {
     text-align: center;
-    color: #666;
+    color: #B0B0B0;
     font-style: italic;
 }
 """