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%; 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 { body {
background-color: #f0f0f0; background-color: #f0f0f0;
line-height: 200%; line-height: 200%;
@ -65,7 +84,7 @@ input, textarea {
} }
textarea { textarea {
width: 80vw; width: 80vw;
font-size: 200%; font-size: 120%;
} }
.bigtext { .bigtext {
min-height: 40vh; min-height: 40vh;
@ -86,10 +105,10 @@ input, textarea {
font-size: 105%; font-size: 105%;
} }
dd { dd {
margin-left: 0; margin-left: 0.5em;
} }
dt { dt {
margin-left: 0.5em; margin-top: 0.5em;
} }
dl { dl {
margin-top: 0; margin-top: 0;

View File

@ -25,7 +25,7 @@
<body> <body>
<a href="/" style="text-decoration: none;"> <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> <a>
<h2>The secret cover letter generator</h2> <h2>The secret cover letter generator</h2>
{% from "_formhelpers.html" import render_field %} {% from "_formhelpers.html" import render_field %}
@ -52,7 +52,7 @@
</p> </p>
</div> </div>
{% endif %} {% endif %}
<input class=submit type=submit value="Submit" <input class=submit type=submit value="Generate PDF"
{% if errors %} {% if errors %}
onclick="var e = document.getElementById('errors'); e.parentNode.removeChild(e);" onclick="var e = document.getElementById('errors'); e.parentNode.removeChild(e);"
{% endif %} {% endif %}

View File

@ -17,7 +17,7 @@ class CLForm(Form):
username = StringField( username = StringField(
'Username:', 'Username:',
[validators.Length(min=4, max=99)], [validators.Length(min=4, max=99)],
default="Sage V." default="Sage"
) )
company = StringField( company = StringField(
'Company:', 'Company:',
@ -46,7 +46,7 @@ class CLForm(Form):
) )
body_string = ( 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 " "{\\jobandpronoun} with your company. I think my {\\skilltypes} knowledge "
"of {\\myskills} can contribute a lot to your team.\n\n" "of {\\myskills} can contribute a lot to your team.\n\n"