cesnimda
97 lines
8.6 KiB
HTML
97 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Åse Fixture — Elegant</title>
|
|
<style>
|
|
*{box-sizing:border-box;}
|
|
:root{--cv-accent-color:#7c3aed;--cv-accent-ink:#fff;--cv-accent-soft:color-mix(in srgb,#7c3aed 28%,transparent);--cv-ink:#1f2937;--cv-muted:#4b5563;--cv-paper:#ffffff;--cv-page-margin:16mm;}
|
|
html,body{min-width:0;}
|
|
body{margin:0;background:#e9edf2;color:var(--cv-ink);font-family:'Segoe UI', Arial, 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:Georgia, 'Times New Roman', serif;}
|
|
.name{margin:0;font-size:26pt;color:#1f2937;line-height:1.1;overflow-wrap:anywhere;}
|
|
.kicker{text-transform:uppercase;letter-spacing:.3em;font-size:7.5pt;color:#7c3aed;margin-bottom:1.5mm;}
|
|
.headline{margin-top:1.5mm;color:#4b5563;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:#4b5563;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:23pt;}
|
|
.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:#7c3aed;}
|
|
.section-title{border-bottom:1.5px solid var(--cv-accent-soft);padding-bottom:1.5mm;}
|
|
.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.48mm;}
|
|
.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:4.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:#4b5563;font-size:9.5pt;white-space:normal;text-align:right;max-width:100%;overflow-wrap:anywhere;}
|
|
.entry-subtitle{color:#4b5563;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:#7c3aed;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 #7c3aed;}
|
|
|
|
/* 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-kicker"><div class="head-text"><div class="kicker">Curriculum Vitae</div><h1 class="name">Åse Fixture</h1><div class="headline">Career platform engineer</div><div class="contact contact-inline"><span class="contact-item"><a href="mailto:ase@example.test">ase@example.test</a></span><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 Builds reliable and accessible career software using documented evidence.</li></ul></section><section class="section section-experience section-presentation-rows" style="--cv-section-columns:1"><h2 class="section-title"><span class="section-title-text">Professional Experience</span></h2><article class="entry"><div class="entry-head"><div class="entry-title">E01 Platform engineer</div></div><div class="entry-subtitle">Nordlys Fixture AS</div><ul class="bullets"><li>B01 Delivered accessible application workflows with documented outcomes.</li><li>B02 Maintained reliable APIs and verified releases.</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">E02 Computer science</div></div><div class="entry-subtitle">Fixture University</div></article></section><section class="section section-projects section-presentation-rows" style="--cv-section-columns:1"><h2 class="section-title"><span class="section-title-text">Projects</span></h2><article class="entry"><div class="entry-head"><div class="entry-title">P01 Evidence workspace</div></div><ul class="bullets"><li>B03 Created a source-grounded review workflow.</li></ul></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><ul class="tags"><li class="tag">C#</li><li class="tag">React</li><li class="tag">Norsk</li><li class="tag">Accessibility</li></ul></section><section class="section section-languages section-presentation-rows" style="--cv-section-columns:1"><h2 class="section-title"><span class="section-title-text">Languages</span></h2><ul class="tags"><li class="tag">Norsk — Native</li></ul></section></section></main>
|
|
</body>
|
|
</html> |