Spaces:
Runtime error
Runtime error
| <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 Perfect Match!</h1> | |
| <h2 class="pagesubtitle">We'll help you find the perfect job for you! Upload your resume, CV, or cover letter to get started!</h2> | |
| <form id="upload" class="upload" method="POST" enctype="multipart/form-data"> | |
| <input type="file" name="resume" id="resume" 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 resume %} | |
| <article class="output__section"> | |
| <h2 class="output__subtitle">Extracted Skills</h3> | |
| <ul class="output__list-coloreditem"> | |
| {% for skill in skills %} | |
| <li class="sectionlist__item">{{ skill.replace('.','') }}</li> | |
| {% endfor %} | |
| </ul> | |
| </article> | |
| <article class="output__section"> | |
| <h2 class="output__subtitle">Job Matches</h3> | |
| <p class="alert">(Note: You can click on the links to find out more.)</p> | |
| <p class="alert">Instructions: Choose the radio button corresponding to the job title that is most closely aligned with your skills and interests"</p> | |
| <form action="/find-match/" 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__list" 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> | |
| <label for="state" class="form__label">Select the state in which you would like to work:</label> | |
| <select name="state" class="form__dropdown" id="state"> | |
| {% for state in statelist %} | |
| <option value="{{ state }}">{{ state }}</option> | |
| {% endfor %} | |
| </select> | |
| <br> | |
| <br> | |
| <button type="submit" class="radio__submit">Submit</button> | |
| </form> | |
| </article> | |
| {% endif %} | |
| </section> | |
| </main> | |
| <footer class="footer"> | |
| <ul class="footer__text"> | |
| <li class="footer__text-item">© 2024 Pathfinder</li> | |
| </ul> | |
| </footer> | |
| </body> | |
| </html> |