diff --git a/cv-short.html b/cv-short.html index c156dd7..506c0c5 100644 --- a/cv-short.html +++ b/cv-short.html @@ -296,19 +296,52 @@ .pj .pj-stack .chip.accent { color: var(--accent); border-color: var(--accent); } .formations { - display: grid; - grid-template-columns: 1fr 1fr; - border-top: 1px solid var(--ink); + display: flex; + flex-direction: column; } .formations .fo { - padding: 8px 14px; - border-right: 1px solid var(--ink); + padding: 5px 14px; + border-bottom: 1px solid var(--ink); display: grid; - grid-template-columns: 28px 1fr auto; - gap: 10px; + grid-template-columns: 24px 1fr auto; + gap: 8px; align-items: center; } - .formations .fo:last-child { border-right: none; } + .formations .fo:last-child { border-bottom: none; } + + .hobbies { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + border-top: 1px solid var(--ink); + } + .hobbies .hb { + padding: 5px 12px; + border-right: 1px solid var(--ink); + } + .hobbies .hb:last-child { border-right: none; } + .hobbies .hb .hb-label { + font-family: 'JetBrains Mono', ui-monospace, monospace; + font-size: 6.5pt; + color: var(--accent); + letter-spacing: 0.08em; + text-transform: uppercase; + } + .hobbies .hb h4 { + margin: 2px 0 0; + font-family: 'Inter', sans-serif; + font-weight: 500; + font-size: 8.5pt; + line-height: 1.15; + } + .hobbies .hb .hb-desc { + font-family: 'JetBrains Mono', ui-monospace, monospace; + font-size: 6.3pt; + color: var(--muted); + letter-spacing: 0.06em; + text-transform: uppercase; + margin-top: 2px; + line-height: 1.35; + } .formations .fo .num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 8pt; @@ -388,6 +421,10 @@ .formations .fo h4 { font-size: 8.5pt; } .formations .fo .school { font-size: 6.3pt; } .formations .fo .when { font-size: 6.3pt; } + .hobbies .hb { padding: 5px 12px; } + .hobbies .hb h4 { font-size: 8.5pt; } + .hobbies .hb .hb-label { font-size: 6.3pt; } + .hobbies .hb .hb-desc { font-size: 6.3pt; margin-top: 2px; } .footer > div { padding: 4px 12px; font-size: 6.5pt; } .topbar > div { padding: 4px 10px; font-size: 6.5pt; } @@ -592,7 +629,31 @@