File size: 3,499 Bytes
7420aeb
 
 
 
 
 
 
644c461
7420aeb
 
 
 
644c461
3f30eb7
7420aeb
 
3f30eb7
 
7420aeb
 
 
 
 
e54baff
b2bedce
7420aeb
c4f61c2
7420aeb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d305272
7420aeb
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!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>
        </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 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>
                {% for word in resume.lower().replace("-"," ").replace(")","").replace("(","").replace(":","").replace(",","").replace("/"," ").split(" ") %}
                    {% if skills.get(word) == "Skill" %}
                        <span class="output__list-coloreditem">{{ word }}</span>
                    {% else %}
                        <span class="output__list-item">{{ word }}</span>
                    {% endif %}
                {% endfor %}
            </ul>
            </article>
            <article class="output__section">
                <h2 class="output__subtitle">Job Matches</h3>
                <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">
                        {% for n in range(1,11) %}
                            <tr>
                                <th class="output__list-item" scope="row">{{ simResults.loc[n, 'JobTitle'] }}</th>
                                <td class="output__list-item">{{ simResults.loc[n, 'Similarity'] }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </article>
            {% endif %}
        </section>
    </main>
    <footer class="footer">
        <ul class="footer__text">
            <li class="footer__text-item">© 2023 Pathfinder</li>
            <li class="footer__text-item">For details on the finetuned distilbert model being used in this step, please see: <a class="footer__text-link" href="https://www.github.com/celise88/Pathfinder">github.com/celise88/Pathfinder</li>
        </ul>
    </footer>
</body>
</html>