Update app.py

app.py

@@ -43,7 +43,7 @@ college_data = {
         "RO Plant",
     ],
     "principal": "Prof Irshad Ali Otho",
-    "rooms": 24,
+    "rooms": 24,  # Replaced 'classes' with 'rooms'
     "established": "2003",
     "contact": {
         "location": "National Highway N6 bypass Daulatpur",
@@ -55,8 +55,10 @@ college_data = {
 
 # Step 3: Custom Question Logic
 def answer_question(question):
+    # Lowercase the question for simpler matching
     question = question.lower()
 
+    # Rule-based answers for specific types of questions
     if "college name" in question or "what is the name" in question:
         return f"The name of the college is {college_data['name']}."
     
@@ -108,6 +110,7 @@ def answer_question(question):
         return f"The college was established in {college_data['established']}."
     
     else:
+        # Fallback: Use NLP model
         context = (
             f"About the college: {college_data['about']}\n"
             f"Programs offered: {', '.join(college_data['programs'])}\n"
@@ -123,102 +126,37 @@ def answer_question(question):
         except Exception:
             pass
 
+        # If everything fails
         return (
             "I'm sorry, I couldn't understand your question. You can ask about programs, teachers, facilities, or contact details."
         )
 
 # Step 4: Create Gradio Interface
 with gr.Blocks() as app:
-    gr.HTML("""
-    <style>
-        body {
-            background-color: white;
-            color: black;
-            font-family: Arial, sans-serif;
-        }
-        .gradio-container {
-            background-color: white;
-            border-radius: 10px;
-            padding: 20px;
-            width: 80%;
-            margin: 0 auto;
-        }
-        .gr-textbox input {
-            background-color: #f0f0f0;
-            color: black;
-        }
-        .gr-button {
-            background-color: #007BFF;
-            color: white;
-            border-radius: 5px;
-            padding: 10px;
-            font-size: 16px;
-        }
-        .gr-button:hover {
-            background-color: #0056b3;
-        }
-        .gr-markdown {
-            font-size: 18px;
-        }
-        .gr-textbox {
-            font-size: 22px;
-            height: 150px;
-        }
-        .logo {
-            text-align: center;
-            margin-bottom: 20px;
-        }
-        .partition {
-            border-top: 2px solid #FFD700;
-            margin: 20px 0;
-            padding-top: 10px;
-        }
-        .question-answer-box {
-            transition: background-color 0.3s ease;
-            font-size: 22px;
-            padding: 20px;
-            border-radius: 8px;
-            height: 200px;
-        }
-        .question-answer-box:hover {
-            background-color: #e0f7fa;
-        }
-        .center-text {
-            text-align: center;
-            color: #007BFF;
-        }
-    </style>
-    """)
-
-    # Adding the logo (change the logo path as per your requirement)
-    gr.HTML("""
-    <div class="logo">
-        <img src="https://via.placeholder.com/150" alt="College Logo" />
-    </div>
-    """)
-
-    gr.Markdown("<h1 class='center-text' style='font-size: 36px;'>Government Boys Degree College Daulatpur</h1>")
-
-    # About Section
+    # Add logo at the top of the page
+    gr.Image(value="logo.png", label="College Logo", elem_id="logo", interactive=False)
+    
+    gr.Markdown("<h1 style='text-align: center; color: blue;'>Government Boys Degree College Daulatpur</h1>")
+    
+    # Section for 'About the College'
     with gr.Row():
-        gr.Markdown("<h3 class='center-text'>About Us</h3>")
-        gr.Markdown(college_data["about"])
-
-    gr.HTML("<div class='partition'></div>")
-
-    # Contact Information
+        gr.Markdown("### About the College")
+        about_college = gr.Textbox(value=f"{college_data['about']}\n\n{college_data['extended_about']}", 
+                                   label="About the College", interactive=False) 
+    
+    # Section for 'Contact Us'
     with gr.Row():
-        gr.Markdown("<h3 class='center-text'>Contact Information</h3>")
-        gr.Markdown(f"Location: {college_data['contact']['location']}\nPhone: {college_data['contact']['phone']}\nEmail: {college_data['contact']['email']}")
+        gr.Markdown("### Contact Us")
+        contact_info = gr.Textbox(value=f"Location: {college_data['contact']['location']}\n"
+                                  f"Phone: {college_data['contact']['phone']}\n"
+                                  f"Email: {college_data['contact']['email']}\n"
+                                  f"Facebook: {college_data['contact']['facebook']}",
+                                  label="Contact Info", interactive=False) 
 
-    gr.HTML("<div class='partition'></div>")
-
-    # Question Answering Section
-    with gr.Row():
-        gr.Markdown("<h3 class='center-text'>Ask Me About the College</h3>")
-        user_input = gr.Textbox(label="Ask your Question:", placeholder="e.g. What programs are offered?", interactive=True)
-        response_output = gr.Textbox(label="Answer", interactive=False, elem_classes="question-answer-box")
-        user_input.submit(answer_question, inputs=user_input, outputs=response_output)
+    # Question and Answer section
+    question = gr.Textbox(label="Ask a question about the college")
+    answer = gr.Textbox(label="Answer")
+    question.submit(answer_question, inputs=question, outputs=answer)
 
-# Launch the app
-app.launch(share=True)
+# Step 5: Launch the App
+app.launch()