A bit better desktop styling.

Extract logo styles to css.
Submit -> Generate PDF
Also fix some funky example text.
This commit is contained in:
Sage Vaillancourt 2022-09-22 19:12:54 +00:00
parent 189270c9c2
commit 609d876465
3 changed files with 26 additions and 7 deletions

View File

@ -2,6 +2,25 @@ html {
height: 100%;
}
span.logo {
margin: 0;
padding: 0.2em;
}
span.logo:hover {
font-size: 800%;
}
span.logo.left {
color: black;
background-color: white;
}
span.logo.right {
color: white;
background-color: black;
}
body {
background-color: #f0f0f0;
line-height: 200%;
@ -65,7 +84,7 @@ input, textarea {
}
textarea {
width: 80vw;
font-size: 200%;
font-size: 120%;
}
.bigtext {
min-height: 40vh;
@ -86,10 +105,10 @@ input, textarea {
font-size: 105%;
}
dd {
margin-left: 0;
margin-left: 0.5em;
}
dt {
margin-left: 0.5em;
margin-top: 0.5em;
}
dl {
margin-top: 0;

View File

@ -25,7 +25,7 @@
<body>
<a href="/" style="text-decoration: none;">
<h1><span style="margin: 0; padding: 0.2em; color: black; background-color: white;">Under</span><span style="margin: 0; padding: 0.2em; color: white; background-color: black;">Cover</span></h1>
<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 %}
@ -52,7 +52,7 @@
</p>
</div>
{% endif %}
<input class=submit type=submit value="Submit"
<input class=submit type=submit value="Generate PDF"
{% if errors %}
onclick="var e = document.getElementById('errors'); e.parentNode.removeChild(e);"
{% endif %}

View File

@ -17,7 +17,7 @@ class CLForm(Form):
username = StringField(
'Username:',
[validators.Length(min=4, max=99)],
default="Sage V."
default="Sage"
)
company = StringField(
'Company:',
@ -46,7 +46,7 @@ class CLForm(Form):
)
body_string = (
"My name is {\\username}. I 'm excited for the opportunity to work as "
"My name is {\\username}. I'm excited for the opportunity to work as "
"{\\jobandpronoun} with your company. I think my {\\skilltypes} knowledge "
"of {\\myskills} can contribute a lot to your team.\n\n"