jobtrackingapp/docs/redesign/phase-5/p5-12/evidence/settings-fidelity/light-en-before/render.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>&#197;se Fixture — Minimal</title>
<style>
*{box-sizing:border-box;}
:root{--cv-accent-color:#126b55;--cv-accent-ink:#fff;--cv-accent-soft:color-mix(in srgb,#126b55 28%,transparent);--cv-ink:#111827;--cv-muted:#6b7280;--cv-paper:#ffffff;--cv-page-margin:16mm;}
html,body{min-width:0;}
body{margin:0;background:#e9edf2;color:var(--cv-ink);font-family:Arial, Helvetica, sans-serif;font-size:10pt;line-height:1.42;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.page{width:210mm;min-height:297mm;margin:0 auto;background:var(--cv-paper);overflow:visible;overflow-wrap:anywhere;word-break:normal;}
h1,h2{font-family:'Helvetica Neue', Arial, sans-serif;}
.name{margin:0;font-size:24pt;color:#111827;line-height:1.1;overflow-wrap:anywhere;}
.kicker{text-transform:uppercase;letter-spacing:.3em;font-size:7.5pt;color:#126b55;margin-bottom:1.5mm;}
.headline{margin-top:1.5mm;color:#6b7280;font-size:10.5pt;}
.head-text,.main,.sidebar,.cols>*{min-width:0;}
.head-text{flex:1;}
.photo{width:30mm;height:30mm;overflow:hidden;flex:0 0 auto;border:1px solid var(--cv-accent-soft);}
.photo-square{border-radius:2mm;}
.photo-rounded{border-radius:5mm;}
.photo-circle{border-radius:50%;}
.photo img{width:100%;height:100%;object-fit:cover;display:block;}
.contact{display:flex;gap:3mm;flex-wrap:wrap;color:#6b7280;font-size:9.5pt;margin-top:2.5mm;}
.contact-stacked{flex-direction:column;gap:1.8mm;}
.contact-item{display:inline-flex;align-items:center;gap:1.2mm;min-width:0;max-width:100%;overflow-wrap:anywhere;}
.contact a{color:inherit;text-decoration:none;min-width:0;overflow-wrap:anywhere;word-break:break-word;}
.main a{color:var(--cv-accent-color);text-decoration-color:var(--cv-accent-soft);}
.contact svg{width:3.2mm;height:3.2mm;flex:0 0 auto;opacity:.85;}
.hero{margin-bottom:7mm;}
.hero .name{font-size:21pt;}
.section{margin-top:7mm;}
.section:first-child{margin-top:0;}
.section-title{margin:0 0 2.6mm 0;font-size:12pt;font-weight:700;color:#111827;}
.section-title{letter-spacing:.01em;}
.section-presentation-grid{display:grid;grid-template-columns:repeat(var(--cv-section-columns,1),minmax(0,1fr));column-gap:4mm;align-items:start;}
.section-presentation-grid>.section-title{grid-column:1/-1;}
.section-presentation-grid>.entry{min-width:0;}
.section-presentation-compact>.entry{margin-bottom:2.75mm;}
.section-presentation-compact>.bullets li{margin-bottom:0.75mm;}
.section-presentation-bubble>.tags,.section-presentation-bubble>.bullets{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1.4mm;}
.section-presentation-bubble>.bullets li,.section-presentation-bubble>.tags li{margin:0;border:1px solid var(--cv-accent-soft);border-radius:999px;padding:.7mm 2.2mm;}
.section-presentation-bubble>.bullets li::marker{content:"";}
.bullets{margin:0;padding-left:4.5mm;}
.bullets li{margin:0 0 1.6mm 0;}
.bullets li::marker{color:var(--cv-accent-color);}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.8mm;}
.skills-text{margin:0;overflow-wrap:anywhere;}
.tag{border:1px solid var(--cv-accent-soft);border-radius:999px;padding:.7mm 2.2mm;font-size:9.5pt;max-width:100%;overflow-wrap:anywhere;}
.paragraphs p{margin:0 0 1.8mm;white-space:pre-line;}
.skill-groups{display:grid;gap:1.7mm;}
.skill-group{display:grid;grid-template-columns:minmax(24mm,.3fr) minmax(0,1fr);gap:3mm;break-inside:avoid-page;page-break-inside:avoid;}
.skill-group-name{font-family:'Roboto Mono', Consolas, monospace;font-weight:700;color:var(--cv-accent-color);overflow-wrap:anywhere;}
.skill-group-items{display:flex;flex-wrap:wrap;gap:.8mm 3mm;list-style:none;margin:0;padding:0;}
.skill-group-items li{overflow-wrap:anywhere;}
.entry{margin-bottom:5mm;}
.entry:last-child{margin-bottom:0;}
.entry-head{display:flex;justify-content:space-between;gap:1.5mm 4mm;align-items:baseline;flex-wrap:wrap;break-after:avoid-page;page-break-after:avoid;}
.entry-title{font-weight:700;font-size:11pt;min-width:0;flex:1 1 50mm;overflow-wrap:anywhere;}
.entry-meta{color:#6b7280;font-size:9.5pt;white-space:normal;text-align:right;max-width:100%;overflow-wrap:anywhere;}
.entry-subtitle{color:#6b7280;font-size:10pt;margin:.4mm 0 1.2mm 0;}
.entry-tags{margin-top:1.4mm;}
.main{padding:0 16mm 16mm 16mm;}
.header{padding:16mm 16mm 7mm 16mm;display:flex;gap:6mm;align-items:center;}
.header-band{background:#126b55;color:#fff;}
.header-band .name,.header-band .headline,.header-band .contact,.header-band .contact-item,.header-band a{color:#fff;}
.header-centered{flex-direction:column;text-align:center;justify-content:center;}
.header-centered .contact{justify-content:center;}
.header-plain{border-bottom:2px solid #126b55;}

/* Print quality: keep normal entries whole, but allow intentionally classified long entries and
   long list items to flow. An unsplittable block taller than a page is otherwise clipped. */
.entry{break-inside:avoid-page;page-break-inside:avoid;}
.entry-flow{break-inside:auto;page-break-inside:auto;}
.section-title{break-after:avoid-page;page-break-after:avoid;}
.section-title + .entry,.section-title + .bullets,.section-title + .tags,.section-title + .paragraphs,.section-title + .skill-groups{break-before:avoid-page;page-break-before:avoid;}
.section{break-inside:avoid-page;page-break-inside:avoid;}
.section-flow{break-inside:auto;page-break-inside:auto;}
.tag,.contact-item{break-inside:avoid;}
.bullets li{break-inside:avoid-page;page-break-inside:avoid;orphans:2;widows:2;overflow-wrap:anywhere;}
.bullets li.item-flow{break-inside:auto;page-break-inside:auto;}
/* Physical-page margins belong to paged media rather than an individual template box. This makes
   the same top/bottom safe area repeat on every page while themes continue to own horizontal
   layout and density. Screen preview mirrors these bounds in CvBuilderEditor. */
@media print{
body{background:transparent;}
.page{width:auto;min-height:0;margin:0;}
.cols{min-height:0;}
.header{padding-top:0;}
.main,.sidebar{padding-top:0;padding-bottom:0;}
}
@page{size:210mm 297mm;margin:16mm 0;}
</style>
</head>
<body>
<main class="page"><header class="header header-plain"><div class="head-text"><h1 class="name">&#197;se Fixture</h1><div class="headline">Verified career information</div><div class="contact contact-inline"><span class="contact-item">Oslo, Norge</span></div></div></header><section class="main"><section class="section section-summary section-presentation-rows" style="--cv-section-columns:1"><h2 class="section-title"><span class="section-title-text">Professional Summary</span></h2><ul class="bullets"><li>R01 Verified source content — &#230;&#248;&#229;.</li></ul></section><section class="section section-experience section-flow section-presentation-rows" style="--cv-section-columns:1"><h2 class="section-title"><span class="section-title-text">Professional Experience</span></h2><article class="entry entry-flow"><div class="entry-head"><div class="entry-title">E01 Plattformutvikler og dokumenterte integrasjoner</div></div><div class="entry-subtitle">Nordlys Fixture AS</div><ul class="bullets"><li class="item-flow">B01 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B02 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B03 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li></ul></article><article class="entry entry-flow"><div class="entry-head"><div class="entry-title">E02 Plattformutvikler og dokumenterte integrasjoner</div></div><div class="entry-subtitle">Nordlys Fixture AS</div><ul class="bullets"><li class="item-flow">B04 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B05 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B06 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li></ul></article><article class="entry entry-flow"><div class="entry-head"><div class="entry-title">E03 Plattformutvikler og dokumenterte integrasjoner</div></div><div class="entry-subtitle">Nordlys Fixture AS</div><ul class="bullets"><li class="item-flow">B07 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B08 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B09 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li></ul></article><article class="entry entry-flow"><div class="entry-head"><div class="entry-title">E04 Plattformutvikler og dokumenterte integrasjoner</div></div><div class="entry-subtitle">Nordlys Fixture AS</div><ul class="bullets"><li class="item-flow">B10 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B11 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B12 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li></ul></article><article class="entry entry-flow"><div class="entry-head"><div class="entry-title">E05 Plattformutvikler og dokumenterte integrasjoner</div></div><div class="entry-subtitle">Nordlys Fixture AS</div><ul class="bullets"><li class="item-flow">B13 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B14 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li><li class="item-flow">B15 Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers. Documented reliable workflows and accessible navigation for people managing their careers.</li></ul></article></section><section class="section section-education section-presentation-rows" style="--cv-section-columns:1"><h2 class="section-title"><span class="section-title-text">Education</span></h2><article class="entry"><div class="entry-head"><div class="entry-title">E08 Computer science</div></div><div class="entry-subtitle">Fixture University</div></article></section><section class="section section-skills section-presentation-rows" style="--cv-section-columns:1"><h2 class="section-title"><span class="section-title-text">Skills</span></h2><p class="skills-text">React · C# · Norsk</p></section></section></main>
</body>
</html>