mirror of
https://github.com/gabrielkheisa/gemini-resume-checker.git
synced 2025-02-23 01:14:12 +07:00
48 lines
2.2 KiB
HTML
48 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>CV Reader & Job Match</title>
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
||
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <!-- Chart.js for Pie Chart -->
|
||
|
|
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
||
|
|
</head>
|
||
|
|
<body class="bg-light">
|
||
|
|
<div class="container py-5">
|
||
|
|
<h2 class="text-center mb-4">CV Reader & Job Description Compatibility</h2>
|
||
|
|
<div class="card shadow p-4">
|
||
|
|
<form id="upload-form" method="post" enctype="multipart/form-data">
|
||
|
|
<input type="hidden" id="csrf_token" value="{{ csrf_token() }}">
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="file" class="form-label">Upload Your CV (PDF)</label>
|
||
|
|
<input class="form-control" type="file" name="file" id="file" accept="application/pdf">
|
||
|
|
</div>
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="text_input" class="form-label">Job Description</label>
|
||
|
|
<textarea class="form-control" name="text_input" id="text_input" rows="3" placeholder="Paste the job description here..." maxlength="2000"></textarea>
|
||
|
|
<!-- Google reCAPTCHA Widget -->
|
||
|
|
<div class="mt-3">
|
||
|
|
<div class="g-recaptcha" data-sitekey="{{ recaptcha_site_key }}"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 text-danger" id="error-message"></div>
|
||
|
|
<button type="submit" class="btn btn-primary w-100">Process</button>
|
||
|
|
</form>
|
||
|
|
<div class="loading-spinner">
|
||
|
|
<div class="spinner-border text-primary" role="status"></div>
|
||
|
|
<p>Processing... Please wait.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|