Update app.py

app.py

@@ -68,82 +68,116 @@ def display_resume(file, index):
 # Streamlit page configuration for better layout
 st.set_page_config(page_title="ATS Resume Evaluation System", layout="wide")
 
-# Custom styles for headers and buttons
+# Custom styles for headers, buttons, and sections
 st.markdown("""
     <style>
     .title {
         text-align: center;
-        font-size: 36px;
+        font-size: 40px;
         font-weight: bold;
         color: #4CAF50;
+        font-family: 'Arial', sans-serif;
     }
     .subtitle {
         text-align: center;
-        font-size: 18px;
+        font-size: 22px;
         color: #6c757d;
+        font-family: 'Arial', sans-serif;
+    }
+    .section-header {
+        font-size: 24px;
+        color: #333333;
+        margin-top: 20px;
+        margin-bottom: 10px;
+        font-family: 'Arial', sans-serif;
     }
     .button {
         background-color: #4CAF50;
         color: white;
-        font-size: 16px;
-        padding: 10px 20px;
-        border-radius: 5px;
+        font-size: 18px;
+        padding: 12px 24px;
+        border-radius: 8px;
         width: 100%;
         margin: 20px 0;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
     .button:hover {
         background-color: #45a049;
+        cursor: pointer;
+    }
+    .file-upload {
+        background-color: #f8f8f8;
+        padding: 20px;
+        border-radius: 10px;
+        border: 1px solid #e0e0e0;
+    }
+    .resume-content {
+        background-color: #f1f1f1;
+        border-radius: 8px;
+        padding: 15px;
+        margin-top: 10px;
+    }
+    .highlight {
+        font-weight: bold;
+        color: #4CAF50;
+        font-size: 16px;
+    }
+    .spinner {
+        margin-top: 20px;
     }
     </style>
 """, unsafe_allow_html=True)
 
-# Sidebar with instructions and navigation
-st.sidebar.title("Navigation")
-page = st.sidebar.radio("Go to", ["Resume Analyzer"])
-
-if page == "Resume Analyzer":
-    st.markdown('<div class="title">📄🔍 ATS Resume Evaluation System</div>', unsafe_allow_html=True)
-    st.markdown('<div class="subtitle">Upload your resume and job description to evaluate match with job requirements</div>', unsafe_allow_html=True)
-
-    job_description = st.text_area("Job Description:", height=200)
-    resumes = st.file_uploader("Upload your resumes (PDF or DOCX)", type=["pdf", "docx"], accept_multiple_files=True)
-
-    if resumes:
-        st.write("Uploaded Resumes:")
-        for index, resume in enumerate(resumes):
-            st.write(f"📄 {resume.name}")
-            display_resume(resume, index)  # Passing the index to ensure unique keys
-
-    # Analyze resumes button with a custom style
-    if st.button("Analyze Resumes", key="analyze_button"):
-        if job_description and resumes:
-            if len(resumes) <= 10:  # Limit to a maximum of 10 resumes
-                with st.spinner("Analyzing..."):
-                    for index, resume in enumerate(resumes):
-                        resume.seek(0)  # Reset the file pointer
-                        file_type = resume.name.split('.')[-1].lower()
-
-                        # Extract resume text based on file type
-                        if file_type == 'pdf':
-                            resume_text = extract_text_from_pdf(resume)
-                        elif file_type == 'docx':
-                            resume_text = extract_text_from_docx(resume)
-
-                        # Analyze the resume text
-                        analysis = analyze_documents(resume_text, job_description)
-                        
-                        if "candidates" in analysis:
-                            for candidate in analysis["candidates"]:
-                                if "content" in candidate and "parts" in candidate["content"]:
-                                    for part in candidate["content"]["parts"]:
-                                        response_text = part["text"]
-                                        
-                                        # Display the analysis results
-                                        st.markdown(response_text)
-
-                st.success("Analysis Complete!")
-            else:
-                st.error("You can upload a maximum of 10 resumes.")
+# Remove navigation and use centered layout
+st.markdown('<div class="title">📄🔍 Resume Evaluation System 📊</div>', unsafe_allow_html=True)  # Updated title with both emojis
+st.markdown('<div class="subtitle">Upload your resume and job description to evaluate match with job requirements</div>', unsafe_allow_html=True)
+
+# Section for Job Description
+job_description = st.text_area("Job Description:", height=200, placeholder="Paste the job description here...", label_visibility="collapsed")
+
+# Section for uploading resumes
+st.markdown('<div class="section-header">Upload Resumes (PDF or DOCX)</div>', unsafe_allow_html=True)
+resumes = st.file_uploader("Upload your resumes", type=["pdf", "docx"], accept_multiple_files=True)
+
+if resumes:
+    st.write("Uploaded Resumes:")
+    for index, resume in enumerate(resumes):
+        st.write(f"📄 {resume.name}")
+        display_resume(resume, index)  # Passing the index to ensure unique keys
+
+# Section for analysis button
+st.markdown('<div class="section-header">Analyze Resumes</div>', unsafe_allow_html=True)
+if st.button("Analyze Resumes", key="analyze_button", help="Click to analyze the uploaded resumes against the job description"):
+    if job_description and resumes:
+        if len(resumes) <= 10:  # Limit to a maximum of 10 resumes
+            with st.spinner("Analyzing..."):
+                for index, resume in enumerate(resumes):
+                    resume.seek(0)  # Reset the file pointer
+                    file_type = resume.name.split('.')[-1].lower()
+
+                    # Extract resume text based on file type
+                    if file_type == 'pdf':
+                        resume_text = extract_text_from_pdf(resume)
+                    elif file_type == 'docx':
+                        resume_text = extract_text_from_docx(resume)
+
+                    # Analyze the resume text
+                    analysis = analyze_documents(resume_text, job_description)
+
+                    if "candidates" in analysis:
+                        for candidate in analysis["candidates"]:
+                            if "content" in candidate and "parts" in candidate["content"]:
+                                for part in candidate["content"]["parts"]:
+                                    response_text = part["text"]
+
+                                    # Highlight match percentage by looking for the keyword "match percentage"
+                                    response_text = response_text.replace("Match Percentage:", '<span class="highlight">Match Percentage:</span>')
+
+                                    # Display the analysis results
+                                    st.markdown(response_text, unsafe_allow_html=True)
+
+            st.success("Analysis Complete!")
         else:
-            st.error("Please enter the job description and upload at least one resume.")
-
+            st.error("You can upload a maximum of 10 resumes.")
+    else:
+        st.error("Please enter the job description and upload at least one resume.")