feat: Finish updating resume template

2025-11-04 17:17:44 +11:00
parent 1965ff762c
commit 20863d024a
9 changed files with 249 additions and 237 deletions
--- a/templates/assets/css/resume-print.css
+++ b/templates/assets/css/resume-print.css
@@ -0,0 +1,104 @@
+/* print.css */
+@media print {
+
+    /* Page margins */
+    @page {
+        size: A4;
+        margin: 10mm 10mm;
+    }
+
+    /* Reset body */
+    body, html {
+        margin: 0;
+        padding: 0;
+        font-size: 10pt; /* smaller for print */
+        line-height: 1.3;
+        background: #fff !important;
+        color: #000 !important;
+    }
+
+    /* Container adjustments */
+    .container-fluid, .resume-row, .resume-column {
+        padding: 0 !important;
+        margin: 0 !important;
+        box-sizing: border-box;
+        /* background: none !important; */
+    }
+
+    /* Flex layout for 33/66 split */
+    .resume-row {
+        display: flex !important;
+        flex-wrap: nowrap !important;
+        width: 100% !important;
+    }
+
+    .resume-column-left {
+        flex: 0 0 33.3333% !important;
+        max-width: 33.3333% !important;
+        padding-left: 5mm !important;
+        padding-right: 5mm !important;
+        color: #fff !important;
+        border: none !important;
+        break-inside: avoid !important;
+        page-break-inside: avoid !important;
+    }
+    .resume-column-left a {
+        color: #fff !important;
+        text-decoration: none !important;
+    }
+
+    .resume-column-right {
+        flex: 0 0 66.6667% !important;
+        max-width: 66.6667% !important;
+        padding-left: 5mm !important;
+        padding-right: 5mm !important;
+        background: #fff !important;
+        color: #000 !important;
+        border: none !important;
+        break-inside: avoid !important;
+        page-break-inside: avoid !important;
+    }
+
+    /* Images adjustments */
+    img {
+        max-width: 100% !important;
+        height: auto !important;
+        display: block;
+        margin: 10mm auto !important;
+    }
+
+    /* Text adjustments for print */
+    h1 { font-size: 14pt; margin-bottom: 3mm; }
+    h2 { font-size: 12pt; margin-bottom: 2mm; }
+    h3 { font-size: 11pt; margin-bottom: 2mm; }
+    h4 { font-size: 10pt; margin-bottom: 1mm; }
+    h5, h6 { font-size: 9pt; margin-bottom: 1mm; }
+    p, li, .r-body, .l-body { font-size: 10pt; line-height: 1.3; }
+
+    .title {
+        font-size: 36px !important;
+    }
+    .subtitle {
+        font-size: 18px !important;
+    }
+
+    .r-heading1 {
+        margin-top: 4mm !important;
+    }
+
+    /* Links as plain text */
+    a {
+        color: #000 !important;
+        text-decoration: none !important;
+    }
+
+    /* Avoid page breaks inside blocks */
+    .noprintbreak {
+        break-inside: avoid !important;
+        page-break-inside: avoid !important;
+        /* margin-bottom: 5mm !important; */
+    }
+    .r-body {
+        margin-bottom: 0 !important;
+    }
+}