fixed templates from claude
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<div id="download-bar" style="position: sticky; top: 0; background: #f5f5f5; padding: 10px; text-align: center; border-bottom: 1px solid #ddd; z-index: 100;">
|
<div id="download-bar" style="position: sticky; top: 0; background: #f5f5f5; padding: 10px; text-align: center; border-bottom: 1px solid #ddd; z-index: 100;">
|
||||||
Download:
|
Download:
|
||||||
<a href="/resume/{{ web_pdf }}">Resume (web PDF)</a>
|
<a href="/resume/{{ web_pdf }}">Web PDF</a> |
|
||||||
<a href="/resume/{{ ats_pdf }}">Resume (ats-friendly PDF)</a>
|
<a href="/resume/{{ ats_pdf }}">ATS PDF</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+104
-36
@@ -1,55 +1,123 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>{{ name }}</title>
|
||||||
<style>
|
<style>
|
||||||
@page { size: letter; margin: 0.75in; }
|
/* PDF page settings - Weasyprint */
|
||||||
|
@page {
|
||||||
|
size: letter;
|
||||||
|
margin: 0.75in;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide web version, show ATS version */
|
||||||
|
.web-only {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Hide web version */
|
.ats-only {
|
||||||
.web-only { display: none !important; }
|
display: block;
|
||||||
.ats-only { display: block; }
|
}
|
||||||
|
|
||||||
/* Simple, ATS-friendly styling */
|
/* reset body - let @page handle margins */
|
||||||
body {
|
* {
|
||||||
font-family: Arial, sans-serif;
|
margin: 0;
|
||||||
font-size: 11pt;
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 11pt;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
/* contact section - centered and simple */
|
||||||
font-size: 18pt;
|
#contact .ats-only h1 {
|
||||||
margin: 0 0 5pt 0;
|
font-size: 20pt;
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 12pt;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 12pt 0 6pt 0;
|
text-align: center;
|
||||||
|
margin: 0 0 6pt 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact .ats-only p {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 10pt;
|
||||||
|
margin: 0 0 12pt 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* section headers */
|
||||||
|
h3 {
|
||||||
|
font-size: 12pt;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 12pt;
|
||||||
|
margin-bottom: 6pt;
|
||||||
|
padding-bottom: 2pt;
|
||||||
border-bottom: 1pt solid #333;
|
border-bottom: 1pt solid #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
/* first section no top margin */
|
||||||
font-size: 11pt;
|
#summary h3 {
|
||||||
font-weight: bold;
|
margin-top: 0;
|
||||||
margin: 8pt 0 2pt 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
p { margin: 4pt 0; }
|
/* Job entry headers */
|
||||||
|
.job-entry .ats-only h3 {
|
||||||
ul {
|
font-size: 11pt;
|
||||||
margin: 4pt 0;
|
font-weight: bold;
|
||||||
padding-left: 20pt;
|
margin: 10pt 0 2pt 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
li { margin-bottom: 2pt; }
|
.job-entry .ats-only p {
|
||||||
|
font-size: 10pt;
|
||||||
/* Center contact info */
|
margin: 2pt 0 6pt 0;
|
||||||
#contact p {
|
}
|
||||||
text-align: center;
|
|
||||||
|
.job-entry {
|
||||||
|
margin-bottom: 12pt;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.job-entry:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* paragraphs */
|
||||||
|
p {
|
||||||
|
margin: 4pt 0;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lists */
|
||||||
|
ul {
|
||||||
|
margin: 4pt 0 8pt 0;
|
||||||
|
padding-left: 20pt;
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-bottom: 2pt;
|
||||||
|
font-size: 10pt;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* sections */
|
||||||
|
div[id] {
|
||||||
|
margin-bottom: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+178
-13
@@ -1,28 +1,193 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>{{ name }}</title>
|
||||||
<style>
|
<style>
|
||||||
@page { size: letter; margin: 0.5in 0.75in; }
|
/* PDF page settings - Weasyprint */
|
||||||
|
@page {
|
||||||
/* Hide ATS version */
|
size: letter;
|
||||||
.ats-only { display: none !important; }
|
margin: 0.5in 0.75in;
|
||||||
.web-only { display: block; }
|
}
|
||||||
|
|
||||||
/* Your current beautiful styling */
|
/* Show web version, hide ATS version */
|
||||||
#contact-table {
|
.web-only {
|
||||||
width: 100%;
|
display: table; /* For tables */
|
||||||
table-layout: fixed;
|
|
||||||
/* ... rest of your styling ... */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.experience-table {
|
.ats-only {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* reset body - let @page handle margins */
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 11pt;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* contact section */
|
||||||
|
#contact {
|
||||||
|
margin-bottom: 12pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
/* ... */
|
}
|
||||||
|
|
||||||
|
#contact-table td {
|
||||||
|
vertical-align: top;
|
||||||
|
font-size: 9pt;
|
||||||
|
line-height: 1.3;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-table td:first-child {
|
||||||
|
width: 33%;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-table td:nth-child(2) {
|
||||||
|
width: 34%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-table td:last-child {
|
||||||
|
width: 33%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-table h1 {
|
||||||
|
font-size: 22pt;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* section headers */
|
||||||
|
h3 {
|
||||||
|
font-size: 11pt;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 10pt;
|
||||||
|
margin-bottom: 4pt;
|
||||||
|
padding-bottom: 2pt;
|
||||||
|
border-bottom: 1pt solid #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* first section no top margin */
|
||||||
|
div[id]:first-of-type h3 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#experience {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.job-entry {
|
||||||
|
margin-bottom: 12pt;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.job-entry:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* experience tables */
|
||||||
|
#experience-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin: 0 0 4pt 0;
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
#experience-table td {
|
||||||
|
vertical-align: top;
|
||||||
|
font-size: 10pt;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#experience-table td:first-child {
|
||||||
|
width: 33%;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#experience-table td:nth-child(2) {
|
||||||
|
width: 34%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#experience-table td:last-child {
|
||||||
|
width: 33%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#experience-table b,
|
||||||
|
table b {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* paragraphs */
|
||||||
|
p {
|
||||||
|
margin: 4pt 0;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lists */
|
||||||
|
ul {
|
||||||
|
margin: 4pt 0 8pt 0;
|
||||||
|
padding-left: 18pt;
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-bottom: 2pt;
|
||||||
|
font-size: 10pt;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* sections */
|
||||||
|
div[id] {
|
||||||
|
margin-bottom: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide download bar in PDF */
|
||||||
|
#download-bar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* web only styles */
|
||||||
|
@media screen {
|
||||||
|
body {
|
||||||
|
max-width: 8.5in;
|
||||||
|
margin: 20px auto;
|
||||||
|
padding: 30px;
|
||||||
|
background: white;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
#download-bar {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
{{ download }}
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user