improve format of the app

app.py

@@ -7,22 +7,33 @@ import recruiting_assistant
 
 def search_resume(input_text):
     url = f"https://n970resrb9.execute-api.eu-west-1.amazonaws.com/dev/prediction"  # replace with your API endpoint
-    headers = {'Content-Type': 'application/json', "x-api-key": os.environ["API_KEY"]}  # adjust headers as needed
-    response = requests.post(url, headers=headers, data=json.dumps({"text": input_text}))
+    headers = {
+        "Content-Type": "application/json",
+        "x-api-key": os.environ["API_KEY"],
+    }  # adjust headers as needed
+    response = requests.post(
+        url, headers=headers, data=json.dumps({"text": input_text})
+    )
     response_data = response.json()
 
-    if 'prediction' in response_data:
+    if "prediction" in response_data:
         prediction = response_data["prediction"]
         if isinstance(prediction, list):
             # Insert a newline after each '.'
             # Insert a newline after each '.' and add "Candidate <follow up number>:\n" before each item
-            updated_prediction = [f"Candidate {i+1}:\n=============================\n{s}" for i, s in enumerate(prediction)]
-            updated_prediction = [s.replace('. ', '.\n') for s in updated_prediction]
-            updated_prediction = [s.replace('•', '\n - ') for s in updated_prediction]
+            updated_prediction = [
+                f"Candidate {i+1}:\n=============================\n{s}"
+                for i, s in enumerate(prediction)
+            ]
+            updated_prediction = [s.replace(". ", ".\n") for s in updated_prediction]
+            updated_prediction = [s.replace("•", "\n - ") for s in updated_prediction]
             return "\n\n".join(updated_prediction)
     return "No 'prediction' key found in the response or the 'body' is not a list."
 
-examples = [["""
+
+examples = [
+    [
+        """
 DATA SCIENTIST - GENTIS
 ========================
 I am in contact with a top company in Ghent where they are looking for an additional Data Scientist. Beware... Once you start there, you won't be leaving anytime soon. The company likes to keep their employees happy, so few leave.
@@ -45,9 +56,10 @@ Lots of remote work and flexibility, so bye bye traffic JAMS!
 A renovated office with everything you could dream of full with surprises and extras
 
 If you are interested or want more info, don't hesitate to contact me.
-"""],
-[
 """
+    ],
+    [
+        """
 Payroll, Benefits & Office Manager
 ================================
 
@@ -68,38 +80,199 @@ A company on a human scale in which you quickly see the impact of your actions
 An attractive salary package with company car, accompanied by various extra-legal benefits (meal vouchers, group insurance, hospitalization insurance, etc.)
 39 days off per year
 """
-]
+    ],
 ]
 
-demo = gr.Blocks()
 
+css = """
+        .gradio-container {
+            font-family: 'IBM Plex Sans', sans-serif;
+        }
+        .gr-button {
+            color: white;
+            border-color: black;
+            background: black;
+        }
+        input[type='range'] {
+            accent-color: black;
+        }
+        .dark input[type='range'] {
+            accent-color: #dfdfdf;
+        }
+        .container {
+            max-width: 730px;
+            margin: auto;
+            padding-top: 1.5rem;
+        }
+        #gallery {
+            min-height: 22rem;
+            margin-bottom: 15px;
+            margin-left: auto;
+            margin-right: auto;
+            border-bottom-right-radius: .5rem !important;
+            border-bottom-left-radius: .5rem !important;
+        }
+        #gallery>div>.h-full {
+            min-height: 20rem;
+        }
+        .details:hover {
+            text-decoration: underline;
+        }
+        .gr-button {
+            white-space: nowrap;
+        }
+        .gr-button:focus {
+            border-color: rgb(147 197 253 / var(--tw-border-opacity));
+            outline: none;
+            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+            --tw-border-opacity: 1;
+            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);
+            --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
+            --tw-ring-opacity: .5;
+        }
+        #advanced-btn {
+            font-size: .7rem !important;
+            line-height: 19px;
+            margin-top: 12px;
+            margin-bottom: 12px;
+            padding: 2px 8px;
+            border-radius: 14px !important;
+        }
+        #advanced-options {
+            display: none;
+            margin-bottom: 20px;
+        }
+        .footer {
+            margin-bottom: 45px;
+            margin-top: 35px;
+            text-align: center;
+            border-bottom: 1px solid #e5e5e5;
+        }
+        .footer>p {
+            font-size: .8rem;
+            display: inline-block;
+            padding: 0 10px;
+            transform: translateY(10px);
+            background: white;
+        }
+        .dark .footer {
+            border-color: #303030;
+        }
+        .dark .footer>p {
+            background: #0b0f19;
+        }
+        .acknowledgments h4{
+            margin: 1.25em 0 .25em 0;
+            font-weight: bold;
+            font-size: 115%;
+        }
+        .animate-spin {
+            animation: spin 1s linear infinite;
+        }
+        @keyframes spin {
+            from {
+                transform: rotate(0deg);
+            }
+            to {
+                transform: rotate(360deg);
+            }
+        }
+        #share-btn-container {
+            display: flex; padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; width: 13rem;
+            margin-top: 10px;
+            margin-left: auto;
+        }
+        #share-btn {
+            all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;right:0;
+        }
+        #share-btn * {
+            all: unset;
+        }
+        #share-btn-container div:nth-child(-n+2){
+            width: auto !important;
+            min-height: 0px !important;
+        }
+        #share-btn-container .wrap {
+            display: none !important;
+        }
+
+        .gr-form{
+            flex: 1 1 50%; border-top-right-radius: 0; border-bottom-right-radius: 0;
+        }
+        #prompt-container{
+            gap: 0;
+        }
+        #prompt-text-input, #negative-prompt-text-input{padding: .45rem 0.625rem}
+        #component-16{border-top-width: 1px!important;margin-top: 1em}
+        .image_duplication{position: absolute; width: 100px; left: 50px}
+"""
+
+demo = gr.Blocks(css=css)
 
 with demo:
-    gr.Markdown("""
-    # Recruiter Assistant
-    ## 1. Provide a vacancy and get back relevant resumes from a database
-    We have about 1000 resumes in our database: https://huggingface.co/datasets/Sachinkelenjaguri/Resume_dataset
-    """)
-    text_vacancy = gr.Textbox(hint="Paste here a Vacancy...", lines=7, label="Copy/paste here a vacancy")
+    gr.HTML(
+        """
+            <div style="text-align: center; margin: 0 auto;">
+              <div
+                style="
+                  display: inline-flex;
+                  align-items: center;
+                  gap: 0.8rem;
+                  font-size: 1.75rem;
+                "
+              >
+
+                <h1 style="font-weight: 900; margin-bottom: 7px;margin-top:5px">
+                  Recruiter Assistent
+                </h1>
+              </div>
+              <p style="margin-bottom: 10px; font-size: 94%; line-height: 23px;">
+                <b>Helps recruiters to find relevant resumes in a database and write a relevant introduction email to the customer.
+                </br>We have more than 100 distinct resumes in our database for various type of roles (data scientist / hr / lawyer / ...)\n
+                </br>We got the resumes from <a style="text-decoration: underline;" href="https://huggingface.co/datasets/Sachinkelenjaguri/Resume_dataset">here</a> 
+              </p>
+            </div>
+        """
+    )
+    gr.Markdown(
+        """
+
+    ## 1. Provide a vacancy and get back relevant resumes from an entire database of resumes for various roles.
+    """
+    )
+    text_vacancy = gr.Textbox(
+        hint="Paste here a Vacancy...", lines=7, label="Copy/paste here a vacancy"
+    )
     b1 = gr.Button("Search Resume")
-    text_search_result = gr.Textbox(hint="Top resumes will appear here ...", label="Top resumes found in the database")
+    text_search_result = gr.Textbox(
+        hint="Top resumes will appear here ...",
+        label="Top resumes found in the database",
+    )
     b1.click(search_resume, inputs=text_vacancy, outputs=text_search_result)
-    gr.Markdown("""
-    ## 2. Select an appropriate resume for this vacancy, paste it in the textfield and write a relevant introduction email
-    """)
-    text_resume = gr.Textbox(hint="Paste here a Resume...", label="Copy / Paste here your prefered resume from above and click the button to write an intro ")
+    gr.Markdown(
+        """
+
+    ## 2. Select an appropriate resume for this vacancy, paste it in the textfield and get a relevant introduction email.
+    """
+    )
+    text_resume = gr.Textbox(
+        hint="Paste here a Resume...",
+        label="Copy / Paste here your prefered resume from above and click the button to write an intro ",
+    )
     b2 = gr.Button("Write a relevant intro")
-    gr.Markdown("""
-    ## 3. You have a relevant introduction email to send to the customer
-    """)
+    gr.Markdown(
+        """
+
+    ## 3. You have a relevant introduction email to send to the customer.
+    """
+    )
     text_intro = gr.Textbox(label="Intro Email")
     evaluation = gr.Textbox(label="Evaluation of the skills")
-    b2.click(recruiting_assistant.create_intro,
-             inputs=[
-                 text_vacancy,
-                 text_resume
-             ],
-             outputs=[text_intro, evaluation]
+    b2.click(
+        recruiting_assistant.create_intro,
+        inputs=[text_vacancy, text_resume],
+        outputs=[text_intro, evaluation],
     )
 
     gr.Examples(
@@ -110,4 +283,4 @@ with demo:
         cache_examples=False,
     )
 
-demo.launch()
+demo.launch()

requirements.txt

@@ -3,21 +3,21 @@ aiofiles==23.1.0 ; python_version >= '3.7' and python_version < '4.0'
 aiohttp==3.8.5 ; python_version >= '3.6'
 aiosignal==1.3.1 ; python_version >= '3.7'
 altair==5.0.1 ; python_version >= '3.7'
-annotated-types==0.5.0 ; python_version >= '3.7'
 anyio==3.7.1 ; python_version >= '3.7'
-async-timeout==4.0.2 ; python_version < '3.11'
+async-timeout==4.0.2 ; python_version >= '3.6'
 attrs==23.1.0 ; python_version >= '3.7'
-certifi==2023.5.7 ; python_version >= '3.6'
+boto3==1.28.10
+botocore==1.31.10 ; python_version >= '3.7'
+certifi==2023.7.22 ; python_version >= '3.6'
 charset-normalizer==3.2.0 ; python_full_version >= '3.7.0'
 click==8.1.6 ; python_version >= '3.7'
 contourpy==1.1.0 ; python_version >= '3.8'
 cycler==0.11.0 ; python_version >= '3.6'
 dataclasses-json==0.5.13 ; python_version < '3.12' and python_version >= '3.7'
-exceptiongroup==1.1.2 ; python_version < '3.11'
 fastapi==0.100.0 ; python_version >= '3.7'
 ffmpy==0.3.1
 filelock==3.12.2 ; python_version >= '3.7'
-fonttools==4.41.0 ; python_version >= '3.8'
+fonttools==4.41.1 ; python_version >= '3.8'
 frozenlist==1.4.0 ; python_version >= '3.8'
 fsspec==2023.6.0 ; python_version >= '3.8'
 gradio==3.38.0
@@ -27,13 +27,13 @@ httpcore==0.17.3 ; python_version >= '3.7'
 httpx==0.24.1 ; python_version >= '3.7'
 huggingface-hub==0.16.4 ; python_full_version >= '3.7.0'
 idna==3.4 ; python_version >= '3.5'
-importlib-resources==6.0.0 ; python_version < '3.10'
 jinja2==3.1.2 ; python_version >= '3.7'
+jmespath==1.0.1 ; python_version >= '3.7'
 jsonschema==4.18.4 ; python_version >= '3.8'
 jsonschema-specifications==2023.7.1 ; python_version >= '3.8'
 kiwisolver==1.4.4 ; python_version >= '3.7'
-langchain==0.0.238
-langsmith==0.0.12 ; python_version < '4.0' and python_full_version >= '3.8.1'
+langchain==0.0.240
+langsmith==0.0.14 ; python_version < '4.0' and python_full_version >= '3.8.1'
 linkify-it-py==2.0.2
 markdown-it-py[linkify]==2.2.0 ; python_version >= '3.7'
 markupsafe==2.1.3 ; python_version >= '3.7'
@@ -44,18 +44,15 @@ mdurl==0.1.2 ; python_version >= '3.7'
 multidict==6.0.4 ; python_version >= '3.7'
 mypy-extensions==1.0.0 ; python_version >= '3.5'
 numexpr==2.8.4 ; python_version >= '3.7'
-numpy==1.24.4 ; python_version >= '3.8'
+numpy==1.25.1 ; python_version >= '3.9'
 openai==0.27.8
 openapi-schema-pydantic==1.2.4 ; python_full_version >= '3.6.1'
 orjson==3.9.2 ; python_version >= '3.7'
 packaging==23.1 ; python_version >= '3.7'
 pandas==2.0.3 ; python_version >= '3.8'
 pillow==10.0.0 ; python_version >= '3.8'
-pkgutil-resolve-name==1.3.10 ; python_version < '3.9'
 pydantic==1.10.11 ; python_version >= '3.7'
-pydantic-core==2.3.0 ; python_version >= '3.7'
 pydub==0.25.1
-pygments==2.15.1 ; python_version >= '3.7'
 pyparsing==3.0.9 ; python_full_version >= '3.6.8'
 python-dateutil==2.8.2 ; python_version >= '2.7' and python_version not in '3.0, 3.1, 3.2, 3.3'
 python-multipart==0.0.6 ; python_version >= '3.7'
@@ -64,6 +61,8 @@ pyyaml==6.0.1 ; python_version >= '3.6'
 referencing==0.30.0 ; python_version >= '3.8'
 requests==2.31.0
 rpds-py==0.9.2 ; python_version >= '3.8'
+s3fs==0.4.2
+s3transfer==0.6.1 ; python_version >= '3.7'
 semantic-version==2.10.0 ; python_version >= '2.7'
 six==1.16.0 ; python_version >= '2.7' and python_version not in '3.0, 3.1, 3.2, 3.3'
 sniffio==1.3.0 ; python_version >= '3.7'
@@ -76,8 +75,8 @@ typing-extensions==4.7.1 ; python_version >= '3.7'
 typing-inspect==0.9.0
 tzdata==2023.3 ; python_version >= '2'
 uc-micro-py==1.0.2 ; python_version >= '3.7'
-urllib3==2.0.4 ; python_version >= '3.7'
+urllib3==1.26.16 ; python_version >= '2.7' and python_version not in '3.0, 3.1, 3.2, 3.3, 3.4, 3.5'
+utils==1.0.1
 uvicorn==0.23.1 ; python_version >= '3.8'
 websockets==11.0.3 ; python_version >= '3.7'
 yarl==1.9.2 ; python_version >= '3.7'
-zipp==3.16.2 ; python_version < '3.10'