Update Similarity Score Button and Message (#1)

- Update Similarity Score Button and Message (7e5d74af430fde43c55640e6120bf72442956b04)


Co-authored-by: Paulie Korukundo <[email protected]>

app.py

@@ -40,6 +40,98 @@ st.markdown("""
 st.title("Resume Tailoring with Google Generative AI")
 st.markdown("### Upload your resume and job description to check similarity and generate a tailored resume.")
 
+# Two columns for file uploaders
+col1, col2 = st.columns(2)
+with col1:
+    uploaded_resume = st.file_uploader("Upload Current Resume (.docx or .pdf)", type=["docx", "pdf"], key="resume")
+with col2:
+    uploaded_job_description = st.file_uploader("Upload Job Description (.docx or .pdf)", type=["docx", "pdf"], key="job_description")
+
+# Process if files are uploaded
+if uploaded_resume and uploaded_job_description:
+    # Save files
+    resume_path = save_uploaded_file(uploaded_resume)
+    job_description_path = save_uploaded_file(uploaded_job_description)
+
+    # Similarity Score Section
+    st.markdown("---")
+    st.subheader("Check Resume Similarity")
+
+    if st.btn("Check Similarity Score"):
+        similarity_score = similarity_main(resume_path, job_description_path)
+        if isinstance(similarity_score, str) and '%' in similarity_score:
+            similarity_score = float(similarity_score.replace('%', ''))
+            # Custom CSS for styling
+st.markdown("""
+    <style>
+        .main {
+            background-color: #f5f5f5;
+            font-family: Arial, sans-serif;
+        }
+        h1, h2 {
+            color: #4B7BE5;
+            text-align: center;
+        }
+        .stButton>button {
+            background-color: #4B7BE5;
+            color: white;
+            font-size: 18px;
+        }
+        .stButton>button:hover {
+            background-color: #3A6FD8;
+            color: white;
+        }
+
+        /* From Uiverse.io by e-coders */ 
+        btn {
+         appearance: none;
+         background-color: transparent;
+         border: 0.125em solid #1A1A1A;
+         border-radius: 0.9375em;
+         box-sizing: border-box;
+         color: #3B3B3B;
+         cursor: pointer;
+         display: inline-block;
+         font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+         font-size: 16px;
+         font-weight: 600;
+         line-height: normal;
+         margin: 0;
+         min-height: 3.75em;
+         min-width: 0;
+         outline: none;
+         padding: 1em 2.3em;
+         text-align: center;
+         text-decoration: none;
+         transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
+         user-select: none;
+         -webkit-user-select: none;
+         touch-action: manipulation;
+         will-change: transform;
+        }
+        
+        btn:disabled {
+         pointer-events: none;
+        }
+        
+        btn:hover {
+         color: #fff;
+         background-color: #1A1A1A;
+         box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
+         transform: translateY(-2px);
+        }
+        
+        btn:active {
+         box-shadow: none;
+         transform: translateY(0);
+        }
+    </style>
+""", unsafe_allow_html=True)
+
+# Title and Description
+st.title("Resume Tailoring with Google Generative AI")
+st.markdown("### Upload your resume and job description to check similarity and generate a tailored resume.")
+
 # Two columns for file uploaders
 col1, col2 = st.columns(2)
 with col1:
@@ -61,6 +153,17 @@ if uploaded_resume and uploaded_job_description:
         similarity_score = similarity_main(resume_path, job_description_path)
         if isinstance(similarity_score, str) and '%' in similarity_score:
             similarity_score = float(similarity_score.replace('%', ''))
+            
+            # Display messages based on score range
+            if similarity_score < 50:
+                st.subheader(colored("Low chance, need to modify your CV!", "red", attrs=["bold"]))
+                pie_colors = ['#FF4B4B', '#E5E5E5']  
+            elif 50 <= similarity_score < 70:
+                st.subheader(colored("Good chance but you can improve further!", "yellow", attrs=["bold"]))
+                pie_colors = ['#FFC107', '#E5E5E5']  
+            else:
+                st.subheader(colored("Excellent! You can submit your CV.", "green", attrs=["bold"]))
+                pie_colors = ['#4CAF50', '#E5E5E5']  
 
         # Display Score as a Pie Chart
         st.markdown(f"### Similarity Score: {int(similarity_score)}%")