fixed templates from claude

2026-04-21 21:51:44 -06:00
parent cbbf2729a9
commit 7a78e353a1
3 changed files with 284 additions and 51 deletions
@@ -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>