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;">
|
||||
Download:
|
||||
<a href="/resume/{{ web_pdf }}">Resume (web PDF)</a>
|
||||
<a href="/resume/{{ ats_pdf }}">Resume (ats-friendly PDF)</a>
|
||||
<a href="/resume/{{ web_pdf }}">Web PDF</a> |
|
||||
<a href="/resume/{{ ats_pdf }}">ATS PDF</a>
|
||||
</div>
|
||||
|
||||
+104
-36
@@ -1,55 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ name }}</title>
|
||||
<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 */
|
||||
.web-only { display: none !important; }
|
||||
.ats-only { display: block; }
|
||||
|
||||
/* Simple, ATS-friendly styling */
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 11pt;
|
||||
.ats-only {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 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.4;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 18pt;
|
||||
margin: 0 0 5pt 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 12pt;
|
||||
|
||||
/* contact section - centered and simple */
|
||||
#contact .ats-only h1 {
|
||||
font-size: 20pt;
|
||||
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;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
margin: 8pt 0 2pt 0;
|
||||
|
||||
/* first section no top margin */
|
||||
#summary h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
p { margin: 4pt 0; }
|
||||
|
||||
ul {
|
||||
margin: 4pt 0;
|
||||
padding-left: 20pt;
|
||||
|
||||
/* Job entry headers */
|
||||
.job-entry .ats-only h3 {
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
margin: 10pt 0 2pt 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
li { margin-bottom: 2pt; }
|
||||
|
||||
/* Center contact info */
|
||||
#contact p {
|
||||
text-align: center;
|
||||
|
||||
.job-entry .ats-only p {
|
||||
font-size: 10pt;
|
||||
margin: 2pt 0 6pt 0;
|
||||
}
|
||||
|
||||
.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>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ content }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
+178
-13
@@ -1,28 +1,193 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ name }}</title>
|
||||
<style>
|
||||
@page { size: letter; margin: 0.5in 0.75in; }
|
||||
|
||||
/* Hide ATS version */
|
||||
.ats-only { display: none !important; }
|
||||
.web-only { display: block; }
|
||||
|
||||
/* Your current beautiful styling */
|
||||
#contact-table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
/* ... rest of your styling ... */
|
||||
/* PDF page settings - Weasyprint */
|
||||
@page {
|
||||
size: letter;
|
||||
margin: 0.5in 0.75in;
|
||||
}
|
||||
|
||||
/* Show web version, hide ATS version */
|
||||
.web-only {
|
||||
display: table; /* For tables */
|
||||
}
|
||||
|
||||
.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%;
|
||||
border-collapse: collapse;
|
||||
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>
|
||||
</head>
|
||||
{{ download }}
|
||||
|
||||
<body>
|
||||
{{ content }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user