Pathfinder / templates /candidate_matcher.html
celise88's picture
migrate to mistral LLM
54919c4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard</title>
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<header class="navbar">
<div class="navbar__brand">
<img src="/static/PF.png" class="navbar__logo" alt="Pathfinder logo" />
<a href="/" class="navbar__logo">Pathfinder</a>
</div>
<ul class="navbar__navigation">
<li class="navbar__navigation-item"><a href="/explore-job-neighborhoods/" class="navbar__link">Explore Job Neighborhoods</a></li>
<li class="navbar__navigation-item"><a href="/find-my-match/" class="navbar__link">Find My Match</a></li>
<li class="navbar__navigation-item"><a href="/find-my-hire/" class="navbar__link">Find My Next Hire</a></li>
<li class="navbar__navigation-item"><a href="/login/" class="navbar__link">Login</a></li>
<li class="navbar__navigation-item"><a href="/logout/" class="navbar__link">Logout</a></li>
</ul>
</header>
<main class="main">
<h1 class="pagetitle">Find my Next Hire!</h1>
<h2 class="pagesubtitle">We'll match the perfect candidate to your role! Upload your job description to get started!</h2>
<form class="upload" method="POST" enctype="multipart/form-data">
<input type="file" name="jobdesc" id="jobdesc" class="upload__file">
<button type="submit" class="form__submit">Submit</button>
<p class="alert">Note: This can take a while. Please be patient.</p>
</form>
<section class="output">
{% if jobdesc %}
<article class="output__section">
<h2 class="output__subtitle">Extracted Skills</h2>
<ul>
{% for skill in skills %}
<li class="sectionlist__item">{{ skill.replace('.','') }}</li>
{% endfor %}
</ul>
</article>
<article class="output__section">
<h2 class="output__subtitle">We Think Your Job Description Most Closely Matches these Roles</h2>
<p class="alert">(Note: You can click on the links to find out more.)</p>
<p class="alert">Instructions: When you have decided which job title is most closely aligned with your job description, choose the corresponding radio button and click "Submit."</p>
<form action="/find-hire/" class="selection__form" method="GET">
<table>
<thead class="output__list">
<tr>
<th class="output__list-coloreditem">Job Title</th>
<th class="output__list-coloreditem" scope="col">Match Score</th>
</tr>
</thead>
<tbody class="output__table" style="text-align: left">
{% for n in range(1,11) %}
<tr>
<th class="output__list-item" scope="row">
<input type="radio" name="jobselection" class="jobselection" value={{ simResults.loc[n, 'JobTitle'].replace(" ", "-") }} />
<a class="output__table-item" href={{ links[n] }}>{{ simResults.loc[n, 'JobTitle'] }}</a>
</th>
<td class="output__list-item" style="text-align: center">
{{ simResults.loc[n, 'Similarity'] }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<br>
<br>
<div class="radio__submit">
<button type="submit" class="radio__submit">Submit</button>
</div>
</form>
</article>
{% endif %}
</section>
</main>
<footer class="footer">
<ul class="footer__text">
<li class="footer__text-item">© 2024 Pathfinder</li>
</ul>
</footer>
</body>
</html>