jsonresume-theme-signal 1.0.0

package/src/template.hbs

@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <title>{{#if basics.name}}{{#if basics.label}}{{basics.name}} - {{basics.label}}{{else}}{{basics.name}}{{/if}}{{else}}Resume{{/if}}</title>
+    <style>
+{{{css}}}
+    </style>
+</head>
+<body class="{{#if is_pdf}}pdf-mode{{/if}}">
+    <div class="resume-container">
+        {{#if (or basics.linkedin basics.github basics.email basics.pdf_url)}}
+        <div class="action-links">
+            {{#if basics.linkedin}}
+            <a href="{{basics.linkedin}}" class="action-link" target="_blank" rel="noopener" aria-label="LinkedIn">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+                    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+                </svg>
+            </a>
+            {{/if}}
+            {{#if basics.github}}
+            <a href="{{basics.github}}" class="action-link" target="_blank" rel="noopener" aria-label="GitHub">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+                    <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                </svg>
+            </a>
+            {{/if}}
+            {{#if basics.email}}
+            <a href="mailto:{{basics.email}}" class="action-link" aria-label="Email">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+                    <polyline points="22,6 12,13 2,6"/>
+                </svg>
+            </a>
+            {{/if}}
+            {{#if basics.pdf_url}}
+            <a href="{{basics.pdf_url}}" class="action-link" aria-label="Download PDF">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+                    <polyline points="7 10 12 15 17 10"/>
+                    <line x1="12" y1="15" x2="12" y2="3"/>
+                </svg>
+            </a>
+            {{/if}}
+        </div>
+        {{/if}}
+
+        <h1>{{basics.name}}</h1>
+        <p>{{#if basics.location}}{{#if basics.location.city}}{{basics.location.city}}{{#if basics.location.region}}, {{basics.location.region}}{{/if}}{{else if basics.location.region}}{{basics.location.region}}{{/if}}{{/if}}{{#if basics.email}} | <a href="mailto:{{basics.email}}">{{basics.email}}</a>{{/if}}{{#if basics.phone}}<span class="print-contact"> | {{basics.phone}}</span>{{/if}}{{#if basics.linkedin}}<span class="print-contact"> | <a href="{{basics.linkedin}}">{{stripUrl basics.linkedin}}</a></span>{{/if}}</p>
+
+        {{#if basics.summary}}
+        <p>{{basics.summary}}</p>
+        {{/if}}
+
+        {{#if work.length}}
+        <h2>Professional Experience</h2>
+        {{#each work}}
+        <div class="company-header">
+            <span class="company-name">{{this.name}}</span>
+            {{#if this.description}}<span class="company-desc">{{this.description}}</span>{{/if}}
+        </div>
+        {{#each this.roles}}
+        <div class="role-header">
+            <span class="role-title">{{this.position}}</span>
+            <span class="role-date">{{this.dates}}</span>
+        </div>
+        {{#if this.highlights.length}}
+        <ul>
+            {{#each this.highlights}}
+            <li>{{this}}</li>
+            {{/each}}
+        </ul>
+        {{/if}}
+        {{/each}}
+        {{/each}}
+        {{/if}}
+
+        {{#if early_career.length}}
+        <h2>Early Career History</h2>
+        <table class="skills-table early-career">
+            {{#each early_career}}
+            <tr>
+                <td class="skill-cat">{{this.dates}}</td>
+                <td class="skill-list">{{this.details}}</td>
+            </tr>
+            {{/each}}
+        </table>
+        {{/if}}
+
+        {{#if skills.length}}
+        <h2>Core Technologies & Architectures</h2>
+        <table class="skills-table">
+            {{#each skills}}
+            <tr>
+                <td class="skill-cat">{{this.name}}</td>
+                <td class="skill-list">{{join this.keywords ", "}}</td>
+            </tr>
+            {{/each}}
+        </table>
+        {{/if}}
+
+        {{#if education.length}}
+        <h2>Education</h2>
+        <div class="education">
+            {{#each education}}
+            <strong>{{this.studyType}}, {{this.area}}</strong>, {{this.institution}}
+            {{/each}}
+        </div>
+        {{/if}}
+    </div>
+
+    <script>
+        (function() {
+            function autoFit() {
+                var container = document.querySelector('.resume-container');
+                if (!container) return;
+
+                var fitPages = "{{fit_pages}}";
+                var fitTolerance = parseFloat("{{fit_tolerance}}") || 0.28;
+                var density = "{{density}}";
+
+                if (density === 'compact') {
+                    document.documentElement.style.setProperty('--print-font-size', '9.5pt');
+                    document.documentElement.style.setProperty('--print-line-height', '1.36');
+                    document.documentElement.style.setProperty('--print-section-gap', '10px');
+                    document.documentElement.style.setProperty('--print-bullet-gap', '3px');
+                } else if (density === 'spacious') {
+                    document.documentElement.style.setProperty('--print-font-size', '10.5pt');
+                    document.documentElement.style.setProperty('--print-line-height', '1.5');
+                    document.documentElement.style.setProperty('--print-section-gap', '18px');
+                }
+
+                if (fitPages === 'off' || !fitPages) return;
+
+                // Temporarily apply pdf-mode during measurement so DOM dimensions match 680px print geometry
+                var wasPdfMode = document.body.classList.contains('pdf-mode');
+                if (!wasPdfMode) {
+                    document.body.classList.add('pdf-mode');
+                }
+
+                // Reset scale to 1.0 to measure natural uncompressed print layout
+                document.documentElement.style.setProperty('--print-scale', '1');
+
+                // Letter printable height = 11in - 36mm margins = ~920px
+                var pageHeight = 920;
+                var naturalHeight = container.getBoundingClientRect().height;
+                var currentPages = naturalHeight / pageHeight;
+
+                var targetPages;
+                var parsedFitPages = parseInt(fitPages, 10);
+                if (!isNaN(parsedFitPages) && parsedFitPages > 0) {
+                    targetPages = parsedFitPages;
+                } else {
+                    var basePages = Math.floor(currentPages);
+                    var overflow = currentPages - basePages;
+                    if (basePages >= 1 && overflow > 0 && overflow <= fitTolerance) {
+                        targetPages = basePages;
+                    } else {
+                        targetPages = Math.ceil(currentPages);
+                    }
+                }
+
+                // Budget per page accounting for internal page break slack (e.g. unbroken roles/headers)
+                var usablePageBudget = pageHeight - 55;
+                var targetMaxHeight = targetPages === 1 ? (pageHeight - 20) : (targetPages * usablePageBudget - 20);
+
+                if (naturalHeight > targetMaxHeight) {
+                    var minScale = 0.72;
+                    var maxScale = 1.0;
+                    var bestScale = 1.0;
+
+                    for (var iter = 0; iter < 16; iter++) {
+                        var mid = (minScale + maxScale) / 2;
+                        document.documentElement.style.setProperty('--print-scale', mid.toFixed(4));
+                        var h = container.getBoundingClientRect().height;
+                        if (h <= targetMaxHeight) {
+                            bestScale = mid;
+                            minScale = mid;
+                        } else {
+                            maxScale = mid;
+                        }
+                    }
+                    document.documentElement.style.setProperty('--print-scale', bestScale.toFixed(4));
+                }
+
+                // Restore original body class if it wasn't rendered with is_pdf
+                if (!wasPdfMode) {
+                    document.body.classList.remove('pdf-mode');
+                }
+            }
+
+            if (document.fonts && document.fonts.ready) {
+                document.fonts.ready.then(autoFit);
+            }
+            if (document.readyState === 'loading') {
+                document.addEventListener('DOMContentLoaded', autoFit);
+            } else {
+                autoFit();
+            }
+            window.addEventListener('load', autoFit);
+            window.addEventListener('beforeprint', autoFit);
+        })();
+    </script>
+</body>
+</html>

package/src/types.ts

@@ -0,0 +1,119 @@
+export interface ResumeProfile {
+  network?: string;
+  username?: string;
+  url?: string;
+}
+
+export interface ResumeLocation {
+  address?: string;
+  postalCode?: string;
+  city?: string;
+  countryCode?: string;
+  region?: string;
+}
+
+export interface ResumeBasics {
+  name?: string;
+  label?: string;
+  image?: string;
+  email?: string;
+  phone?: string;
+  url?: string;
+  summary?: string;
+  location?: ResumeLocation;
+  profiles?: ResumeProfile[];
+  linkedin?: string;
+  github?: string;
+  pdf_url?: string;
+}
+
+export interface ResumeWorkRole {
+  position?: string;
+  startDate?: string;
+  endDate?: string;
+  summary?: string;
+  highlights?: string[];
+  dates?: string;
+}
+
+export interface ResumeWork {
+  name?: string;
+  position?: string;
+  url?: string;
+  startDate?: string;
+  endDate?: string;
+  summary?: string;
+  highlights?: string[];
+  description?: string;
+  roles?: ResumeWorkRole[];
+}
+
+export interface EarlyCareerItem {
+  dates?: string;
+  details?: string;
+}
+
+export interface ResumeSkill {
+  name?: string;
+  level?: string;
+  keywords?: string[];
+}
+
+export interface ResumeEducation {
+  institution?: string;
+  url?: string;
+  area?: string;
+  studyType?: string;
+  startDate?: string;
+  endDate?: string;
+  score?: string;
+  courses?: string[];
+}
+
+export interface ResumeCertificate {
+  name?: string;
+  date?: string;
+  issuer?: string;
+  url?: string;
+}
+
+export interface ResumePublication {
+  name?: string;
+  publisher?: string;
+  releaseDate?: string;
+  url?: string;
+  summary?: string;
+}
+
+export interface ResumeData {
+  basics?: ResumeBasics;
+  work?: ResumeWork[];
+  early_career?: EarlyCareerItem[];
+  skills?: ResumeSkill[];
+  education?: ResumeEducation[];
+  certificates?: ResumeCertificate[];
+  publications?: ResumePublication[];
+  meta?: Record<string, unknown>;
+  [key: string]: unknown;
+}
+
+export type PageFitMode = number | "auto" | "off";
+export type LayoutDensity = "compact" | "normal" | "spacious";
+
+export interface ThemeFitOptions {
+  fitPages?: PageFitMode;
+  fitTolerance?: number;
+  density?: LayoutDensity;
+}
+
+export interface ThemeOptions extends ThemeFitOptions {
+  asOfYear?: number;
+  is_pdf?: boolean;
+}
+
+export interface PreparedResumeData extends ResumeData {
+  is_pdf?: boolean;
+  fit_pages?: PageFitMode;
+  fit_tolerance?: number;
+  density?: LayoutDensity;
+}