thomas/jobbi-bewerbung
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CV: contact icons, larger meta text, removed heading rules

Browse Source 
Draw small vector icons (phone, mail, pin, globe) in front of each
contact row instead of a pipe-separated single line; drop the title
highlight box and the per-section hair rules for a cleaner header.
Bump experience/education meta to 9.5pt ink and titles to 11.5pt bold,
and tighten section spacing.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
thomas
2026-07-03 12:20:38 +02:00
co-authored by Claude
parent 3f57474bd1
commit a28018f31c
1 changed files with 77 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/documents.js
+77 -30
View File
@@ -520,8 +520,7 @@ function cvHeading(doc, S, dry, cur, title, x, w) {
doc.setCharSpace(0);
}
cur.y += 11.5 * S * PT + 1.8 * S;
rule(doc, S, dry, cur.y, x, x + w, RC.hair, 0.3);
cur.y += 3.2 * S;
cur.y += 2.4 * S;
}
function cvBullets(doc, S, dry, cur, items, x, w, pt = 9.3) {
@@ -533,7 +532,7 @@ function cvBullets(doc, S, dry, cur, items, x, w, pt = 9.3) {
const lines = doc.splitTextToSize(String(it), tw);
lines.forEach((ln, i) => {
if (!dry) {
if (i === 0) { doc.setFillColor(RC.sub[0], RC.sub[1], RC.sub[2]); doc.circle(x + 0.8 * S, cur.y + pt * S * PT * 0.42, 0.6 * S, 'F'); }
if (i === 0) { doc.setFillColor(RC.ink[0], RC.ink[1], RC.ink[2]); doc.circle(x + 0.8 * S, cur.y + pt * S * PT * 0.42, 0.6 * S, 'F'); }
doc.setTextColor(RC.ink[0], RC.ink[1], RC.ink[2]);
doc.text(ln, tx, cur.y + pt * S * PT * 0.76);
}
@@ -545,52 +544,102 @@ function cvBullets(doc, S, dry, cur, items, x, w, pt = 9.3) {
function cvExperience(doc, S, dry, cur, e, x, w) {
const meta = [e.firma, e.zeitraum].filter(Boolean).join(' | ');
write(doc, S, dry, cur, meta, { pt: 8.7, color: RC.sub, x, width: w, factor: 1.15 });
write(doc, S, dry, cur, e.titel, { pt: 10.5, style: 'bold', color: RC.ink, x, width: w, factor: 1.2 });
if (e.punkte && e.punkte.length) { cur.y += 0.8 * S; cvBullets(doc, S, dry, cur, e.punkte, x, w); }
cur.y += 3.4 * S;
write(doc, S, dry, cur, meta, { pt: 9.5, color: RC.ink, x, width: w, factor: 1.1 });
write(doc, S, dry, cur, e.titel, { pt: 11.5, style: 'bold', color: RC.ink, x, width: w, factor: 1.15 });
if (e.punkte && e.punkte.length) { cur.y += 0.6 * S; cvBullets(doc, S, dry, cur, e.punkte, x, w); }
cur.y += 2.4 * S;
}
function cvEducation(doc, S, dry, cur, e, x, w) {
const meta = [e.institution, e.zeitraum].filter(Boolean).join(' | ');
write(doc, S, dry, cur, meta, { pt: 8.7, color: RC.sub, x, width: w, factor: 1.15 });
write(doc, S, dry, cur, e.abschluss, { pt: 10.5, style: 'bold', color: RC.ink, x, width: w, factor: 1.2 });
if (e.zusatz) write(doc, S, dry, cur, e.zusatz, { pt: 9, color: RC.sub, x, width: w, factor: 1.2 });
cur.y += 3 * S;
write(doc, S, dry, cur, meta, { pt: 9.5, color: RC.ink, x, width: w, factor: 1.1 });
write(doc, S, dry, cur, e.abschluss, { pt: 11.5, style: 'bold', color: RC.ink, x, width: w, factor: 1.15 });
if (e.zusatz) write(doc, S, dry, cur, e.zusatz, { pt: 9.5, color: RC.ink, x, width: w, factor: 1.2 });
cur.y += 2.2 * S;
}
// Centered header: position title (with soft highlight), name, contact row.
// Small vector icons drawn in front of the contact rows (phone, mail, pin, web).
function drawContactIcon(doc, kind, x, baselineY, S) {
const ink = RC.ink;
doc.setDrawColor(ink[0], ink[1], ink[2]);
doc.setFillColor(ink[0], ink[1], ink[2]);
doc.setLineWidth(0.28 * S);
const capH = 9 * S * PT * 0.72; // approx. cap height of the contact text
const cy = baselineY - capH * 0.5; // visual centre of the line
const h = 2.4 * S; // icon height
const top = cy - h / 2;
switch (kind) {
case 'telefon': { // smartphone
const w = 1.6 * S;
doc.roundedRect(x, top, w, h, 0.4 * S, 0.4 * S, 'S');
doc.circle(x + w / 2, top + h - 0.35 * S, 0.22 * S, 'F');
break;
}
case 'email': { // envelope
const w = 2.6 * S, eh = 1.8 * S, etop = cy - eh / 2;
doc.rect(x, etop, w, eh, 'S');
doc.line(x, etop, x + w / 2, etop + eh * 0.65);
doc.line(x + w, etop, x + w / 2, etop + eh * 0.65);
break;
}
case 'ort': { // map pin
const r = 1.0 * S, cx = x + r, ccy = top + r;
doc.circle(cx, ccy, r, 'S');
doc.line(cx - r * 0.7, ccy + r * 0.6, cx, top + h);
doc.line(cx + r * 0.7, ccy + r * 0.6, cx, top + h);
break;
}
case 'web': { // globe
const r = 1.2 * S, cx = x + r;
doc.circle(cx, cy, r, 'S');
doc.ellipse(cx, cy, r * 0.45, r, 'S'); // meridian
doc.line(cx - r, cy, cx + r, cy); // equator
break;
}
}
}
// Centered header: position title, name, contact rows with icons.
function composeCvHeader(doc, S, dry, cur, header, titel) {
const title = String(titel || '').toUpperCase();
if (title) {
doc.setFont('helvetica', 'bold');
doc.setFontSize(22 * S);
const tw = Math.min(doc.getTextWidth(title), RV_FULL);
const lineH = 22 * S * PT;
if (!dry) {
const padX = 4 * S;
doc.setFillColor(RC.highlight[0], RC.highlight[1], RC.highlight[2]);
doc.rect(RV_CENTER - tw / 2 - padX, cur.y + 1.4 * S, tw + padX * 2, lineH * 0.8, 'F');
doc.setTextColor(RC.ink[0], RC.ink[1], RC.ink[2]);
doc.text(title, RV_CENTER, cur.y + lineH * 0.72, { align: 'center', maxWidth: RV_FULL });
}
cur.y += lineH * 1.2;
}
centerText(doc, S, dry, cur, header.name, { pt: 13, color: RC.sub, factor: 1.25 });
centerText(doc, S, dry, cur, header.name, { pt: 15.5, style: 'bold', color: RC.ink, factor: 1.2 });
cur.y += 2.6 * S;
rule(doc, S, dry, cur.y, RV.mx, PAGE.w - RV.mx, RC.line, 0.4);
cur.y += 3.4 * S;
const parts = [header.telefon, header.email, cityName(header) || header.ort, header.webseite].filter(Boolean);
if (parts.length) {
let cpt = 9;
doc.setFont('helvetica', 'normal');
doc.setFontSize(cpt * S);
const contact = parts.join(' | ');
const cw = doc.getTextWidth(contact);
if (cw > RV_FULL) cpt = Math.max(7.5, cpt * RV_FULL / cw);
if (!dry) { doc.setFontSize(cpt * S); doc.setTextColor(RC.sub[0], RC.sub[1], RC.sub[2]); doc.text(contact, RV_CENTER, cur.y + cpt * S * PT * 0.76, { align: 'center' }); }
cur.y += cpt * S * PT * 1.2;
const items = [
header.telefon ? { icon: 'telefon', text: header.telefon } : null,
header.email ? { icon: 'email', text: header.email } : null,
(cityName(header) || header.ort) ? { icon: 'ort', text: cityName(header) || header.ort } : null,
header.webseite ? { icon: 'web', text: header.webseite } : null,
].filter(Boolean);
if (items.length) {
const cpt = 9;
const iconW = 3.4 * S; // icon box width incl. right padding
for (const it of items) {
doc.setFont('helvetica', 'normal');
doc.setFontSize(cpt * S);
const tw = doc.getTextWidth(it.text);
const totalW = iconW + tw;
const leftX = RV_CENTER - totalW / 2;
const baseY = cur.y + cpt * S * PT * 0.76;
if (!dry) {
drawContactIcon(doc, it.icon, leftX, baseY, S);
doc.setTextColor(RC.ink[0], RC.ink[1], RC.ink[2]);
doc.text(it.text, leftX + iconW, baseY);
}
cur.y += cpt * S * PT * 1.5;
}
}
cur.y += 2.8 * S;
rule(doc, S, dry, cur.y, RV.mx, PAGE.w - RV.mx, RC.line, 0.4);
@@ -645,9 +694,7 @@ function composeCV(doc, S, dry, cur, { cv, header, titel }) {
if (cv.profil) {
cvHeading(doc, S, dry, cur, 'Profil', RV.mx, RV_FULL);
write(doc, S, dry, cur, cv.profil, { pt: 9.7, color: RC.ink, x: RV.mx, width: RV_FULL, factor: 1.42 });
cur.y += 2.5 * S;
rule(doc, S, dry, cur.y, RV.mx, PAGE.w - RV.mx, RC.line, 0.4);
cur.y += 4.5 * S;
cur.y += 4 * S;
}
const bodyTop = cur.y;
const left = { y: bodyTop }; composeCvLeft(doc, S, dry, left, cv);