cesnimda
98 lines
9.0 KiB
HTML
98 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Åse Fixture — Technical</title>
|
|
<style>
|
|
*{box-sizing:border-box;}
|
|
:root{--cv-accent-color:#0f4c5c;--cv-accent-ink:#fff;--cv-accent-soft:color-mix(in srgb,#0f4c5c 28%,transparent);--cv-ink:#102a43;--cv-muted:#486581;--cv-paper:#ffffff;--cv-page-margin:16mm;}
|
|
html,body{min-width:0;}
|
|
body{margin:0;background:#e9edf2;color:var(--cv-ink);font-family:'Roboto', Arial, sans-serif;font-size:9.5pt;line-height:1.36;-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:'Roboto', Arial, sans-serif;}
|
|
.name{margin:0;font-size:24pt;color:#102a43;line-height:1.1;overflow-wrap:anywhere;}
|
|
.kicker{text-transform:uppercase;letter-spacing:.3em;font-size:7.5pt;color:#0f4c5c;margin-bottom:1.5mm;}
|
|
.headline{margin-top:1.5mm;color:#486581;font-size:10pt;}
|
|
.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:#486581;font-size:9pt;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:6mm;}
|
|
.hero .name{font-size:21pt;}
|
|
.section{margin-top:6mm;}
|
|
.section:first-child{margin-top:0;}
|
|
.section-title{margin:0 0 2.6mm 0;font-size:12pt;font-weight:700;color:#0f4c5c;}
|
|
.section-title{padding-left:2.5mm;border-left:3px solid #0f4c5c;}
|
|
.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:9pt;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:10.5pt;min-width:0;flex:1 1 50mm;overflow-wrap:anywhere;}
|
|
.entry-meta{color:#486581;font-size:9pt;white-space:normal;text-align:right;max-width:100%;overflow-wrap:anywhere;}
|
|
.entry-subtitle{color:#486581;font-size:9.5pt;margin:.4mm 0 1.2mm 0;}
|
|
.entry-tags{margin-top:1.4mm;}
|
|
.cols{display:grid;grid-template-columns:62mm minmax(0,1fr);min-height:297mm;}
|
|
.sidebar{background:var(--cv-accent-color);color:var(--cv-accent-ink);padding:16mm;}
|
|
.sidebar .section-title{color:var(--cv-accent-ink);border-color:color-mix(in srgb,var(--cv-accent-ink) 38%,transparent);}
|
|
.sidebar .tag{border-color:color-mix(in srgb,var(--cv-accent-ink) 45%,transparent);}
|
|
.sidebar .contact,.sidebar .headline,.sidebar .entry-meta,.sidebar .entry-subtitle{color:var(--cv-accent-ink);}
|
|
.sidebar a{color:inherit;}
|
|
.main{padding:16mm;}
|
|
.hero .name{color:var(--cv-accent-ink);}
|
|
|
|
/* 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"><div class="cols"><aside class="sidebar"><header class="hero"><div class="head-text"><h1 class="name">Åse Fixture</h1><div class="headline">Career platform engineer</div></div></header><div class="contact contact-stacked"><span class="contact-item"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"><path d="M2 4h12v8H2z M2 4l6 4 6-4"/></svg><a href="mailto:ase@example.test">ase@example.test</a></span><span class="contact-item"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"><path d="M8 1a4 4 0 0 0-4 4c0 3 4 8 4 8s4-5 4-8a4 4 0 0 0-4-4z M8 5v.01"/></svg>Oslo, Norge</span></div><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="bullets skill-bullets"><li>C#</li><li>React</li><li>Norsk</li><li>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></aside><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></div></main>
|
|
</body>
|
|
</html> |