<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="
{{ url_for('static', filename='styles_min.css') }}">
<meta name="viewport" content="user-scalable=no;width=device-width">
<script type="text/javascript">
function init() {
{% if errors %}
window.scrollTo(0, document.body.scrollHeight);
{% endif %}
if (window.location.search.includes("reset=true")) {
window.history.pushState({},document.title,window.location.pathname);
return;
}
decodeURIComponent(document.cookie).split(';').forEach(s => {
[id, v] = s.trim().split('=')
document.getElementById(id).value = v
})
}
window.onload = init;
</script>
</head>
<body>
<a href="/" style="text-decoration: none;">
<h1><span class="logo left">Under</span><span class="logo right">Cover</span></h1>
<a>
<h2>The secret cover letter generator</h2>
{% from "_formhelpers.html" import render_field %}
<form method=post>
<dl>
{{ render_field(form.username) }}
{{ render_field(form.company) }}
{{ render_field(form.jobandpronoun) }}
{{ render_field(form.skilltypes) }}
{{ render_field(form.myskills) }}
{{ render_field(form.body, 'class=bigtext') }}
{{ render_field(form.closingtext) }}
</dl>
{% if errors %}
<div id=errors>
<h3>Your letter has errors.</h3>
<p>There is likely a typo in one of your variables (the {\blabla} bits).
<br>Make sure each is spelled correctly, and has the correct brackets on either
side</p>
<p class=errors>
{% for error in errors %}
{{ error }}<br>
{% endfor %}
</p>
</div>
{% endif %}
<input class=submit type=submit value="Generate PDF"
{% if errors %}
onclick="var e = document.getElementById('errors'); e.parentNode.removeChild(e);"
{% endif %}
>
</form>
</body>
</html>