A bit better desktop styling.
Extract logo styles to css. Submit -> Generate PDF Also fix some funky example text.
This commit is contained in:
parent
189270c9c2
commit
609d876465
|
@ -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;
|
||||||
|
|
|
@ -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 %}
|
||||||
|
|
|
@ -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"
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue