File size: 4,754 Bytes
7420aeb
 
 
 
 
 
 
644c461
7420aeb
 
 
 
644c461
3f30eb7
7420aeb
 
3f30eb7
 
2f1b978
2b80df9
20835e9
7420aeb
 
 
 
 
20835e9
b2bedce
7420aeb
c4f61c2
7420aeb
 
 
 
 
54919c4
 
 
 
 
7420aeb
 
 
d61cc16
24de2aa
d61cc16
 
 
7420aeb
d61cc16
 
7420aeb
d61cc16
 
 
 
 
0726b70
d61cc16
 
 
 
 
 
 
 
 
 
 
24de2aa
 
 
 
 
 
 
 
 
d61cc16
7420aeb
 
 
 
 
 
54919c4
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!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 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>